/* Ecchotag Grape Taste Profiles — CSS (no !important) */
:root{
  --gtp-accent:#FE7314;
  --gtp-btn-bg:#fff;
  --gtp-btn-text:#111;
  --gtp-btn-border:#d1d5db;
  --gtp-menu-bg:#fff;
  --gtp-menu-text:#111;
  --gtp-menu-border:#d1d5db;
  --gtp-hover-bg:#f3f4f6;
}

.gtp-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}
.gtp-select{width:100%;max-width:360px}

.gtp-chart{display:flex;align-items:center;justify-content:center;overflow:visible}
@media (max-width:520px){.gtp-chart{width:340px;height:340px}}

.gtp-legend{width:100%;max-width:560px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;font-size:12px;color:#444}
.gtp-legend__current{width:100%;text-align:center;font-weight:600;margin-top:4px;margin-bottom:2px}
.gtp-legend__item{display:flex;align-items:center;gap:6px}
.gtp-legend__swatch{width:10px;height:10px;border-radius:2px;border:1px solid rgba(0,0,0,.12)}

.gtp-producers{margin-top:0px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.gtp-producer{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid #bdbdbd;border-radius:12px;background:#fff;color:#333;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.gtp-producer:hover{background:#f7f7f7}

.gtp-dd{position:relative}
.gtp-dd__btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;background:var(--gtp-btn-bg);color:var(--gtp-btn-text);border:1px solid var(--gtp-btn-border);border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,.06); 
.gtp-dd__btn svg{color:inherit}
.gtp-dd__btn:focus{outline:2px solid #e5e7eb;outline-offset:2px}

.gtp-dd__menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;background:var(--gtp-menu-bg);color:var(--gtp-menu-text);border:1px solid var(--gtp-menu-border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:260px;overflow:auto}

.gtp-dd__item{padding:10px 12px;cursor:pointer;line-height:1.2}
.gtp-dd__item:hover{background:var(--gtp-hover-bg)}

/* Active/selected grape in dropdown */
.gtp-dd__item--active,
.gtp-dd__item[aria-selected="true"]{
  background:var(--gtp-hover-bg);
  font-weight:600;
  color:var(--gtp-accent);
}

/* Native <select> fallback (if used) */
.gtp-select option:checked,
.gtp-select option[selected]{color:var(--gtp-accent);font-weight:600}


/* Force our small heading inside the widget, override Elementor */
.gtp-wrap h3.gtp-producers__title {
  all: unset;
  display: block;
  font-size: 0.9rem;
  line-height: 0.4;
  margin: 0;
  color: #333333;
  font-weight: 600;
}