/* Inspire Design — unified site header (.idh). Scoped, self-contained. */
.idh { position: sticky; top: 0; z-index: 60; background: #fff; border-bottom: 1px solid #ececec; }
.idh__inner { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; padding: 16px 40px; }
.idh--no-search .idh__inner { grid-template-columns: auto 1fr auto; }

.idh__lead { display: inline-flex; align-items: center; gap: 10px; }
.idh__back { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 999px; color: #14110f; transition: background .15s; }
.idh__back:hover { background: #f6f4f1; }
.idh__back svg { width: 22px; height: 22px; }
.idh__logo { display: inline-flex; align-items: center; height: 32px; }
.idh__logo img { height: 25px; width: auto; display: block; }

/* search (shop only) */
.idh__search { position: relative; display: flex; align-items: center; width: 100%; max-width: 460px; margin: 0 auto; }
.idh__search svg { position: absolute; left: 14px; width: 17px; height: 17px; color: #9a958f; pointer-events: none; }
.idh__search input { width: 100%; border: 1px solid #e5e3df; border-radius: 999px; background: #faf9f7; padding: 10px 16px 10px 40px; font: inherit; font-size: 14px; color: #14110f; outline: none; transition: border-color .15s, background .15s; }
.idh__search input::placeholder { color: #9a958f; }
.idh__search input:focus { border-color: #14110f; background: #fff; }

.idh__right { display: flex; align-items: center; gap: 18px; justify-content: flex-end; }

/* Cont identic cu prima pagină: nav + CTA hidratate de auth.js (.ia-user/.ia-cta din auth.css) */
.idh .desktop-header-nav { display: flex; align-items: center; gap: 24px; }
.idh .desktop-nav-link { display: flex; align-items: center; color: #333; font-size: 14px; font-weight: 400; text-decoration: none; white-space: nowrap; transition: opacity .2s; }
.idh .desktop-nav-link:hover { opacity: .7; }
.idh .browse-catalog-btn { display: flex; justify-content: center; align-items: center; gap: 8px; height: 40px; padding: 0 24px; color: #fff; background: #000; border: 1.5px solid #000; border-radius: 20px; font-family: inherit; font-size: 14px; font-weight: 400; white-space: nowrap; cursor: pointer; transition: all .2s; }
.idh .browse-catalog-btn:hover { color: #111; background: #fff; border-color: #111; }
.idh__link { font-size: 14px; font-weight: 400; color: #333; text-decoration: none; white-space: nowrap; transition: color .15s; }
.idh__link:hover { color: #DE0000; }

/* account */
.idh-acc { position: relative; }
.idh-acc__login { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #e2dfdb; background: #fff; color: #14110f; font: inherit; font-size: 14px; font-weight: 500; padding: 9px 18px; border-radius: 999px; cursor: pointer; transition: background .15s, border-color .15s; }
.idh-acc__login:hover { background: #f6f4f1; border-color: #d6d2cc; }

.idh-acc__btn { display: inline-flex; align-items: center; gap: 10px; background: none; border: 0; padding: 4px 6px 4px 4px; border-radius: 999px; cursor: pointer; transition: background .15s; }
.idh-acc__btn:hover { background: #f6f4f1; }
.idh-acc__avatar { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 999px; background: #14110f; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; }
.idh-acc__meta { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.15; }
.idh-acc__name { font-size: 14px; font-weight: 600; color: #14110f; }
.idh-acc__sub { font-size: 12px; color: #DE0000; }
.idh-acc__sub--muted { color: #8a847d; }
.idh-acc__caret { width: 14px; height: 14px; color: #8a847d; transition: transform .15s; }
.idh-acc.is-open .idh-acc__caret { transform: rotate(180deg); }

.idh-acc__menu { position: absolute; top: calc(100% + 8px); right: 0; min-width: 210px; background: #fff; border: 1px solid #ececec; border-radius: 14px; box-shadow: 0 12px 32px rgba(20,17,15,.12); padding: 6px; z-index: 70; }
.idh-acc__menu[hidden] { display: none; }
.idh-acc__link { display: block; width: 100%; text-align: left; padding: 10px 14px; border-radius: 8px; font-size: 14px; color: #14110f; text-decoration: none; background: none; border: 0; cursor: pointer; font: inherit; transition: background .15s; }
.idh-acc__link:hover { background: #f6f4f1; }
.idh-acc__link--danger { color: #DE0000; }
.idh-acc__sep { border: 0; border-top: 1px solid #f0eeec; margin: 6px 4px; }

@media (max-width: 720px) {
  .idh__inner { grid-template-columns: auto 1fr auto; gap: 12px; padding: 12px 16px; }
  .idh__link { display: none; }
  .idh-acc__meta { display: none; }
  .idh__search { max-width: none; }
}

/* === smart search + AI render list (shop) === */
.idh__search-wrap { position: relative; width: 100%; max-width: 460px; margin: 0 auto; }
.idh__search-wrap .idh__search { max-width: none; margin: 0; }
.idh__suggest { position: absolute; top: calc(100% + 8px); left: 0; right: 0; background: #fff; border: 1px solid #ececec; border-radius: 14px; box-shadow: 0 14px 38px rgba(20,17,15,.14); padding: 6px; z-index: 80; max-height: 70vh; overflow-y: auto; }
.idh__suggest[hidden] { display: none; }
.idh-sg { display: flex; align-items: center; gap: 8px; border-radius: 10px; transition: background .12s; }
.idh-sg:hover { background: #f6f4f1; }
.idh-sg__main { display: flex; align-items: center; gap: 12px; flex: 1 1 auto; min-width: 0; padding: 8px 10px; text-decoration: none; color: #14110f; }
.idh-sg__img { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 8px; overflow: hidden; background: #f2f0ed; display: inline-flex; align-items: center; justify-content: center; }
.idh-sg__img img { width: 100%; height: 100%; object-fit: cover; }
.idh-sg__ph { width: 100%; height: 100%; background: linear-gradient(135deg,#f0eeeb,#e6e3df); }
.idh-sg__meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.idh-sg__name { font-size: 13.5px; font-weight: 500; color: #14110f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.idh-sg__price { font-size: 13px; font-weight: 600; color: #1a1a1a; }
.idh-sg__add { flex: 0 0 36px; width: 36px; height: 36px; margin-right: 6px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #e2dfdb; background: #fff; color: #14110f; border-radius: 999px; cursor: pointer; transition: background .12s, border-color .12s, color .12s; }
.idh-sg__add svg { width: 16px; height: 16px; }
.idh-sg__add:hover { background: #14110f; border-color: #14110f; color: #fff; }
.idh-sg__add.is-in { background: #14110f; border-color: #14110f; color: #fff; cursor: default; }
.idh-sg__empty { padding: 18px 14px; text-align: center; font-size: 13px; color: #8a847d; }

.idh__icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 999px; color: #14110f; transition: background .15s; }
.idh__icon:hover { background: #f6f4f1; }
.idh__icon svg { width: 21px; height: 21px; }
.idh__badge { position: absolute; top: 2px; right: 2px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px; background: #DE0000; color: #fff; font-size: 10.5px; font-weight: 600; line-height: 17px; text-align: center; }
.idh__badge[hidden] { display: none; }

.ai-toast { position: fixed; left: 50%; bottom: 28px; transform: translate(-50%, 16px); background: #14110f; color: #fff; font-size: 13.5px; font-weight: 500; padding: 11px 20px; border-radius: 999px; box-shadow: 0 10px 30px rgba(20,17,15,.28); opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; z-index: 200; }
.ai-toast.is-on { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 720px) {
  .idh__search-wrap { max-width: none; }
  .idh__icon { width: 38px; height: 38px; }
}

/* === circled + add-to-render on products === */
.st-card { position: relative; }
.st-card__img { position: relative; }
.st-ai-add { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: rgba(255,255,255,.94); border: 1px solid #e2dfdb; color: #14110f; cursor: pointer; box-shadow: none; transition: background .15s, border-color .15s, color .15s, transform .15s; z-index: 3; padding: 0; }
.st-ai-add svg { width: 19px; height: 19px; }
.st-ai-add:hover { background: #14110f; border-color: #14110f; color: #fff; transform: scale(1.06); }
.st-ai-add.is-in { background: #14110f; border-color: #14110f; color: #fff; }

.st-product__ai { display: inline-flex; align-items: center; gap: 10px; margin-top: 12px; background: #fff; color: #14110f; border: 1.5px solid #14110f; border-radius: 999px; padding: 12px 24px; font-family: inherit; font-size: 14px; font-weight: 500; cursor: pointer; transition: background .15s, color .15s; }
.st-product__ai svg { width: 20px; height: 20px; }
.st-product__ai:hover { background: #14110f; color: #fff; }
.st-product__ai.is-in { background: #14110f; color: #fff; }

/* === burger + categories drawer (shop) === */
.idh-burger { -webkit-appearance: none; appearance: none; cursor: pointer; box-sizing: border-box; background: 0 0; border: none; outline: none; display: flex; flex-direction: column; flex-shrink: 0; justify-content: center; align-items: center; gap: 4px; width: 28px; height: 24px; margin: 0; padding: 0; position: relative; }
.idh-burger > span { background-color: #111; border-radius: 1px; width: 18px; height: 2px; display: block; transition: opacity .3s, transform .3s, background-color .3s; }
.idh-burger:hover > span { background-color: #000; }
.idh-burger.is-open > span:first-child { transform: translateY(6px) rotate(45deg); }
.idh-burger.is-open > span:nth-child(2) { opacity: 0; }
.idh-burger.is-open > span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.idh-drawer { position: fixed; inset: 0; z-index: 200; }
.idh-drawer[hidden] { display: none; }
.idh-drawer__backdrop { position: absolute; inset: 0; background: rgba(20,17,15,.45); opacity: 0; transition: opacity .3s ease; }
.idh-drawer.is-open .idh-drawer__backdrop { opacity: 1; }
.idh-drawer__panel { position: absolute; top: 0; left: 0; height: 100%; width: 330px; max-width: 86vw; background: #fff; box-shadow: 0 0 40px rgba(20,17,15,.2); transform: translateX(-100%); transition: transform .32s cubic-bezier(.4,0,.2,1); display: flex; flex-direction: column; overflow-y: auto; }
.idh-drawer.is-open .idh-drawer__panel { transform: translateX(0); }
.idh-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 20px 22px; border-bottom: 1px solid #f0eeec; position: sticky; top: 0; background: #fff; }
.idh-drawer__title { font-size: 13px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; color: #14110f; }
.idh-drawer__close { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 0; background: 0 0; color: #14110f; border-radius: 999px; cursor: pointer; transition: background .15s; }
.idh-drawer__close:hover { background: #f6f4f1; }
.idh-drawer__close svg { width: 20px; height: 20px; }
.idh-drawer__nav { padding: 10px 12px 28px; display: flex; flex-direction: column; }
.idh-drawer__link { padding: 12px; border-radius: 10px; font-size: 15px; font-weight: 500; color: #14110f; transition: background .15s; }
.idh-drawer__link:hover { background: #f6f4f1; }
.idh-drawer__link--all { font-weight: 600; }
.idh-drawer__sub { padding: 9px 12px 9px 26px; border-radius: 10px; font-size: 13.5px; color: #6b6660; transition: background .15s, color .15s; }
.idh-drawer__sub:hover { background: #f6f4f1; color: #14110f; }
body.idh-drawer-lock { overflow: hidden; }

/* === cart button (corp card) + selector limbă (glob) === */
.st-card__body { position: relative; padding-right: 52px; }
.st-cart-add { position: absolute; right: 4px; bottom: 4px; width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 13px; background: #14110f; border: 0; color: #fff; cursor: pointer; box-shadow: none; transition: background .15s, transform .15s; z-index: 3; padding: 0; }
.st-cart-add svg { width: 20px; height: 20px; }
.st-cart-add:hover { background: #000; transform: scale(1.06); }
.st-cart-add.is-added { background: #1f7a4d; transform: scale(1.1); }

/* selector limbă — glob + dropdown */
.idh-lang { position: relative; display: inline-flex; align-items: center; flex-shrink: 0; margin-left: 6px; }
.idh-lang__toggle { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 0; background: transparent; color: #14110f; cursor: pointer; transition: opacity .15s, transform .12s; padding: 0; }
.idh-lang__toggle:hover { opacity: .65; }
.idh-lang__toggle svg { width: 32px; height: 32px; }
.idh-lang__menu { position: absolute; top: calc(100% + 8px); right: 0; min-width: 168px; background: #fff; border: 1px solid #ece7e1; border-radius: 14px; box-shadow: 0 14px 36px rgba(20,17,15,.14); padding: 6px; z-index: 120; }
.idh-lang__menu[hidden] { display: none; }
.idh-lang__item { display: flex; align-items: center; width: 100%; border: 0; border-radius: 9px; padding: 9px 12px; font-family: inherit; font-size: 14px; font-weight: 500; text-align: left; color: #14110f; background: transparent; cursor: pointer; transition: background .12s; }
.idh-lang__item:hover { background: #f6f4f1; }
.idh-lang__item.is-active { background: #f3f1ee; }

/* fără FOUC la CTA când utilizatorul e deja logat */
html.ia-prelogged .start-free-btn,
html.ia-prelogged .browse-catalog-btn { display: none !important; }


/* === MOBIL magazin (v9) === */
@media (max-width: 720px) {
  /* Două rânduri: [burger + logo | iconițe] apoi [search lat pe tot rândul] */
  .idh--shop .idh__inner {
    grid-template-columns: auto 1fr;
    grid-template-areas: "lead right" "search search";
    column-gap: 10px;
    row-gap: 10px;
    padding: 10px 14px;
  }
  .idh--shop .idh__lead { grid-area: lead; }
  .idh--shop .idh__search-wrap { grid-area: search; max-width: none; }
  .idh--shop .idh__right { grid-area: right; gap: 2px; }

  /* Pe magazin, pe mobil renunțăm la widgetul cont/CTA din header
     (avem deja iconițe dedicate de cont + coș). */
  .idh--shop .desktop-header-nav { display: none; }

  /* Iconițe compacte; ascundem „servicii" ca să încapă coșul + contul. */
  .idh--shop .idh__icon { width: 40px; height: 40px; }
  .idh--shop .idh__icon svg { width: 22px; height: 22px; }
  .idh--shop .idh__right > a.idh__icon[href*="servicii"] { display: none; }

  /* Selector limbă puțin mai compact. */
  .idh--shop .idh-lang { margin-left: 2px; }
  .idh--shop .idh-lang__toggle { width: 40px; height: 40px; }
  .idh--shop .idh-lang__toggle svg { width: 30px; height: 30px; }
}

@media (max-width: 380px) {
  .idh--shop .idh__logo img { height: 22px; }
  .idh--shop .idh__icon { width: 36px; height: 36px; }
  .idh--shop .idh__icon svg { width: 21px; height: 21px; }
  .idh--shop .idh-lang__toggle { width: 36px; height: 36px; }
  .idh--shop .idh-lang__toggle svg { width: 28px; height: 28px; }
}

/* === aliniere 1:1 cu header-ul de pe inspiredesign.ro === */
/* Înălțime fixă identică (70px) în loc de una dictată de conținut (era 75px).
   Conținutul rămâne centrat vertical, deci logo-ul cade exact la y=23. */
.idh .idh__inner {
  height: 70px;
  padding-top: 0;
  padding-bottom: 0;
  box-sizing: border-box;
}

/* Hamburgerul are aceeași lățime ca pe prima pagină (32px, nu 28px),
   deci logo-ul începe la x=82 pe ambele site-uri. */
.idh .idh-burger {
  width: 32px;
  flex: 0 0 32px;
}

/* Elementele din dreapta nu mai împing header-ul peste 70px. */
.idh .idh__inner > * { min-height: 0; }
.idh .browse-catalog-btn { line-height: 1.2; }

@media (max-width: 820px) {
  .idh .idh__inner { height: 62px; }
}