/* ==========================================================================
   INVESTORHOOD — COMPONENTE RECONSTRUITE (se încarcă ULTIMUL, în footer,
   după toate stilurile generate inline de Divi → câștigă egalitățile).
   Reguli scopate strict pe componentă; zero selectori generici
   (button, a, svg, header a, .et_pb_button). Iconițele Cart și Search
   sunt intangibile: niciun selector de aici nu le menționează.
   ========================================================================== */

/* --------------------------------------------------------------------------
   C1. SUBMENIUL DIN HEADER (About Us → Our Story / Our Team) — sursă unică.
   De ce !important aici (dovedit live): (a) Divi generează inline
   ".et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li a
   {color:#000!important}" (ID + 5 clase); (b) există un <style> de 79 de
   caractere în <head>, doar pe versiunea EN: "html[lang=en-GB] body
   .header-coll ul{gap:20px!important}" — prinde și submeniul. Ambele se
   bat doar cu specificitate egală + !important. Tipografie identică
   meniului principal (12.16px / 500 / 1.216px / uppercase / .66).
   -------------------------------------------------------------------------- */
html[lang] body .et-l--header .header-coll ul.sub-menu,
html[lang] body .et-l--header .et_pb_menu .et-menu ul.sub-menu {
  top: 100% !important; /* imediat sub itemul părinte — nu se mai suprapune peste "About Us" */
  display: grid !important;
  gap: 2px !important;
  row-gap: 2px !important;
  width: max-content !important;
  min-width: 210px !important;
  max-width: 320px !important;
  padding: 10px 8px !important;
  margin-right: 0 !important;
  background: var(--ivh-panel, #121814) !important;
  border: 1px solid rgba(232, 240, 234, .12) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .45) !important;
  z-index: 9999;
}
html[lang] body .et-l--header .header-coll ul.sub-menu li,
html[lang] body .et-l--header .et-menu ul.sub-menu li {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  width: 100% !important;
}
html[lang] body .et-l--header .header-coll ul.sub-menu li a,
html[lang] body .et-l--header .et-menu ul.sub-menu li a,
.et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header ul.sub-menu li a {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  font-size: 12.16px !important;
  font-weight: 500 !important;
  letter-spacing: 1.216px !important;
  text-transform: uppercase !important;
  line-height: 1.5 !important;
  color: rgba(232, 240, 234, .66) !important;
  background: transparent !important;
  transition: background .18s ease, color .18s ease;
}
html[lang] body .et-l--header .header-coll ul.sub-menu li a:hover,
html[lang] body .et-l--header .et-menu ul.sub-menu li a:hover,
.et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header ul.sub-menu li a:hover {
  color: var(--investorhood-green, #29C74A) !important;
  background: rgba(41, 199, 74, .10) !important;
  transform: none;
  translate: none;
}

/* Itemul ACTIV din submeniu: fără linia verde groasă (border-bottom 2px +
   ::after cu glow, moștenite de la itemii meniului principal — pe un link
   full-width din panou arătau ca o bară). Indicator subtil, ca hover-ul. */
html[lang] body .et-l--header ul.sub-menu li.current-menu-item > a,
html[lang] body .et-l--header ul.sub-menu li.current_page_item > a,
.et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header ul.sub-menu li.current-menu-item > a,
.et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header ul.sub-menu li.current_page_item > a {
  border-bottom: 0 !important;
  padding-bottom: 9px !important;
  color: var(--investorhood-green, #29C74A) !important;
  background: rgba(41, 199, 74, .10) !important;
}
html[lang] body .et-l--header ul.sub-menu li.current-menu-item > a::after,
html[lang] body .et-l--header ul.sub-menu li.current_page_item > a::after,
.et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header ul.sub-menu li.current-menu-item > a::after,
.et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header ul.sub-menu li.current_page_item > a::after {
  content: none !important;
  display: none !important;
}

/* Panoul submeniului la specificitatea regulii Divi generate
   (".et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li ul{background:#fff!important}") */
.et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header .nav li ul,
.et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header .nav li ul.sub-menu {
  background: var(--ivh-panel, #121814) !important;
  background-color: var(--ivh-panel, #121814) !important;
  border: 1px solid rgba(232, 240, 234, .12) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .45) !important;
  width: max-content !important;
  min-width: 210px !important;
}
/* Ritm compact, validat vizual: panou 6px, itemi 9/14, fără gap */
html[lang] body .et-l--header .header-coll ul.sub-menu,
html[lang] body .et-l--header .et_pb_menu .et-menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header .nav li ul.sub-menu {
  padding: 6px 6px !important;
  row-gap: 0 !important;
  gap: 0 !important;
  top: 100% !important; /* sub părinte, contiguu cu li-ul (fără gol → hover-ul nu se pierde) */
}
html[lang] body .et-l--header .header-coll ul.sub-menu li a,
html[lang] body .et-l--header .et-menu ul.sub-menu li a,
.et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header ul.sub-menu li a {
  padding: 9px 14px !important;
  line-height: 1.4 !important;
}

/* Deschiderea submeniului nu depinde de animația jQuery a Divi: CSS pur pe
   :hover / :focus-within (accesibil și cu tastatura). Validat live. */
html body .et-l--header .et-menu > li.menu-item-has-children:hover > ul.sub-menu,
html body .et-l--header .et-menu > li.menu-item-has-children.et-hover > ul.sub-menu,
html body .et-l--header .et-menu > li.menu-item-has-children:focus-within > ul.sub-menu {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Meniul principal — culoarea din sistem, la specificitatea regulii Divi */
.et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header ul li a { color: rgba(232, 240, 234, .66) !important; }
.et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header ul li a:hover,
.et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header ul li.current-menu-item > a { color: #F4F7F4 !important; }

/* --------------------------------------------------------------------------
   C2. PARTENERI (footer) — scopare fără clasă de layout: doar .et-l--footer
   + selectori pe fișier. Valorile: cele validate vizual (sigilii 96px,
   carduri albe 154×100, badge-uri 40px, un rând centrat pe desktop).
   -------------------------------------------------------------------------- */
html body .et-l--footer .et_pb_image .et_pb_image_wrap img[src*="SIG-2023"],
html body .et-l--footer .et_pb_image .et_pb_image_wrap img[src*="Untitled-design"] {
  width: 96px !important;
  height: auto !important;
  max-width: none !important;
  display: inline-block !important;
  background: transparent !important;
  border-radius: 0 !important;
  filter: none !important;
  opacity: 1 !important;
}
html body .et-l--footer .et_pb_row:has(img[src*="SIG-2023"]) .et_pb_image {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  vertical-align: middle;
  float: none !important;
}
html body .et-l--footer .et_pb_image:has(img[src*="finantare-tbi"]),
html body .et-l--footer .et_pb_image:has(img[src*="uPhLlx7"]) {
  background: #ffffff !important;
  border-radius: 12px;
  width: 154px !important;
  height: 100px !important;
}
html body .et-l--footer img[src*="finantare-tbi"] { width: 112px !important; height: auto !important; max-width: none !important; }
html body .et-l--footer img[src*="uPhLlx7"]      { width: 100px !important; height: auto !important; max-width: none !important; }

html body .et-l--footer .et_pb_row:has(img[src*="SIG-2023"]) {
  max-width: 1180px !important;
  width: 100% !important;
  text-align: center !important;
}
html body .et-l--footer .et_pb_row:has(img[src*="SIG-2023"]) .et_pb_column {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap;
  gap: 34px;
  width: 100% !important;
  max-width: 100% !important;
}
@media (min-width: 981px) {
  html body .et-l--footer .et_pb_row:has(img[src*="SIG-2023"]) .et_pb_column { flex-wrap: nowrap !important; }
}
html body .et-l--footer .et_pb_row:has(img[src*="pictograma-anpc"]) .et_pb_column {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap;
  gap: 28px;
  width: 100% !important;
  max-width: 100% !important;
}
html body .et-l--footer .et_pb_row:has(img[src*="pictograma-anpc"]) .et_pb_image { display: inline-flex !important; margin: 0 !important; }
html body .et-l--footer img[src*="pictograma-anpc"],
html body .et-l--footer img[src*="SOL-1"],
html body .et-l--footer img[src*="Stripe-Logo"] { height: 40px !important; width: auto !important; max-width: none !important; }

/* --------------------------------------------------------------------------
   C3. PAGINA DE PRODUS — compoziție premium (validată live la 1440).
   Scop: body.single-product. Conținut intact; doar prezentarea.
   -------------------------------------------------------------------------- */
html body.single-product #main-content .cursuri-section-1,
html body.single-product #main-content .et_pb_section { background-color: transparent !important; }
html body.single-product #main-content .cursuri-banner-coll-1 {
  background-image: none !important;
  background: var(--ivh-panel) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: var(--card-radius) !important;
  padding: clamp(24px, 3vw, 44px) !important;
}
html body.single-product #main-content .cursuri-banner-coll-1 h1 {
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  color: var(--text-primary) !important;
  font-family: var(--font-display) !important;
  font-weight: 560 !important;
  font-size: clamp(30px, 2.6vw, 42px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.02em !important;
  margin: .5em 0 .6em !important;
}
html body.single-product #main-content .descriere,
html body.single-product #main-content .descriere * { font-family: var(--font-body) !important; }
html body.single-product #main-content .descriere { max-width: 62ch; }
html body.single-product #main-content .descriere h2,
html body.single-product #main-content .descriere h3 { font-family: var(--font-display) !important; color: var(--text-primary) !important; }
html body.single-product #main-content .descriere h2 { font-size: clamp(22px, 2.2vw, 30px); line-height: 1.25; margin: 1.6em 0 .55em; }
html body.single-product #main-content .descriere h3 { font-size: clamp(18px, 1.6vw, 22px); margin: 1.4em 0 .5em; }
html body.single-product #main-content .descriere p { font-size: 16px; line-height: 1.75; color: var(--text-secondary) !important; margin-bottom: 1.15em; }
html body.single-product #main-content .descriere strong { color: var(--text-primary) !important; }
html body.single-product #main-content .descriere ul { margin: 0 0 1.15em 1.1em; line-height: 1.7; color: var(--text-secondary); }
html body.single-product #main-content .cursuri-banner-coll-1 h1 a,
html body.single-product #main-content h1.entry-title a {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-decoration: none !important;
}
html body.single-product #main-content .et_pb_image_0 img { border-radius: var(--media-radius) !important; }
html body.single-product #main-content .cursuri-banner-coll-2 .et_pb_text { background: transparent !important; }


/* Mobil ≤980 (validat la 430/375/320): elementele cu lățimi fixe devin fluide */
@media (max-width: 980px) {
  html body.single-product #main-content .card-flip,
  html body.single-product #main-content .img-flip,
  html body.single-product #main-content .img-flip * {
    max-width: 100% !important;
    width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
    box-sizing: border-box;
  }
  html body.single-product #main-content .et_pb_wc_add_to_cart,
  html body.single-product #main-content .et_pb_wc_add_to_cart .et_pb_module_inner,
  html body.single-product #main-content .et_pb_wc_add_to_cart form.cart,
  html body.single-product #main-content .et_pb_wc_add_to_cart form.cart > div {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }
  html body.single-product #main-content .single_add_to_cart_button {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    padding: 14px 18px !important;
    white-space: normal !important;
    font-size: 14px !important;
    box-sizing: border-box;
  }
}

/* --------------------------------------------------------------------------
   C4. FAQ (pagina de produs și oriunde apar toggle-uri) — validat live la
   1440/1280/390/320, stări închis+deschis. Specificitate peste
   "homepage.css .faq-col-2 .et_pb_toggle{background:#fff!important}".
   Centrare matematică: rând 820px max, lățime 100%-40, auto-margins,
   coloană 100%, toggle 100% — fără transformări sau margini negative.
   -------------------------------------------------------------------------- */
html body.single-product #main-content .et_pb_row:has(.et_pb_toggle),
html body.single-product #main-content .faq-row {
  max-width: 820px !important;
  width: calc(100% - 40px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
  background: transparent !important;
}
html body.single-product #main-content .et_pb_row:has(.et_pb_toggle) .et_pb_column {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  float: none !important;
  background: transparent !important;
}
html body #main-content .et_pb_toggle,
html body #main-content .faq-col-2 .et_pb_toggle,
html body #main-content .et_pb_toggle.et_pb_toggle_open,
html body #main-content .et_pb_toggle.et_pb_toggle_close {
  width: 100% !important;
  margin: 0 0 12px !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
  background: var(--ivh-panel, #121814) !important;
  background-image: none !important;
  border: 1px solid rgba(232, 240, 234, .12) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  padding: 18px 22px !important;
}
html body #main-content .et_pb_toggle.et_pb_toggle_open {
  border-color: rgba(41, 199, 74, .55) !important;
  box-shadow: 0 0 0 1px rgba(41, 199, 74, .2) !important;
}
html body #main-content .et_pb_toggle { position: relative !important; }
html body #main-content .et_pb_toggle .et_pb_toggle_title {
  position: static !important;
  text-align: left !important;
  color: var(--text-primary, #F4F7F4) !important;
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  padding-right: 42px !important;
}
html body #main-content .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title { color: var(--investorhood-green, #29C74A) !important; }
html body #main-content .et_pb_toggle .et_pb_toggle_content,
html body #main-content .et_pb_toggle .et_pb_toggle_content p {
  color: rgba(232, 240, 234, .72) !important;
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
/* Iconița: aliniată vertical, plus/minus din ETmodules, verde când e deschis */
html body #main-content .et_pb_toggle .et_pb_toggle_title:before {
  content: "\e050" !important;
  font-family: ETmodules !important;
  color: rgba(232, 240, 234, .6) !important;
  position: absolute !important;
  right: 22px !important;
  left: auto !important;
  margin: 0 !important;
  top: 50% !important;                 /* închis: mijlocul întregului card */
  transform: translateY(-50%) !important;
  font-size: 18px !important;
}
html body #main-content .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
  top: 29px !important;                /* deschis: pe rândul întrebării, nu în răspuns */
  transform: none !important;
}
html body #main-content .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
  content: "\e04f" !important;
  color: var(--investorhood-green, #29C74A) !important;
}

/* --------------------------------------------------------------------------
   C5. MENIUL MOBIL + CADRUL RESPONSIVE (≤980px) — validat vizual la 390.
   Specificitatea egală cu regulile Divi generate pentru header
   (".et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu
   {background:#fff!important}" etc). Comportamentul: identity-mobile.js.
   -------------------------------------------------------------------------- */
@media (max-width: 980px) {
  .et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header .et_mobile_menu,
  html body .header-section .et_pb_menu .et_mobile_menu {
    background: #050807 !important;
    background-color: #050807 !important;
    background-image: none !important;
    border: 1px solid rgba(232, 240, 234, .14) !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .6) !important;
    padding: 8px 6px 14px !important;
    width: min(320px, 88vw) !important;
    left: auto !important;
    right: 0 !important;
    top: auto !important;
    bottom: auto !important;
    margin-top: 8px !important;
    height: auto !important;
    max-height: calc(100dvh - 90px) !important;
    overflow-y: auto !important;
    z-index: 99999;
  }
  .et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header .et_mobile_menu li,
  html body .header-section .et_pb_menu .et_mobile_menu li {
    padding: 0 !important;
    width: 100% !important;
    font-size: 14px !important;
  }
  .et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header .et_mobile_menu li a,
  html body .header-section .et_pb_menu .et_mobile_menu li a {
    display: block !important;
    padding: 13px 16px !important;
    min-height: 44px !important;
    font-size: 14px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: rgba(232, 240, 234, .85) !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(232, 240, 234, .07) !important;
    border-radius: 8px !important;
  }
  .et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header .et_mobile_menu li a:hover {
    color: #29C74A !important;
    background: rgba(41, 199, 74, .08) !important;
  }
  /* Accordion About Us: închis implicit, săgeată care se rotește */
  .et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header .et_mobile_menu li.menu-item-has-children > ul.sub-menu,
  html body .header-section .et_pb_menu .et_mobile_menu li .sub-menu {
    display: none !important;
    position: static !important;
    background: rgba(232, 240, 234, .03) !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 8px !important;
    padding: 2px 0 6px !important;
    margin: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header .et_mobile_menu li.menu-item-has-children.ivh-open > ul.sub-menu,
  html body .header-section .et_pb_menu .et_mobile_menu li.ivh-open .sub-menu { display: block !important; }
  .et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header .et_mobile_menu ul.sub-menu li a {
    padding-left: 30px !important;
    text-transform: none !important;
    letter-spacing: .04em !important;
    border-bottom: 0 !important;
  }
  /* Linkul cu submeniu: full-width + loc pentru săgeată. Selectorul cu ID
     (#et-boc) e obligatoriu — regula de bază Divi pe „li a" are ID-uri și
     bătea padding-ul, iar săgeata cădea peste textul „About Us". */
  .et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header .et_mobile_menu li.menu-item-has-children > a,
  html body .header-section .et_pb_menu .et_mobile_menu li.menu-item-has-children > a {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 44px !important;
  }
  html body .header-section .et_pb_menu .et_mobile_menu li.menu-item-has-children > a::after {
    content: "" !important;
    position: absolute; right: 18px; top: 50%;
    width: 8px; height: 8px;
    border-right: 2px solid rgba(232, 240, 234, .6);
    border-bottom: 2px solid rgba(232, 240, 234, .6);
    transform: translateY(-70%) rotate(45deg);
    transition: transform .2s ease;
  }
  html body .header-section .et_pb_menu .et_mobile_menu li.menu-item-has-children.ivh-open > a::after { transform: translateY(-30%) rotate(225deg); }
  /* CTA-ul Contact (ultimul item; în mobil nu poartă clasa contact-button) */
  /* Butonul Contact: țintit pe .contact-button, NU pe :last-child — JS-ul
     identity inserează li-ul butonului de sunet după el, deci :last-child
     nimerea sunetul și Contactul rămânea text închis pe fundal închis. */
  .et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header .et_mobile_menu > li:last-child,
  .et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header .et_mobile_menu > li.contact-button,
  html body .header-section .et_pb_menu .et_mobile_menu > li:last-child,
  html body .header-section .et_pb_menu .et_mobile_menu > li.contact-button { background: none !important; margin: 10px 0 0 !important; padding: 0 16px !important; }
  .et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header .et_mobile_menu > li.contact-button a,
  html body .header-section .et_pb_menu .et_mobile_menu > li.contact-button a {
    display: inline-flex !important;
    width: max-content !important;
    min-height: 0 !important;
    background: #29C74A !important;
    color: #06110A !important;
    border-radius: 999px !important;
    padding: 12px 22px !important;
    font-weight: 650 !important;
    text-transform: none !important;
    letter-spacing: .02em !important;
    border: 0 !important;
  }
  .et-db #et-boc .et-l .et_pb_menu.et_pb_menu_0_tb_header .et_mobile_menu > li.contact-button a span { color: #06110A !important; }
  html body.ivh-menu-open { overflow: hidden; }
  html body .et-l--header .mobile_menu_bar:before { color: var(--text-primary, #F4F7F4); font-size: 30px; }

  /* Cadru general mobil */
  html body #page-container, html body #main-content { overflow-x: clip; }
  html body #main-content .et_pb_row { width: calc(100% - 32px) !important; max-width: 100% !important; }
  html body #main-content img { max-width: 100%; height: auto; }
}

@media (max-width: 430px) {
  html body.single-product #main-content .descriere { padding-left: 16px; padding-right: 16px; }
  html body.single-product #main-content .et_pb_row:has(.et_pb_toggle),
  html body.single-product #main-content .faq-row { width: calc(100% - 32px) !important; }
  html body.single-product #main-content .et_pb_toggle_title { font-size: 15px; line-height: 1.45; }
}

/* --------------------------------------------------------------------------
   C6. HEADER MOBIL — compoziție explicită (validat live la 390):
   logo (max 132px) | coș · telefon · email · lupă · hamburger. Un singur
   telefon (RO ascuns pe EN și invers). Iconițele email/telefon = SVG-uri
   întunecate → inversate pentru fundal negru. Hamburgerul = glifă ETmodules
   (imaginea Group-680.svg era neagră pe negru). NU atinge Cart/Search.
   -------------------------------------------------------------------------- */
@media (max-width: 1200px) {
  html body .et-l--header .et_pb_menu_inner_container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }
  html body .et-l--header .et_pb_menu__logo-wrap,
  html body .et-l--header .et_pb_menu__logo {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  /* Blindaj la specificitatea CSS-urilor de pagină (redesign/pages/courses.css
     avea ".et_pb_menu_0_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap
     {width:100%!important}" — 3 clase bat 2 clase — și scotea iconițele +
     hamburgerul din ecran pe mobil, pe toate paginile). */
  html body .et-l--header .et_pb_menu_0_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap,
  html body .et-l--header .et_pb_menu .et_pb_menu_inner_container > .et_pb_menu__logo-wrap {
    width: auto !important;
    flex: 0 1 auto !important;
  }
  html body .et-l--header .et_pb_menu__logo img,
  html body .et-l--header .et_pb_menu__logo-wrap img,
  html body .et-l--header .header-coll .et_pb_menu__logo img {
    height: 34px !important;
    max-height: 34px !important;
    width: auto !important;
    max-width: 132px !important;
    min-width: 0 !important;
    object-fit: contain !important;
  }
  html body .et-l--header .header-coll .et_pb_menu__wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }
  html body .et-l--header .header-coll .et_pb_menu__wrap > * { order: 0 !important; margin: 0 !important; float: none !important; }
  html body .et-l--header a.email-class { order: 1 !important; }
  html body .et-l--header a.phone-class { order: 2 !important; }
  /* containerul iconițelor (nu iconițele) — poziționare în grup, nimic vizual */
  html body .et-l--header .et_pb_menu__wrap > div[class*="__icons"],
  html body .et-l--header .et_pb_menu__search-container { order: 3 !important; margin: 0 !important; padding: 0 !important; }
  html body .et-l--header .et_mobile_nav_menu { order: 4 !important; margin: 0 !important; }
  html body .et-l--header a.email-class,
  html body .et-l--header a.phone-class,
  html body .header-coll a.email-class,
  html body .header-coll a.phone-class {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 50%;
  }
  html body .et-l--header a.email-class img,
  html body .et-l--header a.phone-class img {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    object-fit: contain;
    filter: invert(1) hue-rotate(180deg) brightness(1.15) !important;
    opacity: 1 !important;
  }
  html[lang^="en"] body .et-l--header a.phone-class.ro_number { display: none !important; }
  html[lang^="ro"] body .et-l--header a.phone-class.en_number { display: none !important; }
  html body .et-l--header .mobile_menu_bar {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  html body .et-l--header .closed .mobile_menu_bar:before,
  html body .et-l--header .opened .mobile_menu_bar:before,
  html body .et-l--header .mobile_menu_bar:before {
    content: "\61" !important;
    font-family: ETmodules !important;
    font-size: 32px !important;
    color: #F4F7F4 !important;
    width: auto !important;
    display: block !important;
    line-height: 1 !important;
  }
  html body .et-l--header .opened .mobile_menu_bar:before { content: "\4d" !important; }
  html body .et-l--header .header-section { padding-left: 14px !important; padding-right: 14px !important; }
}
@media (max-width: 360px) {
  html body .et-l--header .et_pb_menu__logo img { height: 32px !important; max-width: 118px !important; }
  html body .et-l--header a.email-class,
  html body .et-l--header a.phone-class { width: 32px !important; height: 32px !important; }
}

/* --------------------------------------------------------------------------
   C7. HOMEPAGE — hero pe grila headerului (1180, aceleași margini) și
   titlurile din modulele de text în Fraunces (bătea ".et_pb_text_1 h1
   {Sequel Sans}" generat de Divi). Validat la 1280 și 390.
   -------------------------------------------------------------------------- */
html body #main-content .et_pb_text h1,
html body #main-content .banner-home .et_pb_text h1,
html body #main-content .text-box h1 {
  font-family: var(--font-display) !important;
  font-weight: 560 !important;
  letter-spacing: -.02em !important;
  line-height: 1.07 !important;
  color: var(--text-primary) !important;
}
html body #main-content .et_pb_text h2,
html body #main-content .et_pb_text h3 { font-family: var(--font-display) !important; color: var(--text-primary) !important; }
html body.home #main-content .banner-home .et_pb_row,
html body.home #main-content .ivh-hero .et_pb_row {
  max-width: 1180px !important;
  width: calc(100% - 64px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body .et-l--header .et_pb_row,
html body #main-content .et_pb_row { max-width: 1180px !important; }
html body .et-l--header .et_pb_row { width: calc(100% - 64px) !important; }
@media (max-width: 980px) {
  html body.home #main-content .banner-home .et_pb_row,
  html body.home #main-content .ivh-hero .et_pb_row,
  html body .et-l--header .et_pb_row { width: calc(100% - 32px) !important; }
}

/* --------------------------------------------------------------------------
   C8. HEADER DESKTOP 981–1440px — meniul se strânge ca să încapă rândul
   complet (logo · meniu · Contact · sunet · coș · lupă). Bug real măsurat
   la 1240: iconițele Cart/Search ieșeau din viewport (1259–1321 > 1240).
   Nu atinge iconițele — doar rândul, itemii de meniu, CTA și butonul de sunet.
   -------------------------------------------------------------------------- */
@media (min-width: 981px) and (max-width: 1440px) {
  html body .et-l--header .et_pb_row,
  html body .et-l--header .et_pb_row--with-menu { width: calc(100% - 48px) !important; max-width: 1180px !important; }
  html body .et-l--header .et_pb_menu__menu > nav > ul > li { padding: 0 8px !important; }
  html body .et-l--header .et_pb_menu__menu > nav > ul > li > a { font-size: .68rem !important; letter-spacing: .06em !important; }
  html body .et-l--header .et_pb_menu__menu li.contact-button { padding-left: 6px !important; padding-right: 6px !important; }
  html body .et-l--header .ivh-snd { margin-right: 4px !important; padding: .25rem !important; }
}
@media (min-width: 981px) and (max-width: 1200px) {
  html body .et-l--header .et_pb_menu__menu > nav > ul > li { padding: 0 6px !important; }
  html body .et-l--header .et_pb_menu__menu > nav > ul > li > a { font-size: .64rem !important; letter-spacing: .04em !important; }
}

/* --------------------------------------------------------------------------
   C9. SECȚIUNEA SOCIAL (//06) — discuri întunecate cu glife albe (erau
   discuri albe cu iconițe albe = invizibile, validat la 1240) + titlurile
   lungi de secțiune îmbrăcate în grilă.
   -------------------------------------------------------------------------- */
html body #main-content .section-reels-podcast .et_pb_image {
  background: rgba(232, 240, 234, .06) !important;
  border: 1px solid rgba(232, 240, 234, .14) !important;
  border-radius: 50% !important;
  width: 56px !important;
  height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  transition: background .25s, border-color .25s;
}
html body #main-content .section-reels-podcast .et_pb_image .et_pb_image_wrap {
  border: 0 !important;
  background: transparent !important;
  width: 100% !important;
  height: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body #main-content .section-reels-podcast .et_pb_image a { display: inline-flex !important; align-items: center; justify-content: center; width: 100% !important; height: 100% !important; }
html body #main-content .section-reels-podcast .et_pb_image img { width: 22px !important; height: 22px !important; filter: brightness(0) invert(1) !important; opacity: .9 !important; }
html body #main-content .section-reels-podcast .et_pb_image:hover { border-color: rgba(41, 199, 74, .6) !important; background: rgba(41, 199, 74, .12) !important; }
html body #main-content .section-reels-podcast .et_pb_image:hover img { opacity: 1 !important; }
html body #main-content .et_pb_section h2,
html body #main-content .et_pb_section .et_pb_text h2 { max-width: 100%; overflow-wrap: anywhere; text-wrap: balance; }

/* Hero pe tabletă/mobil: dispozitivul demo nu se suprapune peste subtitlu (validat la 980/768) */
@media (max-width: 980px) {
  html body.home .banner-home .ivh-stagewrap,
  html body.home .ivh-hero .ivh-stagewrap { margin-top: 36px !important; }
  html body.home .banner-home .et_pb_row { padding-bottom: 24px !important; }
}

/* Header pe aceeași grilă cu hero-ul și la lățimi mari (validat la 1638: rând 1180 centrat) */
@media (min-width: 1441px) {
  html body .et-l--header .et_pb_row,
  html body .et-l--header .et_pb_row--with-menu {
    max-width: 1180px !important;
    width: calc(100% - 64px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Pagina de produs — chip-ul de nivel (.modul-dificultate) și breadcrumb-ul în
   limbajul sistemului (mono, verde / secundar). Validat la 1280. */
html body #main-content .modul-dificultate,
html body #main-content .modul-dificultate .et_pb_text_inner {
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem;
  width: max-content !important;
  font-family: var(--font-mono) !important;
  font-size: .66rem !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: var(--investorhood-green) !important;
  -webkit-text-fill-color: var(--investorhood-green) !important;
  line-height: 1.4 !important;
}
html body #main-content .modul-dificultate {
  background: rgba(41, 199, 74, .08) !important;
  border: 1px solid rgba(41, 199, 74, .35) !important;
  border-radius: 999px !important;
  padding: .34rem .8rem !important;
  margin: 0 0 .8rem !important;
}
html body #main-content .modul-dificultate .et_pb_text_inner { background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
html body #main-content .modul-dificultate img { width: 16px !important; height: 16px !important; }
html body #main-content .yoast_breadcrumb-section,
html body #main-content .yoast_breadcrumb-section a,
html body .et-l--header .yoast_breadcrumb-section,
html body .et-l--header .yoast_breadcrumb-section a,
html body .et-l--header .yoast_breadcrumb-section p {
  color: rgba(232, 240, 234, .55) !important;
  font-family: var(--font-mono) !important;
  font-size: .7rem !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}
html body #main-content .yoast_breadcrumb-section .breadcrumb_last,
html body .et-l--header .yoast_breadcrumb-section .breadcrumb_last { color: var(--investorhood-green) !important; text-transform: none !important; letter-spacing: .02em !important; }
@media (max-width: 980px) {
  html body .et-l--header .yoast_breadcrumb-section,
  html body .et-l--header .yoast_breadcrumb-section a { font-size: .62rem !important; letter-spacing: .1em !important; line-height: 1.5 !important; }
  html body .et-l--header .yoast_breadcrumb-section .breadcrumb_last { display: none !important; }
  html body #main-content .et_pb_row[class*="special-row-cu"] h1,
  html body #main-content .et_pb_row[class*="special-row-cu"] h2,
  html body #main-content .et_pb_row[class*="special-row-cu"] .et_pb_text { font-size: .62rem !important; }
}

/* Rândul-titlu de secțiune al paginii de produs (.special-row-cursuri, banner
   verde original vizibil pe mobil) → kicker în sistem, fără imagine de fundal */
html body #main-content .et_pb_row[class*="special-row-cu"] {
  background-image: none !important;
  background: transparent !important;
  padding: 12px 0 0 !important;
}
html body #main-content .et_pb_row[class*="special-row-cu"] h1,
html body #main-content .et_pb_row[class*="special-row-cu"] h2,
html body #main-content .et_pb_row[class*="special-row-cu"] .et_pb_text {
  font-family: var(--font-mono) !important;
  font-size: .7rem !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
  color: var(--text-faint) !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

/* --------------------------------------------------------------------------
   C10. ICONIȚELE COȘ + LUPĂ (desktop ≥981px) — la cererea explicită:
   aceeași culoare cu numărul de telefon (rgba(232,240,234,.66)), centrate
   pe rândul headerului. Regulile ORIGINALE ale temei rămân în
   redesign/style.css (contract); aici doar prezentarea: aceleași SVG-uri
   originale, folosite ca mască colorată (imaginea originală era neagră →
   invizibilă pe fundal negru). Badge-ul „0" ascuns (era 0 oricum).
   Validat live la 1632: centre 62/62/62/62 (Contact · sunet · coș · lupă).
   -------------------------------------------------------------------------- */
@media (min-width: 981px) {
  html body .et-l--header .et_pb_menu__wrap { display: flex !important; align-items: center !important; }
  html body .et-l--header .et_pb_menu__icons,
  html body .et-l--header .et_pb_menu__wrap > div[class*="__icons"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 0 0 6px !important;
    padding: 0 !important;
  }
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__cart-button,
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__search-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 0 0 12px !important;
    padding: 0 !important;
    position: relative !important;
    line-height: 1 !important;
  }
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__cart-button::after,
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__search-button::after {
    content: "" !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: rgba(232, 240, 234, .66) !important;
    -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important; mask-position: center !important;
    -webkit-mask-size: contain !important; mask-size: contain !important;
    transition: background-color .2s;
  }
  /* Vectori inline (data-URI), în limbajul stroke al iconițelor de telefon/
     email (viewBox 24, stroke 1.8). SVG-urile din uploads aveau PNG rasterizat
     înăuntru + un filtru de drop-shadow copt în fișier → ca mask dădeau glif
     tulbure cu umbră deasupra, vizibil pe mobil. */
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__cart-button::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8.5h13L17.4 20a1.8 1.8 0 0 1-1.8 1.6H8.4A1.8 1.8 0 0 1 6.6 20L5.5 8.5z'/%3E%3Cpath d='M9 8.5V6a3 3 0 0 1 6 0v2.5'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8.5h13L17.4 20a1.8 1.8 0 0 1-1.8 1.6H8.4A1.8 1.8 0 0 1 6.6 20L5.5 8.5z'/%3E%3Cpath d='M9 8.5V6a3 3 0 0 1 6 0v2.5'/%3E%3C/svg%3E") !important;
  }
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__search-button::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20.5 20.5L16.2 16.2'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20.5 20.5L16.2 16.2'/%3E%3C/svg%3E") !important;
  }
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__cart-button:hover::after,
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__search-button:hover::after { background-color: #F4F7F4 !important; }
  html body .et-l--header .et_pb_menu__cart-count { display: none !important; }
  /* sunet · coș · lupă: aceeași cutie (24px), același glif (20px), aceeași culoare */
  html body .et-l--header .ivh-snd,
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__cart-button,
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__search-button { width: 24px !important; height: 24px !important; margin: 0 0 0 14px !important; }
  html body .et-l--header .ivh-snd { padding: 0 !important; color: rgba(232, 240, 234, .66) !important; }
  html body .et-l--header .ivh-snd[aria-pressed="true"] { color: var(--investorhood-green) !important; }
  html body .et-l--header .ivh-snd svg { width: 20px !important; height: 20px !important; }
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__cart-button::after,
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__search-button::after { width: 20px !important; height: 20px !important; }
  html body .et-l--header .et_pb_menu__menu > nav > ul { align-items: center !important; }
}

/* FAQ pe pagina de produs — kicker (//02 · FAQS) și titlu ALINIATE LA STÂNGA,
   pe aceeași geometrie ca secțiunea //01 · TEAM (măsurat live la 1440:
   secțiunea Team = cutie 80%, L=144, cu conținutul la +50px prin .padd-left
   → x=194). Rândul FAQ primește aceeași cutie și același offset intern. */
html body.single-product #main-content .faq-row .et_pb_text:not(.et_pb_toggle) h2,
html body.single-product #main-content .faq-row .et_pb_text:not(.et_pb_toggle) h1 {
  max-width: 100% !important;
  width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-wrap: balance;
  text-align: left !important;
  font-size: clamp(26px, 3vw, 40px) !important;
  line-height: 1.15 !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}
html body #main-content .faq-row .et_pb_text { max-width: 100% !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
html body.single-product #main-content .faq-row .et_pb_code_inner,
html body.single-product #main-content .faq-row .ivh-kicker { text-align: left !important; width: 100% !important; display: block !important; }
html body.single-product #main-content .et_pb_row.faq-row {
  width: 80% !important;
  max-width: 1376px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}
html body.single-product #main-content .faq-row > .et_pb_column {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important; /* anulează padding-ul de 56px moștenit de la layout-ul vechi pe coloane */
  padding-right: 0 !important;
  float: none !important;
}
@media (min-width: 981px) {
  /* offsetul intern de 50px al secțiunii Team (.padd-left) — doar pe desktop */
  html body.single-product #main-content .et_pb_row.faq-row {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}
/* Homepage: secțiunea FAQ pe aceeași geometrie ca secțiunile //01–//05
   (măsurat live la 1440: secțiunile-cutie au width 80% / max-width 1376px,
   centrate — L=144; kickerele stau la +9px prin padding-ul modulului de cod
   — L=153). Rândul FAQ primește exact aceeași cutie, kickerul același +9px:
   //06 cade pe axul lui //05, titlul pe axul titlurilor ("Our Clients'
   Success" etc.). */
html body.home #main-content .faq-section .et_pb_text h2,
html body.home #main-content .faq-section .ivh-kicker,
html body.home #main-content .faq-section .et_pb_text_inner { text-align: left !important; }
html body.home #main-content .et_pb_row.faq-row,
html body.home #main-content .faq-section .et_pb_row {
  width: 80% !important;
  max-width: 1376px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Coloanele moștenite (39%/60%, padding-left 56px/21px) — anulate, ca titlul
   și lista să cadă exact pe marginea stângă a cutiei */
html body.home #main-content .faq-section .faq-col-1,
html body.home #main-content .faq-section .faq-col-2 {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html body.home #main-content .faq-section .text-box-card-section {
  width: 100% !important;
  max-width: 100% !important;
}
/* kickerul //06 la +9px, ca omologii lui din celelalte secțiuni */
html body.home #main-content .faq-section .faq-col-1 .et_pb_code,
html body.home #main-content .faq-section .text-before-title { padding-left: 9px !important; }

/* --------------------------------------------------------------------------
   C11. BUTOANE DE DOWNLOAD APLICAȚIE (hero homepage) — pastile-contur, în
   limbajul referinței: chenar subtil, text secundar, hover/activ verde.
   macOS/Windows sunt pregătite fără link (is-soon).
   -------------------------------------------------------------------------- */
html body .ivh-dl { margin-top: 1.3rem; margin-bottom: .4rem; display: block; }
html body.home .banner-home .et_pb_row,
html body.home .ivh-hero .et_pb_row { padding-bottom: 28px !important; }
html body .ivh-dl-label {
  display: block;
  font-family: var(--font-mono) !important;
  font-size: .64rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--text-faint);
  margin: 0 0 .7rem;
}
html body .ivh-dl-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
html body .ivh-dl-btn,
html body a.ivh-dl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: .62rem 1.15rem;
  border: 1px solid rgba(232, 240, 234, .22);
  border-radius: 999px;
  background: rgba(232, 240, 234, .03);
  color: rgba(232, 240, 234, .78) !important;
  font-family: var(--font-body) !important;
  font-size: .9rem;
  font-weight: 500;
  letter-spacing: -.005em;
  text-decoration: none !important;
  transition: border-color .25s, color .25s, background .25s, translate .25s var(--ivh-ease);
  cursor: pointer;
}
html body a.ivh-dl-btn:hover,
html body a.ivh-dl-btn:focus-visible {
  border-color: var(--investorhood-green) !important;
  color: #F4F7F4 !important;
  background: rgba(41, 199, 74, .08);
  translate: 0 -1px;
}
html body .ivh-dl-btn.is-soon { cursor: default; color: rgba(232, 240, 234, .55) !important; }
@media (max-width: 480px) {
  /* Grilă strictă 2×2, centrată — flex-ul cu min-width lăsa pastilele inegale
     și decalate (App Store/Google Play vs macOS/Windows). */
  html body .ivh-dl { width: 100% !important; }
  html body .ivh-dl-label { text-align: center !important; }
  html body .ivh-dl-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: min(100%, 320px) !important;
    margin: 0 auto !important;
  }
  html body .ivh-dl-btn, html body a.ivh-dl-btn {
    width: 100% !important;
    min-width: 0 !important;
    padding: .66rem .5rem;
    font-size: .92rem;
  }
}

/* --------------------------------------------------------------------------
   C12. ICONIȚE HEADER MOBIL (≤1200px) — coș/lupă = SVG-urile originale ca
   mască colorată; email/telefon = glife inline (identity.js) în aceeași
   grosime de linie; toate rgba(232,240,234,.85). Validat la 390 (normal și
   header sticky la scroll).
   -------------------------------------------------------------------------- */
@media (max-width: 1200px) {
  html body .et-l--header a.email-class img,
  html body .et-l--header a.phone-class img { display: none !important; }
  html body .et-l--header a.email-class svg,
  html body .et-l--header a.phone-class svg { display: block !important; width: 20px !important; height: 20px !important; color: rgba(232, 240, 234, .85) !important; }
  html body .et-l--header a.email-class,
  html body .et-l--header a.phone-class,
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__cart-button,
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__search-button,
  html body .et-l--header .mobile_menu_bar { width: 34px !important; height: 34px !important; margin: 0 !important; }
  html body .et-l--header .header-coll .et_pb_menu__wrap { gap: 2px !important; }
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__search-button::after { width: 20px !important; height: 20px !important; }
  html body .et-l--header .mobile_menu_bar:before { font-size: 30px !important; }
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__cart-button,
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__search-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
  }
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__cart-button::after,
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__search-button::after {
    content: "" !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: rgba(232, 240, 234, .85) !important;
    -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important; mask-position: center !important;
    -webkit-mask-size: contain !important; mask-size: contain !important;
  }
  /* Aceiași vectori inline ca pe desktop — glif 20px, uniform cu telefon/email */
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__cart-button::after {
    width: 20px !important; height: 20px !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8.5h13L17.4 20a1.8 1.8 0 0 1-1.8 1.6H8.4A1.8 1.8 0 0 1 6.6 20L5.5 8.5z'/%3E%3Cpath d='M9 8.5V6a3 3 0 0 1 6 0v2.5'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8.5h13L17.4 20a1.8 1.8 0 0 1-1.8 1.6H8.4A1.8 1.8 0 0 1 6.6 20L5.5 8.5z'/%3E%3Cpath d='M9 8.5V6a3 3 0 0 1 6 0v2.5'/%3E%3C/svg%3E") !important;
  }
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__search-button::after {
    width: 20px !important; height: 20px !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20.5 20.5L16.2 16.2'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20.5 20.5L16.2 16.2'/%3E%3C/svg%3E") !important;
  }
  html body .et-l--header .et_pb_menu__cart-count { display: none !important; }
}
/* Nota de sub dispozitivul demo — înălțime naturală (nu se mai suprapune) */
html body .ivh-devnote {
  display: block !important; height: auto !important; min-height: 1.6em; line-height: 1.6 !important;
  width: 100% !important; max-width: 100% !important; white-space: normal !important; overflow-wrap: anywhere;
  padding: 0 12px; box-sizing: border-box;
}
html body .ivh-stagewrap { grid-auto-rows: auto !important; row-gap: .6rem; }
@media (max-width: 760px) { html body .ivh-devnote { font-size: .56rem !important; letter-spacing: .16em !important; } }
/* Butoanele de download în interiorul modulului CTA (moștenesc vizibilitatea lui) */
html body #main-content .contact-button-main .ivh-dl { display: block !important; text-align: left !important; }
html body #main-content .contact-button-main .ivh-dl-row { display: flex !important; justify-content: flex-start !important; }
@media (max-width: 980px) {
  html body #main-content .contact-button-main .ivh-dl { text-align: center !important; }
  html body #main-content .contact-button-main .ivh-dl-row { justify-content: center !important; }
  html body #main-content .contact-button-main .ivh-dl-label { text-align: center !important; }
  /* lățimile pastilelor pe mobil: grila 2×2 din C17 (f) */
}
html body #main-content .contact-button-main a.ivh-dl-btn,
html body #main-content .contact-button-main .ivh-dl-btn {
  background: rgba(232, 240, 234, .03) !important;
  color: rgba(232, 240, 234, .78) !important;
  border: 1px solid rgba(232, 240, 234, .22) !important;
  border-radius: 999px !important;
  padding: .62rem 1.15rem !important;
  box-shadow: none !important;
  width: auto !important;
  min-width: 0 !important;
  font-weight: 500 !important;
  font-size: .9rem !important;
  text-transform: none !important;
  height: auto !important;
}
html body #main-content .contact-button-main a.ivh-dl-btn:hover { border-color: var(--investorhood-green) !important; color: #F4F7F4 !important; background: rgba(41, 199, 74, .08) !important; }
html body #main-content .contact-button-main .ivh-dl-btn.is-soon { color: rgba(232, 240, 234, .55) !important; }

/* --------------------------------------------------------------------------
   C13. MOBIL — verificare completă la 390 (homepage cap-coadă):
   header compact (79px), breadcrumb ascuns pe homepage, FAQ cu margini egale,
   footer fără meniurile mobile Divi (panouri albe), logo footer 40px,
   parteneri 2×2 simetric, badge-uri pe un rând.
   -------------------------------------------------------------------------- */
html body.home .et-l--header .yoast_breadcrumb-section { display: none !important; }
html body .et-l--header .yoast_breadcrumb-section { padding-top: 6px !important; padding-bottom: 6px !important; min-height: 0 !important; }
@media (max-width: 980px) {
  html body .et-l--header .header-section,
  html body .et-l--header .et_pb_section { padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; }
  html body .et-l--header .header-section .et_pb_row,
  html body .et-l--header .et_pb_row--with-menu { padding-top: 10px !important; padding-bottom: 10px !important; min-height: 0 !important; }
  html body .et-l--header .header-rand-suplimentar,
  html body .et-l--header .band-row { display: none !important; }
  html body .et-l--header .et_pb_menu,
  html body .et-l--header .et_pb_menu_inner_container { padding: 0 !important; margin: 0 !important; min-height: 0 !important; }
  html body .et-l--header .et_pb_menu__logo img,
  html body .et-l--header .et_pb_menu__logo-wrap img,
  html body .et-l--header .header-coll .et_pb_menu__logo img { height: 36px !important; max-height: 36px !important; max-width: 128px !important; }
  /* glif 20px uniform (vectorul inline umple tot canvas-ul, nu mai e nevoie
     de supradimensionare la 24px) */
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__cart-button::after { width: 20px !important; height: 20px !important; }
  html body.home .banner-home { padding-top: 8px !important; }

  html body.home #main-content .faq-section .et_pb_row,
  html body.home #main-content .faq-section .faq-col-2 { width: calc(100% - 32px) !important; margin-left: auto !important; margin-right: auto !important; }

  html body .et-l--footer .et_mobile_nav_menu,
  html body .et-l--footer .mobile_nav,
  html body .et-l--footer .et_mobile_menu,
  html body .et-l--footer .et_pb_menu__wrap > .et_mobile_nav_menu { display: none !important; }
  html body .et-l--footer .et_pb_menu .et_pb_menu__menu { display: block !important; }
  html body .et-l--footer .et_pb_menu .et_pb_menu__menu > nav > ul { display: flex !important; flex-direction: column !important; gap: 0 !important; flex-wrap: nowrap !important; }
  html body .et-l--footer img.ivh-logo,
  html body .et-l--footer .footer-module-1 img,
  html body .et-l--footer img[src*="ogoinvestorhood"],
  html body .et-l--footer img[src*="LogoInvestorhood"],
  html body .et-l--footer img[src*="logo-dark"] { height: 40px !important; width: auto !important; max-width: 170px !important; }

  html body .et-l--footer .et_pb_row:has(img[src*="SIG-2023"]) .et_pb_column {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 16px 12px !important;
    max-width: 300px !important;
    margin: 0 auto !important;
  }
  html body .et-l--footer .et_pb_row:has(img[src*="SIG-2023"]) .et_pb_image { margin: 0 !important; }
  html body .et-l--footer .et_pb_image .et_pb_image_wrap img[src*="SIG-2023"],
  html body .et-l--footer .et_pb_image .et_pb_image_wrap img[src*="Untitled-design"] { width: 78px !important; }
  html body .et-l--footer .et_pb_image:has(img[src*="finantare-tbi"]),
  html body .et-l--footer .et_pb_image:has(img[src*="uPhLlx7"]) { width: 128px !important; height: 84px !important; }
  html body .et-l--footer img[src*="finantare-tbi"] { width: 94px !important; }
  html body .et-l--footer img[src*="uPhLlx7"] { width: 84px !important; }
  html body .et-l--footer .et_pb_row:has(img[src*="pictograma-anpc"]) .et_pb_column { gap: 14px !important; flex-wrap: nowrap !important; }
  html body .et-l--footer img[src*="pictograma-anpc"],
  html body .et-l--footer img[src*="SOL-1"],
  html body .et-l--footer img[src*="Stripe-Logo"] { height: 32px !important; }
}

/* --------------------------------------------------------------------------
   C14. AUDIT RESPONSIVE — corecții măsurate live la 390 (CDP):
   (a) .social-footer avea width:16.7%!important (redesign/style.css) — prea
       îngust pentru 5 cercuri de 42px → Facebook ieșea din ecran prin stânga
       (măsurat: L=-42). Lățime pe conținut, cu wrap de siguranță.
   (b) "CG INVESTORHOOD ENTERPRISE SRL" e text direct în .et_pb_text_inner
       (nu în <p>) și moștenea culoarea neagră a containerului → invizibil
       pe fundal negru. Culoarea sistemului direct pe container.
   -------------------------------------------------------------------------- */
html body .et-l--footer .social-footer {
  width: max-content !important;
  max-width: 100% !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}
.et-db #et-boc .et-l--footer .et_pb_text .et_pb_text_inner {
  color: rgba(232, 240, 234, .66) !important;
}

/* --------------------------------------------------------------------------
   C15. RUNDA 3 — corecții punctuale cerute pe live:
   (a) CTA-ul "Contact us" de sub "Don't know which course is right for you?"
       (cursuri + consiliere, rândul .row-adaugat): modulul avea lățimea
       butonului (148px) și stătea lipit de stânga → centrat pe ax, ca titlul.
   (b) Iconița filtrului din Media appearances (.option-module-search::before):
       SVG-ul din uploads avea PNG rasterizat cu colțuri drepte → vector inline
       echivalent (glisoare), cu colțurile rotunjite (rx=8).
   -------------------------------------------------------------------------- */
html body #main-content .row-adaugat .contact-button-main {
  width: max-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}
html body #main-content .row-adaugat .contact-button-main p { justify-content: center !important; }

html body #main-content .option-module-search::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' rx='8' fill='%23F4F7F4'/%3E%3Cg stroke='%2329C74A' stroke-width='2.1' stroke-linecap='round'%3E%3Cpath d='M8 10h14M8 15h14M8 20h14'/%3E%3C/g%3E%3Cg fill='%23F4F7F4' stroke='%2329C74A' stroke-width='2.1'%3E%3Ccircle cx='12.5' cy='10' r='2.4'/%3E%3Ccircle cx='18' cy='15' r='2.4'/%3E%3Ccircle cx='13.5' cy='20' r='2.4'/%3E%3C/g%3E%3C/svg%3E") !important;
  display: flex !important;
  align-items: center !important;
}

/* --------------------------------------------------------------------------
   C16. HERO OMOGEN PE TOATE LĂȚIMILE:
   (a) Banda 981–1200px: CSS-ul vechi stivuia coloanele hero (.cl1 la 100%)
       ca pe mobil → la fereastră de desktop arăta rupt (telefon uriaș sub
       text, spațiu gol). Refacem layout-ul pe două coloane, ca la ≥1200px.
   (b) Mobil (≤980): butonul "Start now" centrat (eticheta și butoanele de
       download erau deja centrate — doar CTA-ul rămăsese la stânga).
   -------------------------------------------------------------------------- */
@media (min-width: 981px) and (max-width: 1200px) {
  html body.home #main-content .banner-home .et_pb_row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 4% !important;
  }
  html body.home #main-content .banner-home .et_pb_row > .et_pb_column:first-child,
  html body.home #main-content .banner-home .et_pb_row .cl1 {
    width: 50% !important;
    flex: 1 1 50% !important;
    float: none !important;
    margin-bottom: 0 !important;
  }
  html body.home #main-content .banner-home .et_pb_row > .et_pb_column.banner-col-2 {
    width: 46% !important;
    flex: 1 1 46% !important;
    float: none !important;
    margin-bottom: 0 !important;
  }
  html body.home #main-content .banner-home .banner-image {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
  }
  html body.home #main-content .banner-home .ivh-stagewrap { margin-top: 0 !important; }
  /* CTA-ul de desktop (în coloana de text) în locul dublurii de mobil,
     ca la ≥1200 — altfel butonul cădea sub telefon, în coloana dreaptă */
  html body.home #main-content .banner-home .contact-button-main.show_just_on_desktop { display: block !important; }
  html body.home #main-content .banner-home .show_just_on_mobile { display: none !important; }
}
@media (max-width: 980px) {
  html body.home #main-content .banner-home .contact-button-main > p,
  html body.home #main-content .banner-home .contact-button-main .et_pb_text_inner > p {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important; /* p-ul era shrink-to-fit (lățimea butonului) — fără lățime, centrarea nu avea efect */
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* --------------------------------------------------------------------------
   C17. RUNDA 5 — corecții raportate pe mobil (reproduse și verificate live):
   (a) Listările de cursuri/consultanță aveau un „gol negru" sub breadcrumb:
       H1-ul moștenea din redesign gradient-text (background-clip:text +
       -webkit-text-fill-color:transparent), iar identity îi scotea DOAR
       background-ul → text complet transparent = invizibil. Normalizăm:
       titlurile și breadcrumb-ul se randează cu culoarea curentă.
   (b) Contact: coloana formularului avea gradient alb (#fff→#f4fef1) din
       redesign → texte albe invizibile pe alb; H1 avea gradient negru→verde
       → jumătate invizibil pe negru. Panou închis + titlu alb.
   (c) Cardurile de produs (listări, mobil): butonul preț/See details e
       poziționat absolut cu bottom:8px, iar cardul avea padding-bottom 38px
       → butonul aproape lipit de margine. Aer sus/jos + buton ridicat.
   (d) Parteneri (footer): rotundele (Athenaeum + Academia Română) primele,
       tbi + libra pe rândul următor; cardurile albe mai scunde și cu aceeași
       înălțime de cerneală (32px) → alb egal sus/jos la amândouă.
   (e) Plasă de siguranță pentru reveal: dacă JS-ul moare între montarea
       [data-ivh-anim] și dezvăluire, CSS-ul aduce singur elementele la
       opacity:1 (imediat după failsafe-ul JS de 2.5s).
   -------------------------------------------------------------------------- */

/* (a) titluri + breadcrumb — niciodată text transparent */
html body #main-content h1,
html body #main-content h2,
html body #main-content h3,
html body .et-l--header .yoast_breadcrumb-section,
html body .et-l--header .yoast_breadcrumb-section p,
html body .et-l--header .yoast_breadcrumb-section span,
html body .et-l--header .yoast_breadcrumb-section a {
  -webkit-text-fill-color: currentColor !important;
}
html body #main-content h1 { background-image: none !important; }

/* (b) contact — panoul formularului + titlul */
html body #main-content .contact-coll-1 {
  background: var(--ivh-panel) !important;
  background-image: none !important;
  border: 1px solid rgba(232, 240, 234, .14) !important;
  border-radius: 20px !important;
}
html body #main-content .contact-coll-1 input[type="text"],
html body #main-content .contact-coll-1 input[type="email"],
html body #main-content .contact-coll-1 input[type="tel"],
html body #main-content .contact-coll-1 textarea,
html body #main-content .contact-coll-1 .wpcf7-drag-n-drop-file {
  border: 1px solid rgba(232, 240, 234, .16) !important;
}
html body #main-content .contact-section h1,
html body #main-content .contact-section h1 * {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: #F4F7F4 !important;
}

/* (c) carduri listări pe mobil — aer în jurul conținutului + sub buton */
@media (max-width: 1200px) {
  html body #main-content .courses-box { padding: 26px 24px 110px !important; }
  html body #main-content .courses-section-card .contact-button-main { bottom: 34px !important; }
}

/* (d) parteneri: ordinea (rotundele primele) + tbi/libra egale și mai scunde */
html body .et-l--footer .et_pb_row:has(img[src*="SIG-2023"]) .et_pb_image:has(img[src*="SIG-2023"])      { order: 1; }
html body .et-l--footer .et_pb_row:has(img[src*="SIG-2023"]) .et_pb_image:has(img[src*="Untitled-design"]) { order: 2; }
html body .et-l--footer .et_pb_row:has(img[src*="SIG-2023"]) .et_pb_image:has(img[src*="finantare-tbi"])   { order: 3; }
html body .et-l--footer .et_pb_row:has(img[src*="SIG-2023"]) .et_pb_image:has(img[src*="uPhLlx7"])         { order: 4; }
html body .et-l--footer .et_pb_image:has(img[src*="finantare-tbi"]),
html body .et-l--footer .et_pb_image:has(img[src*="uPhLlx7"]) {
  width: 150px !important;
  height: 72px !important;
}
html body .et-l--footer img[src*="finantare-tbi"] {
  width: auto !important;
  height: 32px !important;
  max-width: none !important;
}
/* JPG-ul Libra are margini albe interne mari — înălțime mai mare ca cerneala
   vizibilă să fie comparabilă cu tbi (marginile albe se pierd în cardul alb) */
html body .et-l--footer img[src*="uPhLlx7"] {
  width: auto !important;
  height: 64px !important;
  max-width: none !important;
}
@media (max-width: 980px) {
  html body .et-l--footer .et_pb_image:has(img[src*="finantare-tbi"]),
  html body .et-l--footer .et_pb_image:has(img[src*="uPhLlx7"]) {
    width: 128px !important;
    height: 62px !important;
  }
  html body .et-l--footer img[src*="finantare-tbi"] { height: 28px !important; width: auto !important; }
  html body .et-l--footer img[src*="uPhLlx7"] { height: 54px !important; width: auto !important; }
}

/* (e) plasă de siguranță reveal — pur CSS, nu depinde de JS */
@keyframes ivhAutoIn { to { opacity: 1; transform: none; } }
html.ivh-js [data-ivh-anim]:not(.ivh-in) {
  animation: ivhAutoIn .7s var(--ivh-ease, ease) 2.8s forwards;
}

/* (f) pastilele de download pe mobil — grilă strictă 2×2, centrată; selectorii
   la specificitatea maximă folosită pentru .ivh-dl (bat width:auto din C12b) */
@media (max-width: 980px) {
  html body #main-content .contact-button-main .ivh-dl-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: min(100%, 320px) !important;
    margin: 0 auto !important;
  }
  html body #main-content .contact-button-main a.ivh-dl-btn,
  html body #main-content .contact-button-main .ivh-dl-btn {
    width: 100% !important;
    min-width: 0 !important;
    padding: .62rem .5rem !important;
  }
}

/* (g) Cart: panoul de totaluri (.custom-cart-totals) rămăsese verde-deschis
   din redesign, cu texte de identitate albe → invizibile. Panou închis. */
html body #main-content .custom-cart-totals {
  background: var(--ivh-panel) !important;
  background-image: none !important;
  border: 1px solid rgba(232, 240, 234, .14) !important;
  border-radius: 20px !important;
}
html body #main-content .custom-cart-totals input[type="text"] {
  border: 1px solid rgba(232, 240, 234, .16) !important;
}
/* separatorul de deasupra totalului era negru pe alb */
html body #main-content .custom-cart-totals hr,
html body #main-content .custom-cart-totals .order-total,
html body #main-content .custom-cart-totals [style*="border"] {
  border-color: rgba(232, 240, 234, .2) !important;
}

/* (h) Comutatorul de sunet în meniul mobil (clona Divi din hamburger):
   rând întreg, icon + eticheta acțiunii (din aria-label), aliniat ca itemii */
html body .et_mobile_menu .ivh-snd {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 12px 5% !important;
  background: transparent !important;
  border: 0 !important;
  color: rgba(232, 240, 234, .8) !important;
  font-size: 15px !important;
  text-align: left !important;
  cursor: pointer !important;
}
html body .et_mobile_menu .ivh-snd::after {
  content: attr(aria-label);
  font-family: var(--font-body, inherit);
}
html body .et_mobile_menu .ivh-snd[aria-pressed="true"] { color: var(--investorhood-green) !important; }
html body .et_mobile_menu .ivh-snd svg { width: 20px !important; height: 20px !important; flex: 0 0 auto; }

/* (i) Instanța din clusterul de iconițe mobile a comutatorului de sunet:
   vizibilă doar ≤1200 (pe desktop există cea din meniu), cutie 34px ca
   celelalte iconițe din C6, verde când e pornit */
html body .et-l--header .ivh-snd.ivh-snd--bar { display: none !important; }
@media (max-width: 1200px) {
  html body .et-l--header .ivh-snd.ivh-snd--bar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: rgba(232, 240, 234, .85) !important;
    cursor: pointer !important;
  }
  html body .et-l--header .ivh-snd.ivh-snd--bar[aria-pressed="true"] { color: var(--investorhood-green) !important; }
  html body .et-l--header .ivh-snd.ivh-snd--bar svg { width: 20px !important; height: 20px !important; display: block !important; }
  html body .et-l--header .ivh-snd.ivh-snd--bar::after { content: none !important; }
}

/* Cu 6 iconițe în cluster (sunet nou + coș/tel/email/lupă/burger), la ≤480px
   rândul atingea logo-ul → cutii 32px și logo puțin mai îngust */
@media (max-width: 480px) {
  html body .et-l--header .ivh-snd.ivh-snd--bar,
  html body .et-l--header a.email-class,
  html body .et-l--header a.phone-class,
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__cart-button,
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__search-button,
  html body .et-l--header .mobile_menu_bar { width: 30px !important; height: 30px !important; }
  html body .et-l--header .ivh-snd.ivh-snd--bar svg,
  html body .et-l--header a.email-class svg,
  html body .et-l--header a.phone-class svg { width: 18px !important; height: 18px !important; }
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__cart-button::after,
  html body .et-l--header .et_pb_menu__icon.et_pb_menu__search-button::after { width: 18px !important; height: 18px !important; }
  html body .et-l--header .mobile_menu_bar:before { font-size: 27px !important; }
  html body .et-l--header img.ivh-logo,
  html body .et-l--header img[src*="ogoinvestorhood"],
  html body .et-l--header img[src*="LogoInvestorhood"],
  html body .et-l--header img[src*="logo-dark"] { max-width: 140px !important; height: auto !important; }
}
