.eae-wrap {
  max-width: 680px;
  margin: 16px auto;
  padding: 0 8px;
  font-family: system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  box-sizing: border-box;
}

.eae-head {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 10px 12px;
  margin: 12px 0;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
  box-sizing: border-box;
}

.eae-head.eae-selected {
  background: #e2f7e6;
  border-color: #10b981;
}

.eae-ic {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.eae-title {
  font-weight: 600;
  font-size: 14px;
  color: #111827;
  margin-right: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.eae-selection {
  font-weight: 400;
  font-size: 13px;
  color: #374151;
  margin-left: 0 !important;
  margin-right: auto !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.eae-badge {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 3px;
  white-space: nowrap;
}

.eae-badge.opt {
  background: #e5e7eb;
  color: #374151;
}

.eae-badge.req {
  background: #fee2e2;
  color: #b91c1c;
}

.eae-tip {
  color: #6b7280;
  font-size: 14px;
  cursor: pointer;
}

.eae-arr {
  color: #6b7280;
  font-size: 16px;
  transition: transform 0.2s ease;
}

.eae-head.eae-selected .eae-arr {
  color: #047857;
}

.eae-body {
  border: none;
  border-top: none;
  border-radius: 0 0 6px 6px;
  padding: 10px;
  display: grid;
  gap: 10px;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}

.eae-body .pewc-product-extra-groups {
  border: none;
  border-radius: 4px;
  padding: 8px;
  font-size: 13px;
  color: #374151;
  background: #fafafa;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.eae-body .pewc-product-extra-groups > * + * {
  border-top: 1px solid #e5e7eb;
  padding-top: 6px;
  margin-top: 6px;
}

.eae-body .pewc-product-extra-groups:empty {
  display: none;
}

.eae-body .pewc-product-extra-groups input[type="checkbox"],
.eae-body .pewc-product-extra-groups input[type="radio"] {
  font-size: 13px;
  margin-right: 6px;
}

.eae-body select {
  font-size: 13px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 4px 30px 4px 6px;
  background-color: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path fill='%23737680' d='M0 0l5 6 5-6z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 8px center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
}

.eae-body label {
  font-size: 13px;
  color: #111827;
}

.eae-body .eae-success-message {
  display: none;
  font-size: 13px;
  color: #047857;
  background: #ecfdf3;
  border: 1px solid #10b981;
  border-radius: 4px;
  padding: 6px 8px;
  margin-top: 8px;
  box-sizing: border-box;
}

.eae-body h3,
.eae-body h4 {
  font-size: 14px;
  margin: 4px 0;
  font-weight: 600;
  color: #111827;
}

.eae-body p.pewc-group-description {
  font-size: 13px;
  margin: 4px 0 8px 0;
}

@media (max-width: 480px) {
  .eae-wrap {
    max-width: 100%;
    margin: 12px auto;
    padding: 0 6px;
    font-size: 13px;
  }
  .eae-head {
    padding: 8px 10px;
    margin: 8px 0;
  }
  .eae-ic {
    width: 14px;
    height: 14px;
    margin-right: 4px;
  }
  .eae-title {
    font-size: 13px;
    margin-right: 4px;
  }
  .eae-selection {
    font-size: 12px;
    margin-right: auto !important;
  }
  .eae-badge {
    font-size: 9px;
    padding: 1px 4px;
  }
  .eae-tip {
    font-size: 13px;
    margin-right: 4px;
  }
  .eae-arr {
    font-size: 14px;
  }
  .eae-body {
    padding: 6px;
    gap: 6px;
  }
  .eae-body .pewc-product-extra-groups {
    padding: 6px;
  }
  .eae-body h3,
  .eae-body h4 {
    font-size: 13px;
    margin: 2px 0;
  }
  .eae-body p.pewc-group-description {
    font-size: 12px;
    margin: 2px 0 6px 0;
  }
  .eae-body .eae-success-message {
    font-size: 12px;
    margin-top: 6px;
    padding: 4px 6px;
  }
  .eae-body .pewc-product-extra-groups:empty {
    display: none;
  }
}

.pewc-product-extra-groups-wrap {
  display: block !important;
}

.eae-cat-wrap {
  width: 100% !important;
  margin: 0 !important;
}

.eae-cat-body {
  display: block !important;
  gap: 0 !important;
}

.pewc-group-wrap {
  width: 100% !important;
  float: none !important;
  clear: both !important;
  margin-bottom: 16px !important;
}

.product .pewc-item .pewc-item-field-wrapper .pewc-field-label {
  margin-top: 20px;
  margin-bottom: 15px;
  margin-left: 10px;
  display: none !important;
}

.eae-body ul.eae-opt-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.eae-body ul.eae-opt-list li.eae-opt {
  position: relative;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 8px !important;
  background: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  margin-bottom: 6px !important;
}

.eae-body ul.eae-opt-list li.eae-opt:last-child {
  margin-bottom: 0 !important;
}

.eae-body ul.eae-opt-list input[type="checkbox"],
.eae-body ul.eae-opt-list input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.eae-body ul.eae-opt-list label {
  font-size: 13px !important;
  color: #111827 !important;
  margin: 0 !important;
  position: relative !important;
  padding-top: 6px !important;
  padding-left: 26px !important;
  cursor: pointer !important;
}

.eae-body ul.eae-opt-list label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  box-sizing: border-box;
}

.eae-body ul.eae-opt-list input[type="checkbox"]:checked + label::after,
.eae-body ul.eae-opt-list input[type="radio"]:checked + label::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 10px;
  border: solid #047857;
  border-width: 0 2px 2px 0;
}

h2.eae-cat-head {
    font-size: 20px;
}

/* badge popular */
.eae-badge.pop{ background:#fef3c7; color:#b45309;margin-left:8px; }

/* antet grup popular */
.eae-head.eae-popular{ border-color:#fbbf24; box-shadow:0 0 0 2px #fef3c7 inset; }



.eae-pop-star {
  color: #b45309;
  margin-right: 4px;
  font-size: 1.1em;
}


.eae-opt-popular .eae-pop-star {
  color: #f39c12;
  margin-right: 4px;
  font-size: 1.1em;
}
.eae-opt-popular {
  background: rgba(243, 156, 18, 0.1);
}



/* Badge comun */
.eae-star{
	color:#f39c12;           /* aurie */
	font-weight:700;
	margin-right:4px;
}

/* Checkboxes / Radios */
.eae-opt-popular{
	position:relative;
}
.eae-opt-popular .eae-star{
	position:absolute; left:-1.4em; top:2px;
}

/* Swatch */
.eae-swatch-popular{
	outline:2px solid #f5a623;
}
.eae-swatch-popular .eae-star{
	position:absolute; right:-6px; top:-6px; background:#fff; border-radius:50%; padding:1px 3px; font-size:11px;
}

/* Select (<option>) – doar pentru browser-ele care nu maschează option-urile */
select option{ background:#fff; }

/* În front.css, adaugă: */
.eae-popular-group .pewc-group-heading-wrapper h3,
.eae-popular-group .pewc-group-heading-wrapper h4 {
    position: relative;
}

.eae-popular-group .pewc-group-heading-wrapper h3:before,
.eae-popular-group .pewc-group-heading-wrapper h4:before {
    content: "★";
    color: #f39c12;
    margin-right: 5px;
}

/* ====== EAE – Uniformizare dropdown & opțiuni (ca la "Garancia") ====== */

/* Variabile cromatice coerente (poți ajusta rapid dintr-un singur loc) */
:root{
  --eae-border: #e5e7eb;
  --eae-border-strong: #d1d5db;
  --eae-bg-card: #ffffff;
  --eae-bg-section: #fafafa;
  --eae-bg-pop: #fff8e1;         /* uniform, deschis (evităm galbenul mai închis) */
  --eae-pop-border: #f6c453;     /* subtil */
  --eae-text: #111827;
  --eae-muted: #6b7280;
}

/* 1) Dropdown-urile toate la fel */
.eae-body select.pewc-form-field,
.eae-body .pewc-select-wrapper select {
  font-size: 13px;
  line-height: 1.35;
  border: 1px solid var(--eae-border-strong);
  border-radius: 6px;
  padding: 8px 34px 8px 10px;     /* padding unificat */
  background-color: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path fill='%23737680' d='M0 0l5 6 5-6z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}


.eae-body ul.eae-opt-list li.eae-opt:last-child{ margin-bottom:0; }

.eae-body ul.eae-opt-list label{ 
  font-size:13px;color:var(--eae-text);
  line-height:1.35;margin:0; padding-left:28px;
}

/* 3) Bifa/checkbox/radio desenate consistent */
.eae-body ul.eae-opt-list label::before{
  width:18px;height:18px;border:1px solid var(--eae-border-strong);border-radius:4px;
}
.eae-body ul.eae-opt-list input[type="checkbox"]:checked + label::after,
.eae-body ul.eae-opt-list input[type="radio"]:checked + label::after{
  border-color:#047857;              /* același verde peste tot */
}

/* 4) Badge-uri „★ Popular / ★ Legnépszerűbb” – identice la culori/mărimi */
.eae-pop-badge{
  display:inline-block;margin-left:8px;
  padding:2px 6px;border-radius:999px;
  font-size:12px; line-height:1; font-weight:600;
  background: var(--eae-bg-pop); color:#7a4d00; border:1px solid var(--eae-pop-border);
}

/* 5) Highlight unitar când opțiunea/câmpul e popular/legnépszerűbb */
.eae-opt-popular{
  background: var(--eae-bg-pop) !important;
  border-color: var(--eae-pop-border) !important;
  box-shadow: inset 0 0 0 2px rgba(246,196,83,.25);
}

/* 6) Headere grup (eae-head) – același stil când e popular/legnépszerűbb */
.eae-head.eae-popular{
  border-color: var(--eae-pop-border);
  box-shadow: 0 0 0 2px var(--eae-bg-pop) inset;
  background: #fffef8;
}

/* 7) Spațiere unitară în zona de grupuri */
.eae-body .pewc-product-extra-groups{
  background: var(--eae-bg-section);
  border:1px solid var(--eae-border);
  border-radius:8px;
  padding:12px;
}
.eae-body .pewc-product-extra-groups > * + *{
  border-top:1px solid var(--eae-border);
  padding-top:10px; margin-top:10px;
}

.eae-body select.pewc-form-field option{
  padding-right: 28px;
}


.elementor-element ul.pewc-product-extra-groups {
    padding: 0;
    border: none !important;
}




















/* Stil badge */
.eae-pop-badge {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  background: #fff8e1;
  color: #7a4d00;
  border: 1px solid #f6c453;
}

/* WooCommerce price styling for pewc-total-field-wrapper */
.pewc-total-field-wrapper .woocommerce-Price-amount.amount bdi {
  color: #fff !important;
  color: black !important;
}

/* PEWC field price styling */
.pewc-has-field-price > div > label > span:nth-child(2) {
  font-size: 13px !important;
  color: #111827 !important;
  margin: 0 !important;
  position: relative !important;
  padding-top: 6px !important;
  text-decoration: none !important;
  padding-left: 0 !important;
  cursor: pointer !important;
}

/* PEWC popular item styling */
li.pewc-item.pewc-group.pewc-group-checkbox.pewc-item-checkbox.pewc-option-list.pewc-has-field-price.eae-opt-popular {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 6px 8px !important;
  background: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  margin-bottom: 6px !important;
}

li.pewc-item.eae-opt-popular {
  gap: 0 !important;
}

li.pewc-item.pewc-group.pewc-group-checkbox.pewc-item-checkbox.pewc-option-list.pewc-has-field-price {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 6px 8px !important;
  background: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  margin-bottom: 6px !important;
}

.pewc-item-field-wrapper {
  padding-bottom: 5px !important;
  line-height: 1.35 !important;
  cursor: pointer !important;
}

/* Popular badge styling */
span.eae-popular-badge {
  display: inline-block !important;
  padding: 2px 6px !important;
  color: #f39c12 !important;
  font-size: 0.85em !important;
  font-weight: 600 !important;
  margin-left: 4px !important;
  white-space: nowrap !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  background: #fff8e1 !important;
  border: 1px solid #f6c453 !important;
}

.eae-pop-badge {
  color: #f39c12 !important;
  font-size: 0.85em !important;
  font-weight: 600 !important;
  margin-left: 4px !important;
  white-space: nowrap !important;
}