/* CS_Redesign_2_Carusel_analize — „Analize recomandate" (AnalizeInline din demo,
   src/pages/ArticolPage.jsx), blocul ACF acf/sante-carousel-produse.
   Regulile sunt cele din demo, verbatim, sub radacina componentei; ce e adaptat
   la WordPress e marcat cu [WP]. Template: sante-widgets/widget-block/carouse_produse.php */

/* [WP] radacina: variabilele si culoarea din .art; fontul demo-ului (Poppins, deja
   incarcat de header.php) si line-height normal, ca tema sa nu impuna Montserrat / 1.5 */
.CS_Redesign_2_Carusel_analize{--g:#3F5F4F;--o:#F4A62A;color:#3A3F45;font-family:'Poppins','Segoe UI',system-ui,sans-serif;line-height:normal}
.CS_Redesign_2_Carusel_analize *{box-sizing:border-box}
.CS_Redesign_2_Carusel_analize button{cursor:pointer;line-height:normal}
.CS_Redesign_2_Carusel_analize button:hover{opacity:.95}

/* ── ANALIZE INLINE (în secțiune) - carduri, design unitar ── */
.CS_Redesign_2_Carusel_analize .art-ai{margin:20px 0 8px}
.CS_Redesign_2_Carusel_analize .art-ai-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.CS_Redesign_2_Carusel_analize .art-ai-label{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5E7F6E}
.CS_Redesign_2_Carusel_analize .art-ai-nav{display:flex;gap:7px;flex-shrink:0}
.CS_Redesign_2_Carusel_analize .art-ai-nav button{width:36px;height:36px;border-radius:50%;border:1px solid #DCE8E1;background:#fff;color:#3F5F4F;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s,color .2s,transform .2s}
.CS_Redesign_2_Carusel_analize .art-ai-nav button:hover{background:#3F5F4F;color:#fff;transform:translateY(-1px)}
.CS_Redesign_2_Carusel_analize .art-ai-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:none}
.CS_Redesign_2_Carusel_analize .art-ai-track::-webkit-scrollbar{display:none}
.CS_Redesign_2_Carusel_analize .art-ai-card{flex:0 0 300px;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:18px;padding:20px 22px;box-shadow:0 10px 28px -14px rgba(42,59,51,.35),0 2px 6px rgba(42,59,51,.08);transition:background .25s,transform .25s,box-shadow .25s}
.CS_Redesign_2_Carusel_analize .art-ai-card:hover{background:#F5F6F7;transform:translateY(-3px);box-shadow:0 22px 42px -20px rgba(42,59,51,.4),0 2px 6px rgba(42,59,51,.08)}
.CS_Redesign_2_Carusel_analize .art-ai-top2{display:flex;align-items:flex-start;gap:10px;margin-bottom:6px;min-height:42px}
.CS_Redesign_2_Carusel_analize .art-ai-badge{flex-shrink:0;background:#F4A62A;border-radius:10px;padding:5px 11px;font-size:12px;font-weight:800;color:#fff;line-height:1.1;box-shadow:0 4px 12px rgba(58,63,69,.14)}
.CS_Redesign_2_Carusel_analize .art-ai-name{flex:1;min-width:0;font-size:15px;font-weight:800;color:#3F5F4F;line-height:1.25}
.CS_Redesign_2_Carusel_analize .art-ai-chip{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:8px;padding:5px 12px;border:1px solid #E6E8EA;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;color:#5E7F6E;background:#fff}
.CS_Redesign_2_Carusel_analize .art-ai-chip i{width:6px;height:6px;border-radius:50%;background:#F4A62A;flex-shrink:0}
.CS_Redesign_2_Carusel_analize .art-ai-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px}
.CS_Redesign_2_Carusel_analize .art-ai-prices{display:inline-flex;flex-direction:column;gap:2px;min-width:0}
.CS_Redesign_2_Carusel_analize .art-ai-old{font-size:12px;color:#B4BBB4;text-decoration:line-through;font-weight:500;line-height:1}
.CS_Redesign_2_Carusel_analize .art-ai-new{font-size:21px;font-weight:900;color:#F4A62A;line-height:1;letter-spacing:-.01em;white-space:nowrap}
.CS_Redesign_2_Carusel_analize .art-ai-actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
.CS_Redesign_2_Carusel_analize .art-ai-fav,
.CS_Redesign_2_Carusel_analize .art-ai-cart{width:36px;height:36px;border-radius:50%;border:1.5px solid #E6E8EA;background:#fff;color:#F4A62A;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .25s}
.CS_Redesign_2_Carusel_analize .art-ai-fav:hover,
.CS_Redesign_2_Carusel_analize .art-ai-cart:hover{background:#F4A62A;border-color:#F4A62A;color:#fff;transform:scale(1.08)}
/* [WP] starile: `is-on` din demo = `is-active` (WC_Wishlist_V3), `is-in` = `is-in-cart` (theme-v3.js) */
.CS_Redesign_2_Carusel_analize .art-ai-fav.is-active{background:#F4A62A;border-color:#F4A62A;color:#fff}
.CS_Redesign_2_Carusel_analize .art-ai-cart.is-in-cart{background:#3F5F4F;border-color:#3F5F4F;color:#fff}

/* [WP] numele e link la pagina produsului, fara stilizare de link */
.CS_Redesign_2_Carusel_analize .art-ai-name a{color:inherit;text-decoration:none}
/* [WP] preturile vin din wc_price(): markup-ul WooCommerce mosteneste stilul cardului */
.CS_Redesign_2_Carusel_analize .art-ai-prices .woocommerce-Price-amount,
.CS_Redesign_2_Carusel_analize .art-ai-prices bdi{font:inherit;color:inherit}
/* [WP] butonul de cos e <a> (contractul a.ajax_add_to_cart); `loading` il pune handler-ul global */
.CS_Redesign_2_Carusel_analize .art-ai-cart{text-decoration:none;position:relative}
.CS_Redesign_2_Carusel_analize .art-ai-fav{position:relative}
.CS_Redesign_2_Carusel_analize .art-ai-cart.loading{opacity:.6;pointer-events:none}
/* [WP] ambele stari ale iconitelor stau in DOM (inima goala/plina, plus/bifa); CSS-ul o arata pe cea potrivita */
.CS_Redesign_2_Carusel_analize .art-ai-ico--plin,
.CS_Redesign_2_Carusel_analize .art-ai-ico--check{display:none}
.CS_Redesign_2_Carusel_analize .art-ai-fav.is-active .art-ai-ico--gol,
.CS_Redesign_2_Carusel_analize .art-ai-cart.is-in-cart .art-ai-ico--plus{display:none}
.CS_Redesign_2_Carusel_analize .art-ai-fav.is-active .art-ai-ico--plin,
.CS_Redesign_2_Carusel_analize .art-ai-cart.is-in-cart .art-ai-ico--check{display:block}
/* [WP] etichetele butonului de cos, doar pentru cititoarele de ecran */
.CS_Redesign_2_Carusel_analize .art-ai-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.CS_Redesign_2_Carusel_analize .art-ai-cart .art-ai-sr--rm,
.CS_Redesign_2_Carusel_analize .art-ai-cart.is-in-cart .art-ai-sr--add{display:none}

@media (max-width:820px){
  .CS_Redesign_2_Carusel_analize .art-ai-card{flex-basis:74vw}
}