/* AIGenie Tech — Pack premium : styles conversion + confort + mode sombre */

/* 1. Barre d'annonce */
.ag-annonce { background: linear-gradient(90deg,#0a0a0c,#1a1a1f,#0a0a0c); color:#f3f3f5; text-align:center; font-family:var(--ag-head),sans-serif; font-size:.8rem; letter-spacing:.04em; padding:.55rem 2.4rem .55rem 1rem; position:relative; border-bottom:1px solid rgba(201,168,106,.35); }
.ag-annonce__x { position:absolute; right:.7rem; top:50%; transform:translateY(-50%); background:none; border:0; color:#9a9aa2; font-size:1.3rem; line-height:1; cursor:pointer; }
.ag-annonce__x:hover { color:var(--ag-gold,#c9a86a); }

/* 2. Bouton retour en haut + 3. toggle mode sombre (empilés en bas à droite) */
.ag-totop,.ag-dark-toggle { position:fixed; right:27px; width:44px; height:44px; border-radius:50%; border:1px solid rgba(201,168,106,.5); background:rgba(10,10,12,.85); color:#f2f2f3; font-size:1.2rem; line-height:1; cursor:pointer; z-index:1200; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 20px rgba(0,0,0,.35); transition:all .25s; }
.ag-totop { bottom:96px; opacity:0; visibility:hidden; transform:translateY(12px); }
.ag-totop.is-show { opacity:1; visibility:visible; transform:none; }
.ag-dark-toggle { bottom:150px; }
.ag-totop:hover,.ag-dark-toggle:hover { background:var(--ag-gold,#c9a86a); color:#0a0a0c; border-color:var(--ag-gold,#c9a86a); }

/* 4. Pop-up de bienvenue */
.ag-pop__ov { position:fixed; inset:0; background:rgba(8,8,10,.72); backdrop-filter:blur(3px); z-index:2000; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .3s; padding:18px; }
.ag-pop__ov.is-show { opacity:1; }
.ag-pop { position:relative; background:#fff; max-width:430px; width:100%; border-radius:10px; padding:2.6rem 2.2rem 2.2rem; text-align:center; box-shadow:0 30px 80px rgba(0,0,0,.5); transform:translateY(14px); transition:transform .3s; }
.ag-pop__ov.is-show .ag-pop { transform:none; }
.ag-pop__x { position:absolute; top:.7rem; right:1rem; background:none; border:0; font-size:1.6rem; line-height:1; color:#999; cursor:pointer; }
.ag-pop__eye { display:block; text-transform:uppercase; letter-spacing:.18em; font-size:.7rem; color:var(--ag-gold,#c9a86a); font-weight:700; font-family:var(--ag-head),sans-serif; margin-bottom:.6rem; }
.ag-pop__title { font-family:var(--ag-head),sans-serif; font-size:1.7rem; margin:0 0 .6rem; color:#0a0a0c; font-weight:700; }
.ag-pop__txt { color:#555; font-size:.92rem; margin:0 0 1.1rem; }
.ag-pop__code { display:inline-block; border:2px dashed var(--ag-gold,#c9a86a); color:#0a0a0c; font-family:var(--ag-head),sans-serif; font-weight:700; letter-spacing:.14em; padding:.5rem 1.2rem; border-radius:4px; margin-bottom:1.1rem; }
.ag-pop__mail { width:100%; padding:.8rem 1rem; border:1px solid #ddd; border-radius:3px; margin-bottom:.7rem; font-size:.9rem; }
.ag-pop__btn { width:100%; padding:.9rem; background:var(--ag-gold,#c9a86a); color:#0a0a0c; border:0; border-radius:3px; text-transform:uppercase; letter-spacing:.1em; font-weight:700; font-family:var(--ag-head),sans-serif; cursor:pointer; transition:background .2s; }
.ag-pop__btn:hover { background:#0a0a0c; color:#fff; }

/* 5. Badges de confiance (footer) */
.ag-trust { text-align:center; padding:1.4rem 0 .4rem; }
.ag-trust__lbl { display:block; color:#9a9aa2; font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; margin-bottom:.7rem; font-family:var(--ag-head),sans-serif; }
.ag-trust__row { display:flex; gap:.5rem; justify-content:center; flex-wrap:wrap; }
.ag-trust__card { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); color:#cfcfd5; border-radius:4px; padding:.35rem .7rem; font-size:.72rem; font-weight:600; letter-spacing:.03em; font-family:var(--ag-head),sans-serif; }

/* 6. Preuve sociale (toast) */
.ag-sp { position:fixed; left:20px; bottom:20px; z-index:1150; background:#fff; border-radius:8px; box-shadow:0 12px 34px rgba(0,0,0,.22); padding:.8rem 1rem; display:flex; gap:.7rem; align-items:center; max-width:320px; font-size:.82rem; color:#222; opacity:0; transform:translateY(14px); transition:all .4s cubic-bezier(.16,1,.3,1); border:1px solid #eee; }
.ag-sp.is-show { opacity:1; transform:none; }
.ag-sp__ico { flex:0 0 30px; width:30px; height:30px; border-radius:50%; background:var(--ag-gold,#c9a86a); color:#0a0a0c; display:flex; align-items:center; justify-content:center; font-weight:700; }
.ag-sp em { font-style:normal; font-weight:700; }
.ag-sp span { display:block; color:#999; font-size:.72rem; margin-top:.1rem; }

/* 7. Recherche instantanée (autocomplete) */
.ag-ac { position:absolute; top:calc(100% + 6px); left:0; right:0; background:#fff; border:1px solid #e6e6e6; border-radius:6px; box-shadow:0 16px 40px rgba(0,0,0,.16); z-index:1300; overflow:hidden; display:none; }
.ag-ac.is-show { display:block; }
.ag-ac__it { display:flex; align-items:center; gap:.7rem; padding:.55rem .8rem; border-bottom:1px solid #f2f2f2; color:#222; text-decoration:none; }
.ag-ac__it:last-child { border-bottom:0; }
.ag-ac__it:hover { background:#faf7f1; }
.ag-ac__it img { width:40px; height:40px; object-fit:contain; background:#fafafa; border-radius:3px; flex:0 0 40px; }
.ag-ac__it span { flex:1; font-size:.85rem; }
.ag-ac__it b { color:var(--ag-gold,#a8843f); font-size:.85rem; }

/* 8. Compte à rebours d'urgence (CTA) */
.ag-cd { display:flex; flex-direction:column; align-items:center; gap:.2rem; margin:0 0 1.4rem; }
.ag-cd__lbl { text-transform:uppercase; letter-spacing:.14em; font-size:.7rem; color:rgba(255,255,255,.65); font-family:var(--ag-head),sans-serif; }
.ag-cd__t { font-family:var(--ag-head),sans-serif; font-size:1.8rem; font-weight:700; color:var(--ag-gold,#c9a86a); letter-spacing:.06em; }

/* ============ MODE SOMBRE ============ */
html.ag-dark body, html.ag-dark #wrapper, html.ag-dark .page-content, html.ag-dark #content-wrapper { background:#0e0e11 !important; color:#d6d6db !important; }
html.ag-dark #main .page-content, html.ag-dark .card, html.ag-dark .block-category, html.ag-dark .product-miniature, html.ag-dark .thumbnail-container, html.ag-dark #left-column .block, html.ag-dark #search_filters, html.ag-dark .page-content.card, html.ag-dark .block-categories, html.ag-dark .products-section-title, html.ag-dark #js-product-list, html.ag-dark .product-information, html.ag-dark .tabs, html.ag-dark .ag-pop { background:#16161b !important; color:#d6d6db !important; border-color:rgba(255,255,255,.08) !important; }
html.ag-dark h1, html.ag-dark h2, html.ag-dark h3, html.ag-dark .h1, html.ag-dark .h2, html.ag-dark .h3, html.ag-dark .product-title, html.ag-dark .product-title a, html.ag-dark .ag-section-title, html.ag-dark .products-section-title { color:#f2f2f4 !important; }
html.ag-dark a, html.ag-dark .product-title a { color:#d6d6db; }
html.ag-dark .price, html.ag-dark .current-price, html.ag-dark .product-price { color:#fff !important; }
html.ag-dark .card, html.ag-dark .thumbnail-container { box-shadow:0 4px 20px rgba(0,0,0,.4) !important; }
html.ag-dark #search_filters, html.ag-dark #left-column .block { border:1px solid rgba(255,255,255,.08) !important; }
html.ag-dark .breadcrumb, html.ag-dark .breadcrumb a, html.ag-dark .text-muted, html.ag-dark #category-description { color:#a7a7af !important; }
html.ag-dark input, html.ag-dark select, html.ag-dark textarea { background:#1d1d23 !important; color:#e6e6ea !important; border-color:rgba(255,255,255,.14) !important; }
html.ag-dark .ag-pop { color:#d6d6db !important; }
html.ag-dark .ag-pop__title { color:#fff !important; }
html.ag-dark .ag-sp { background:#1d1d23; color:#d6d6db; border-color:rgba(255,255,255,.1); }
html.ag-dark .ag-ac { background:#1d1d23; border-color:rgba(255,255,255,.12); }
html.ag-dark .ag-ac__it { color:#d6d6db; border-color:rgba(255,255,255,.06); }
html.ag-dark .ag-ac__it:hover { background:#26262e; }
/* header & footer restent déjà sombres — on garde */

/* Responsive */
@media (max-width:767px){
  .ag-annonce { font-size:.72rem; padding-right:2rem; }
  .ag-sp { left:12px; right:12px; max-width:none; }
  .ag-dark-toggle { bottom:74px; }
  .ag-cd__t { font-size:1.5rem; }
}