/* ==========================================================================
   SKIN pasiune — mov brand + roșu comerț. SINGURUL fișier de editat pt. alt skin.
   Din cele 4 baze, biomag.css generează scala Tailwind (--brand-<nume>-50..900) și
   toată paleta (--bm-*, --ps-*, --bs-*, --color-1..34). Schimbi o bază → se recolorează tot.
   Vrei o nuanță/slot fix? Suprascrie-l aici, ex:
     --brand-primary-100: #f7e9fb;   sau   --color-13: #c6e8c6;
   ========================================================================== */
:root {
    --brand-primary:   #b42fd8;  --brand-primary-rgb:   180, 47, 216;
    --brand-secondary: #9c27b0;  --brand-secondary-rgb: 156, 39, 176;
    --brand-accent:    #ce0000;  --brand-accent-rgb:    206, 0, 0;
    --brand-price:     #ce0000;  --brand-price-rgb:     206, 0, 0;    /* preț = roșu */

    /* Coșul: accentele verzi biomag (buton „Vezi pe categorii", chips, borduri) → mov. */
    --bm-cart-green:      var(--brand-primary);
    --bm-cart-green-dark: var(--brand-secondary);
}

/* Chevron-ul din form-select — singura culoare care nu poate fi variabilă (SVG data-URI). */
.form-select.text-primary {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23b42fd8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

/* Override-uri de layout specifice pasiune (paritate v2). skin.css se încarcă după
   biomag-home.css (partajat prin symlink), deci câștigă la specificitate egală. */
@media (min-width: 993px) {
    .hp-discover-card { height: 500px; }   /* v2: 500px pe desktop (biomag rămâne 380) */
}

/* Modalul de produs: butonul „adaugă în coș" = mov (nu roșul de preț). Nu atingem
   --bm-btn-cart (îl folosește și butonul FBT „Cumpără împreună", care rămâne roșu). */
.biomag-btn-cart-modal { background: var(--brand-primary); }
.biomag-btn-cart-modal:hover { background: var(--brand-secondary); }

/* Titlul din modal: pe hover doar underline, fără schimbare de culoare. */
.biomag-modal-title a:hover { color: inherit; text-decoration: underline; }

/* Pagina de produs: butonul „Adaugă în coș" = mov plin (nu violetul șters/chip). */
.biomag-btn-product-add { background: var(--brand-primary); color: #fff; }
.biomag-btn-product-add:hover { background: var(--brand-secondary); color: #fff; }

/* Pagina de produs: fără overlay colorat peste imaginea principală a detaliului. */
.product-detail-sync .biomag-overlay { display: none !important; }

/* Producător (modal + pagina produs): gri bold; underline doar pe hover, fără schimbare de culoare. */
.biomag-modal-brand { font-weight: 700; }
.biomag-modal-brand a:hover { color: #888; text-decoration: underline !important; }

/* Breadcrumb modal: mai închis + semibold, hover pe brand; ultimul (activ) mov. */
.biomag-breadcrumb { font-weight: 600; }
.biomag-breadcrumb a { color: #444; }
.biomag-breadcrumb a:hover { color: var(--brand-primary); }
.biomag-breadcrumb .breadcrumb-item.active { color: var(--brand-primary); }

/* ==========================================================================
   Blog — articole importate din WordPress (pasiune)
   ========================================================================== */

/* Titlul articolului (acum în conținut, ca la biomag). */
.articol-blog h1 { font-size: 1.9rem; line-height: 1.2; font-weight: 700; margin: 0 0 1rem; }
.articol-blog h1 span { font-weight: 700 !important; }

/* Cuprins (ez-toc importat): card discret, accent mov, fără dependența de CSS-ul pluginului. */
#ez-toc-container {
  background: #faf7fc;
  border: 1px solid #ecdcf3;
  border-left: 4px solid var(--brand-primary);
  border-radius: .5rem;
  padding: 1rem 1.25rem;
  margin: 0 0 1.5rem;
  max-width: 640px;
}
#ez-toc-container .ez-toc-title { font-weight: 700; color: var(--brand-primary); margin: 0 0 .5rem; text-transform: none; }
#ez-toc-container .ez-toc-title-toggle { display: none; } /* toggle-ul cere JS-ul pluginului — îl ascundem */
#ez-toc-container nav ul,
#ez-toc-container .ez-toc-list { list-style: none; margin: 0; padding: 0; }
#ez-toc-container li { margin: .25rem 0; }
#ez-toc-container a { color: #444; text-decoration: none; }
#ez-toc-container a:hover { color: var(--brand-primary); text-decoration: underline; }
#ez-toc-container .ez-toc-heading-level-3 { padding-left: 1rem; font-size: .95em; }

/* Badge „min de citit" nativ. */
.articol-blog + .rt, .bm-blog-post-box .text-black-50.small { font-style: normal; }