/* ============================================================
   AEX DESIGN SYSTEM - LAYER 3.5: STIL "CLAYMORPHISM"

   Materialul (culori de suprafata, raze, umbre) vine din tokens.css.
   Stratul acesta face restul: scoate contururile acolo unde volumul
   il dau umbrele, adauga lumina si umbra interioara pe elementele
   interactive si rotunjeste ce era prea taios.

   Se incarca DUPA components.css, deci la specificitate egala castiga.
   Ca sa revii la stilul plat, scoate din coada acestui fisier din
   `aex_enqueue_assets()` in functions.php si repune valorile de raza
   si umbra din tokens.css.
   ============================================================ */

/* ============================================================
   1. SUPRAFETE: fara contur, cu volum din umbra
   ============================================================ */
body.aex .aex-card,
body.aex .aex-postcard,
body.aex .aex-quote,
body.aex .aex-contact-card,
body.aex .aex-platform,
body.aex .aex-faq__item,
body.aex .aex-note {
  border-color: transparent;
  box-shadow: var(--aex-sh-md);
}

body.aex .aex-card,
body.aex .aex-postcard,
body.aex .aex-quote {
  border-radius: var(--aex-r-xl);
}

body.aex .aex-contact-card,
body.aex .aex-platform,
body.aex .aex-faq__item,
body.aex .aex-note {
  border-radius: var(--aex-r-lg);
}

body.aex .aex-card:hover,
body.aex .aex-postcard:hover,
body.aex .aex-contact-card:hover,
body.aex .aex-platform:hover {
  border-color: transparent;
  box-shadow: var(--aex-sh-lg);
  transform: translateY(-5px);
}

/* Bareta de accent de sus dispare: nu se potriveste cu materialul moale */
body.aex .aex-card::after { content: none; }

/* Casetele de nota isi pastreaza culoarea, dar capata volum */
body.aex .aex-note {
  border-left-width: 0;
  background: var(--aex-primary-soft);
  box-shadow: var(--aex-sh-sm);
}
body.aex .aex-note--warn { background: rgba(247, 144, 9, .12); }

/* Pe sectiunile inchise, umbra alba nu are sens */
body.aex .aex-section--ink .aex-card,
body.aex .aex-section--ink .aex-quote {
  background: rgba(255, 255, 255, .06);
  box-shadow:
    0 20px 40px -18px rgba(0, 0, 0, .55),
    inset 0 -7px 12px -7px rgba(0, 0, 0, .35),
    inset 0 6px 10px -6px rgba(255, 255, 255, .14);
}
body.aex .aex-section--ink .aex-card:hover {
  background: rgba(255, 255, 255, .10);
  box-shadow:
    0 28px 52px -20px rgba(0, 0, 0, .6),
    inset 0 -7px 12px -7px rgba(0, 0, 0, .35),
    inset 0 6px 10px -6px rgba(255, 255, 255, .18);
}

/* ============================================================
   2. BUTOANE: pastile pline, cu lumina sus si umbra jos
   ============================================================ */
body.aex .aex-btn {
  border-color: transparent;
  box-shadow: var(--aex-sh-sm);
}
body.aex .aex-btn:active {
  transform: translateY(1px);
  box-shadow:
    0 4px 10px -6px rgba(37, 52, 84, .3),
    inset 0 4px 10px -4px rgba(37, 52, 84, .35);
}

body.aex .aex-btn--primary { box-shadow: var(--aex-sh-brand); }
body.aex .aex-btn--primary:hover {
  box-shadow:
    0 24px 42px -14px rgba(3, 152, 85, .55),
    inset 0 -6px 12px -6px rgba(2, 80, 45, .45),
    inset 0 6px 10px -6px rgba(255, 255, 255, .5);
}

body.aex .aex-btn--secondary {
  background: var(--aex-surface);
  box-shadow: var(--aex-sh-sm);
}
body.aex .aex-btn--secondary:hover { box-shadow: var(--aex-sh-md); }

body.aex .aex-btn--wa {
  box-shadow:
    0 18px 34px -12px rgba(37, 211, 102, .5),
    inset 0 -6px 12px -6px rgba(9, 100, 48, .45),
    inset 0 6px 10px -6px rgba(255, 255, 255, .5);
}

body.aex .aex-btn--on-ink {
  box-shadow:
    inset 0 -6px 12px -6px rgba(0, 0, 0, .4),
    inset 0 6px 10px -6px rgba(255, 255, 255, .25);
}

body.aex .aex-btn--ghost { box-shadow: none; }
body.aex .aex-btn--ghost:hover { box-shadow: var(--aex-sh-xs); }

/* ============================================================
   3. ELEMENTE MICI: iconite, pilule, numere de pas
   ============================================================ */
body.aex .aex-icon {
  border-color: transparent;
  border-radius: var(--aex-r-md);
  box-shadow:
    0 10px 18px -10px rgba(3, 152, 85, .45),
    inset 0 -5px 9px -5px rgba(2, 80, 45, .28),
    inset 0 5px 8px -5px var(--aex-clay-hi);
}
body.aex .aex-icon--ai {
  box-shadow:
    0 10px 18px -10px rgba(105, 56, 239, .40),
    inset 0 -5px 9px -5px rgba(62, 28, 150, .25),
    inset 0 5px 8px -5px var(--aex-clay-hi);
}
body.aex .aex-card:hover .aex-icon {
  transform: scale(1.08) rotate(-4deg);
  box-shadow:
    0 16px 26px -12px rgba(3, 152, 85, .55),
    inset 0 -5px 9px -5px rgba(2, 80, 45, .4),
    inset 0 5px 8px -5px rgba(255, 255, 255, .55);
}
body.aex .aex-section--ink .aex-icon,
body.aex .aex-icon--wa {
  box-shadow:
    0 10px 18px -10px rgba(0, 0, 0, .45),
    inset 0 -5px 9px -5px rgba(0, 0, 0, .3),
    inset 0 5px 8px -5px rgba(255, 255, 255, .18);
}

body.aex .aex-pill {
  border-color: transparent;
  background: var(--aex-surface);
  box-shadow: var(--aex-sh-xs);
}
body.aex .aex-pill--brand { background: var(--aex-chip-brand); }
body.aex .aex-pill--ai { background: var(--aex-chip-ai); }
body.aex .aex-pill--on-ink {
  background: rgba(255, 255, 255, .09);
  box-shadow:
    inset 0 -5px 9px -5px rgba(0, 0, 0, .35),
    inset 0 5px 8px -5px rgba(255, 255, 255, .16);
}

body.aex .aex-step__num {
  box-shadow:
    0 14px 24px -12px rgba(3, 152, 85, .55),
    inset 0 -5px 10px -5px rgba(2, 80, 45, .45),
    inset 0 5px 9px -5px rgba(255, 255, 255, .55);
}

body.aex .aex-quote__avatar {
  box-shadow:
    0 12px 20px -12px rgba(3, 152, 85, .5),
    inset 0 -4px 9px -4px rgba(2, 80, 45, .4),
    inset 0 5px 8px -5px rgba(255, 255, 255, .5);
}

/* ============================================================
   4. CONTROALE: butoane-iconita, paginare, comutator
   ============================================================ */
body.aex .aex-iconbtn,
body.aex .aex-totop,
body.aex .aex-pagination .page-numbers {
  border-color: transparent;
  border-radius: var(--aex-r-sm);
  box-shadow: var(--aex-sh-sm);
}
body.aex .aex-iconbtn:hover,
body.aex .aex-totop:hover,
body.aex .aex-pagination .page-numbers:hover {
  border-color: transparent;
  box-shadow: var(--aex-sh-md);
  transform: translateY(-2px);
}
body.aex .aex-iconbtn:active { transform: translateY(1px); box-shadow: var(--aex-sh-xs); }
body.aex .aex-totop { border-radius: var(--aex-r-full); }
body.aex .aex-pagination .page-numbers.current { box-shadow: var(--aex-sh-brand); }

body.aex .aex-wafab {
  box-shadow:
    0 20px 38px -14px rgba(37, 211, 102, .55),
    inset 0 -6px 12px -6px rgba(9, 100, 48, .45),
    inset 0 6px 10px -6px rgba(255, 255, 255, .5);
}

/* ============================================================
   5. STRUCTURA: antet, sectiuni, imagini
   ============================================================ */
/* Antetul devine o lespede moale, care pluteste peste continut */
body.aex .aex-header.is-stuck {
  border-bottom-color: transparent;
  box-shadow: 0 12px 30px -18px rgba(37, 52, 84, .45);
}
body.aex .aex-quicknav {
  border-top-color: transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}
body.aex .aex-quicknav__link { border-radius: var(--aex-r-full); }
body.aex .aex-nav__link { border-radius: var(--aex-r-full); }
body.aex .aex-nav__link.is-current,
body.aex .aex-quicknav__link.is-active {
  background: var(--aex-chip-brand);
  box-shadow: var(--aex-sh-xs);
}

/* Bara de incredere: bloc moale, nu doua linii */
body.aex .aex-trustbar {
  border-block-color: transparent;
  background: var(--aex-bg-subtle);
  box-shadow: inset 0 8px 14px -12px rgba(37, 52, 84, .35),
              inset 0 -8px 14px -12px rgba(37, 52, 84, .35);
}

/* Hero-ul cu imagine capata colturi rotunjite jos */
body.aex .aex-hero--image {
  border-bottom-left-radius: var(--aex-r-2xl);
  border-bottom-right-radius: var(--aex-r-2xl);
  overflow: hidden;
}

/* Antetul de pagina interioara devine o lespede */
body.aex .aex-pagehead {
  border-bottom-color: transparent;
  border-bottom-left-radius: var(--aex-r-2xl);
  border-bottom-right-radius: var(--aex-r-2xl);
  box-shadow: inset 0 -10px 18px -14px rgba(37, 52, 84, .3);
}

/* Imaginile din articole si carduri urmeaza aceleasi raze */
body.aex .aex-article__hero,
body.aex .aex-prose img { border-radius: var(--aex-r-xl); }
body.aex .aex-postcard__media img { border-radius: 0; }

/* Sertarul mobil, rotunjit pe muchia dinspre continut */
body.aex .aex-drawer__panel {
  border-inline-start-color: transparent;
  border-top-left-radius: var(--aex-r-xl);
  border-bottom-left-radius: var(--aex-r-xl);
}

/* ============================================================
   6. CONTINUT EDITORIAL
   ============================================================ */
body.aex .aex-prose blockquote {
  border-left-width: 0;
  border-radius: var(--aex-r-lg);
  background: var(--aex-bg-subtle);
  box-shadow: var(--aex-sh-xs);
  padding: var(--aex-sp-6);
}
body.aex .aex-prose table {
  border-radius: var(--aex-r-lg);
  overflow: hidden;
  box-shadow: var(--aex-sh-xs);
  border-collapse: separate;
  border-spacing: 0;
}
body.aex .aex-prose th,
body.aex .aex-prose td { border-color: var(--aex-border); }
body.aex .aex-prose th { background: var(--aex-bg-muted); }

/* Fluxul pas cu pas: bulinele devin pastile moi */
body.aex .aex-flow > li::before {
  box-shadow:
    0 10px 18px -10px rgba(3, 152, 85, .5),
    inset 0 -4px 8px -4px rgba(2, 80, 45, .4),
    inset 0 4px 7px -4px rgba(255, 255, 255, .5);
}

/* ============================================================
   7. FOAIA DE CALCUL DIN HERO (daca revine varianta fara imagine)
   ============================================================ */
body.aex .aex-appwin { border-color: transparent; box-shadow: var(--aex-sh-xl); }
body.aex .aex-float { border-color: transparent; box-shadow: var(--aex-sh-md); }
body.aex .aex-runbar,
body.aex .aex-chart,
body.aex .aex-sheet { border-color: transparent; }
body.aex .aex-runbar { box-shadow: inset 0 2px 6px -3px rgba(2, 80, 45, .3); }

/* ============================================================
   8. LESPEZI: sectiunile inchise si subsolul devin blocuri moi
   ============================================================ */
body.aex .aex-section--ink {
  border-radius: var(--aex-r-2xl);
  overflow: hidden;
}

body.aex .aex-footer {
  border-top-left-radius: var(--aex-r-2xl);
  border-top-right-radius: var(--aex-r-2xl);
}

/* Bara de incredere, prinsa intre doua lespezi, se aliniaza la ele */
body.aex .aex-trustbar { border-radius: var(--aex-r-lg); }

/* Marchiza de tehnologii nu are nevoie de fundal propriu */
body.aex .aex-marquee { border-radius: var(--aex-r-lg); }

/* Pe tema intunecata, marchiza si bara de incredere nu au nevoie de
   lumina alba mostenita din varianta deschisa. */
:root[data-aex-theme="dark"] body.aex .aex-quicknav,
:root[data-aex-theme="dark"] body.aex .aex-trustbar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-aex-theme="light"]) body.aex .aex-quicknav,
  :root:not([data-aex-theme="light"]) body.aex .aex-trustbar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
  }
}