/*
Theme Name: Auxor
Theme URI: https://auxorpeptides.com
Description: Thème enfant cinématique dark pour Auxor Peptides — fond noir profond, accent cyan/teal, halos lumineux, glassmorphism et animations au scroll. Optimisé WooCommerce.
Author: Auxor Peptides
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 8.0
Text Domain: auxor
*/

/* ============================================================
   AUXOR — DESIGN TOKENS
   ============================================================ */
:root{
  --auxor-bg:#05080c;
  --auxor-bg-soft:#070b12;
  --auxor-surface:#0b1119;
  --auxor-surface-2:#0e1620;
  --auxor-border:rgba(31,224,208,.14);
  --auxor-border-soft:rgba(255,255,255,.06);
  --auxor-teal:#1fe0d0;
  --auxor-teal-2:#16b8ab;
  --auxor-teal-glow:rgba(31,224,208,.35);
  --auxor-text:#e9f5f4;
  --auxor-muted:#8aa0a3;
  --auxor-faint:#5d7074;
  --auxor-radius:16px;
  --auxor-radius-lg:24px;
  --auxor-maxw:1200px;
  --auxor-shadow:0 20px 60px -20px rgba(0,0,0,.8);
  --auxor-font:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
  --auxor-font-display:'Space Grotesk','Inter',system-ui,sans-serif;
}

/* ============================================================
   BASE
   ============================================================ */
html{scroll-behavior:smooth;}
body{
  background-color:var(--auxor-bg);
  color:var(--auxor-text);
  font-family:var(--auxor-font);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

/* Grille subtile + halos lumineux globaux */
body::before{
  content:"";
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(31,224,208,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(31,224,208,.035) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 35%,transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 35%,transparent 80%);
}
body::after{
  content:"";
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(600px 400px at 15% 8%,rgba(31,224,208,.10),transparent 60%),
    radial-gradient(700px 500px at 85% 0%,rgba(22,184,171,.08),transparent 65%);
}
.wp-site-blocks,main,header,footer{position:relative;z-index:1;}

a{color:var(--auxor-teal);text-decoration:none;transition:color .2s ease,opacity .2s ease;}
a:hover{color:#fff;}

::selection{background:var(--auxor-teal);color:#02100f;}

/* Scrollbar */
*{scrollbar-color:var(--auxor-teal-2) var(--auxor-surface);}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:var(--auxor-bg);}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--auxor-teal-2),#0e6d65);border-radius:8px;}

/* ============================================================
   TYPOGRAPHIE
   ============================================================ */
h1,h2,h3,h4,.wp-block-heading{
  font-family:var(--auxor-font-display);
  letter-spacing:-.02em;line-height:1.05;color:#fff;
}
.auxor-display{
  font-family:var(--auxor-font-display);
  font-weight:700;
  font-size:clamp(2.6rem,7vw,5.5rem);
  line-height:.98;letter-spacing:-.035em;
}
.auxor-eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--auxor-teal);
}
.auxor-eyebrow::before{content:"";width:28px;height:1px;background:var(--auxor-teal);display:inline-block;}

/* ============================================================
   NAV — pill glassmorphism
   ============================================================ */
.wp-block-template-part .wp-block-navigation,
header .wp-block-navigation{font-family:var(--auxor-font);}

.auxor-nav{
  position:sticky;top:16px;z-index:50;
  margin:16px auto;max-width:var(--auxor-maxw);
  display:flex;align-items:center;justify-content:space-between;
  gap:1.5rem;padding:.7rem 1.4rem;
  background:rgba(11,17,25,.55);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  border:1px solid var(--auxor-border);
  border-radius:999px;
  box-shadow:0 8px 32px -12px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05);
}
.auxor-brand{font-family:var(--auxor-font-display);font-weight:700;font-size:1.25rem;color:#fff;letter-spacing:-.02em;display:flex;align-items:center;gap:.55rem;}
.auxor-brand .dot{width:9px;height:9px;border-radius:50%;background:var(--auxor-teal);box-shadow:0 0 12px 2px var(--auxor-teal-glow);}
.auxor-nav-links{display:flex;gap:1.6rem;align-items:center;list-style:none;margin:0;padding:0;}
.auxor-nav-links a{color:var(--auxor-muted);font-size:.92rem;font-weight:500;}
.auxor-nav-links a:hover{color:#fff;}
.auxor-cart-btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.55rem 1.1rem;border-radius:999px;font-weight:600;font-size:.9rem;
  color:#02100f;background:linear-gradient(180deg,var(--auxor-teal),var(--auxor-teal-2));
  box-shadow:0 0 24px -4px var(--auxor-teal-glow);
}
.auxor-cart-btn:hover{color:#02100f;filter:brightness(1.08);}

/* Header bloc TT5 → look pill glassmorphism */
header.wp-block-template-part > .wp-block-group,
.wp-site-blocks > header .wp-block-group.is-layout-flex:first-child{
  position:sticky;top:14px;z-index:50;
  max-width:var(--auxor-maxw);margin:14px auto!important;
  padding:.55rem 1.3rem!important;
  background:rgba(11,17,25,.55);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  border:1px solid var(--auxor-border);
  border-radius:999px;
  box-shadow:0 8px 32px -12px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05);
}
header .wp-block-site-title a{font-family:var(--auxor-font-display);font-weight:700;color:#fff!important;letter-spacing:-.02em;}
header .wp-block-navigation a{color:var(--auxor-muted)!important;font-weight:500;}
.auxor-lang{display:inline-flex;gap:.2rem;align-items:center;margin-left:1rem;padding:.2rem;border:1px solid var(--auxor-border-soft);border-radius:999px;background:rgba(255,255,255,.03);}
.auxor-lang-item{padding:.25rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--auxor-muted)!important;line-height:1;}
.auxor-lang-item.is-active{background:linear-gradient(180deg,var(--auxor-teal),var(--auxor-teal-2));color:#02100f!important;}
.auxor-lang-item:hover{color:#fff!important;}
.auxor-lang-item.is-active:hover{color:#02100f!important;}
header .wp-block-navigation a:hover{color:#fff!important;}
header .wp-block-navigation .wp-block-navigation-item__content:hover{color:#fff!important;}

/* ============================================================
   BOUTONS
   ============================================================ */
.wp-block-button__link,
.button,.woocommerce a.button,.woocommerce button.button,
.woocommerce .button,.woocommerce #respond input#submit,
.auxor-btn{
  background:linear-gradient(180deg,var(--auxor-teal),var(--auxor-teal-2));
  color:#02100f!important;border:0;border-radius:999px;
  font-weight:600;letter-spacing:.01em;padding:.85em 1.6em;
  box-shadow:0 0 0 1px rgba(31,224,208,.4),0 8px 30px -8px var(--auxor-teal-glow);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
  text-transform:none;
}
.wp-block-button__link:hover,.button:hover,.woocommerce a.button:hover,
.woocommerce button.button:hover,.auxor-btn:hover{
  transform:translateY(-2px);filter:brightness(1.07);
  box-shadow:0 0 0 1px var(--auxor-teal),0 14px 40px -8px var(--auxor-teal-glow);
}
.auxor-btn-ghost{
  background:transparent;color:var(--auxor-teal)!important;
  border:1px solid var(--auxor-border);box-shadow:none;
}
.auxor-btn-ghost:hover{border-color:var(--auxor-teal);background:rgba(31,224,208,.06);}

/* ============================================================
   HERO
   ============================================================ */
.auxor-hero{
  position:relative;max-width:var(--auxor-maxw);margin:2rem auto 4rem;
  padding:5rem 1.5rem 4rem;text-align:center;
}
.auxor-hero h1{margin:1.2rem auto 1rem;max-width:14ch;}
.auxor-hero .grad{
  background:linear-gradient(90deg,#fff 0%,var(--auxor-teal) 55%,#0e6d65 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.auxor-hero p.lead{color:var(--auxor-muted);font-size:clamp(1rem,2vw,1.25rem);max-width:60ch;margin:0 auto 2rem;line-height:1.6;}
.auxor-hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.auxor-hero-halo{
  position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);
  width:680px;height:680px;max-width:90vw;border-radius:50%;z-index:-1;
  background:radial-gradient(circle,rgba(31,224,208,.22),transparent 60%);
  filter:blur(20px);
}
.auxor-trust{display:flex;gap:2.2rem;justify-content:center;flex-wrap:wrap;margin-top:3rem;color:var(--auxor-faint);font-size:.85rem;}
.auxor-trust span{display:inline-flex;align-items:center;gap:.5rem;}
.auxor-trust span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--auxor-teal);box-shadow:0 0 8px var(--auxor-teal-glow);}

/* ============================================================
   SECTIONS GÉNÉRIQUES
   ============================================================ */
.auxor-section{max-width:var(--auxor-maxw);margin:0 auto;padding:4rem 1.5rem;}
.auxor-section h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:.6rem;}
.auxor-section .sub{color:var(--auxor-muted);max-width:60ch;margin-bottom:2.5rem;}
.auxor-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));}

.auxor-feature{
  padding:1.6rem;border-radius:var(--auxor-radius);
  background:linear-gradient(180deg,var(--auxor-surface),var(--auxor-bg-soft));
  border:1px solid var(--auxor-border-soft);
}
.auxor-feature h3{font-size:1.15rem;margin:.2rem 0 .5rem;color:#fff;}
.auxor-feature p{color:var(--auxor-muted);font-size:.92rem;line-height:1.55;margin:0;}
.auxor-feature .ico{font-size:1.4rem;color:var(--auxor-teal);}

/* ============================================================
   WOOCOMMERCE — cartes produits avec glow teal
   ============================================================ */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
ul.products li.product{
  background:linear-gradient(180deg,var(--auxor-surface),var(--auxor-bg-soft));
  border:1px solid var(--auxor-border-soft);
  border-radius:var(--auxor-radius-lg);
  padding:1.1rem 1.1rem 1.4rem!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  position:relative;overflow:hidden;
}
ul.products li.product::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(400px 200px at 50% -10%,rgba(31,224,208,.10),transparent 70%);
  opacity:0;transition:opacity .3s ease;
}
ul.products li.product:hover{
  transform:translateY(-6px);
  border-color:var(--auxor-border);
  box-shadow:0 24px 60px -24px rgba(31,224,208,.45),var(--auxor-shadow);
}
ul.products li.product:hover::after{opacity:1;}
ul.products li.product img{border-radius:12px;margin-bottom:1rem;background:#0a0f16;}
ul.products li.product .woocommerce-loop-product__title{color:#fff!important;font-family:var(--auxor-font-display);font-weight:600;font-size:1.1rem!important;padding:.2rem 0!important;}
ul.products li.product .price{color:var(--auxor-teal)!important;font-weight:700;font-size:1.05rem;}
ul.products li.product .price del{color:var(--auxor-faint)!important;font-weight:400;}
.woocommerce span.onsale{
  background:linear-gradient(180deg,var(--auxor-teal),var(--auxor-teal-2));
  color:#02100f;border-radius:999px;min-height:auto;min-width:auto;
  padding:.3em .8em;font-weight:700;line-height:1;
}

/* Grille produits "bloc" (Product Collection / Products block) — même glow teal */
.wp-block-woocommerce-product-template li.product,
.wc-block-grid__product,
.wp-block-post.product,
.products-block-post-template li{
  background:linear-gradient(180deg,var(--auxor-surface),var(--auxor-bg-soft));
  border:1px solid var(--auxor-border-soft);
  border-radius:var(--auxor-radius-lg);
  padding:1rem 1rem 1.3rem;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.wp-block-woocommerce-product-template li.product:hover,
.wc-block-grid__product:hover,
.products-block-post-template li:hover{
  transform:translateY(-6px);border-color:var(--auxor-border);
  box-shadow:0 24px 60px -24px rgba(31,224,208,.45),var(--auxor-shadow);
}
.wp-block-woocommerce-product-template img,
.wc-block-grid__product-image img{border-radius:12px;background:#0a0f16;}
.wc-block-components-product-price,
.wp-block-woocommerce-product-price,
.wc-block-grid__product-price{color:var(--auxor-teal)!important;font-weight:700;}
.wc-block-components-product-title,
.wp-block-post-title{color:#fff!important;font-family:var(--auxor-font-display);}
.wp-block-woocommerce-product-collection,.wc-block-product-template{gap:1.4rem;}

/* Single product (bloc + classique) */
.woocommerce div.product .product_title{font-family:var(--auxor-font-display);color:#fff;font-size:clamp(1.8rem,4vw,2.6rem);}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--auxor-teal);font-size:1.6rem;font-weight:700;}
.woocommerce .woocommerce-product-details__short-description{color:var(--auxor-muted);line-height:1.6;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:var(--auxor-surface);border:1px solid var(--auxor-border-soft);border-radius:10px 10px 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--auxor-surface-2);border-color:var(--auxor-border);}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--auxor-text);}
.woocommerce-tabs .panel{background:var(--auxor-surface);border:1px solid var(--auxor-border-soft);border-radius:0 12px 12px 12px;padding:1.6rem!important;}

/* Tableau fiche technique */
.auxor-specs{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem;}
.auxor-specs th,.auxor-specs td{text-align:left;padding:.7rem 1rem;border-bottom:1px solid var(--auxor-border-soft);}
.auxor-specs th{color:var(--auxor-teal);font-weight:600;width:42%;white-space:nowrap;}
.auxor-specs td{color:var(--auxor-text);}

/* Disclaimer research */
.auxor-disclaimer{
  margin:1.6rem 0;padding:1rem 1.2rem;border-radius:12px;
  background:rgba(31,224,208,.05);border:1px solid var(--auxor-border);
  color:var(--auxor-muted);font-size:.84rem;line-height:1.55;
}
.auxor-disclaimer strong{color:var(--auxor-teal);display:block;margin-bottom:.3rem;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;}

/* Quantité / cart / checkout surfaces */
.woocommerce .quantity .qty,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.select2-container--default .select2-selection--single,
.woocommerce table.cart td,.woocommerce #order_review,.woocommerce-checkout #payment{
  background:var(--auxor-surface);color:var(--auxor-text);
  border:1px solid var(--auxor-border-soft);border-radius:10px;
}
.woocommerce table.shop_table{background:var(--auxor-surface);border:1px solid var(--auxor-border-soft);border-radius:var(--auxor-radius);}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--auxor-border-soft);color:var(--auxor-text);}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #payment{border-radius:var(--auxor-radius);}
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  background:var(--auxor-surface)!important;border-top:3px solid var(--auxor-teal)!important;color:var(--auxor-text)!important;border-radius:10px;
}
.woocommerce-message::before,.woocommerce-info::before{color:var(--auxor-teal);}

/* ============================================================
   ANIMATIONS — reveal fade-up au scroll
   ============================================================ */
.auxor-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
.auxor-reveal.is-visible{opacity:1;transform:none;}
.auxor-reveal[data-delay="1"]{transition-delay:.08s;}
.auxor-reveal[data-delay="2"]{transition-delay:.16s;}
.auxor-reveal[data-delay="3"]{transition-delay:.24s;}
.auxor-reveal[data-delay="4"]{transition-delay:.32s;}
@media (prefers-reduced-motion:reduce){
  .auxor-reveal{opacity:1!important;transform:none!important;}
  html{scroll-behavior:auto;}
}

/* ============================================================
   FOOTER
   ============================================================ */
.auxor-footer{
  position:relative;z-index:1;margin-top:5rem;
  background:linear-gradient(180deg,transparent,rgba(31,224,208,.04)),var(--auxor-bg-soft);
  border-top:1px solid var(--auxor-border);
}
.auxor-footer-inner{max-width:var(--auxor-maxw);margin:0 auto;padding:3.5rem 1.5rem 1.5rem;display:grid;gap:2.5rem;grid-template-columns:1.6fr repeat(3,1fr);}
.auxor-footer h4{color:#fff;font-size:.95rem;margin-bottom:1rem;letter-spacing:.02em;}
.auxor-footer ul{list-style:none;margin:0;padding:0;}
.auxor-footer li{margin-bottom:.55rem;}
.auxor-footer a{color:var(--auxor-muted);font-size:.9rem;}
.auxor-footer a:hover{color:var(--auxor-teal);}
.auxor-footer .brand{font-family:var(--auxor-font-display);font-weight:700;font-size:1.4rem;color:#fff;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem;}
.auxor-footer .brand .dot{width:9px;height:9px;border-radius:50%;background:var(--auxor-teal);box-shadow:0 0 12px 2px var(--auxor-teal-glow);}
.auxor-footer p.desc{color:var(--auxor-muted);font-size:.9rem;line-height:1.6;max-width:42ch;}
.auxor-footer .contact{color:var(--auxor-teal);font-weight:500;}
.auxor-legal-note{color:var(--auxor-faint);font-size:.78rem;line-height:1.6;max-width:90ch;margin-top:1rem;}
.auxor-footer-bottom{max-width:var(--auxor-maxw);margin:0 auto;padding:1.5rem;border-top:1px solid var(--auxor-border-soft);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;color:var(--auxor-faint);font-size:.82rem;}

@media (max-width:880px){
  .auxor-footer-inner{grid-template-columns:1fr 1fr;}
  .auxor-nav-links{display:none;}
}
@media (max-width:560px){
  .auxor-footer-inner{grid-template-columns:1fr;}
}