/*
Theme Name: Argos Academy
Theme URI: https://argos-academy.example
Author: Argos Academy
Description: Thème sur-mesure Argos Academy — formations trading, marchés financiers, business. Design premium sombre/or, compatible WooCommerce.
Version: 1.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: argos-academy
*/

:root{
  --bg: #0B0E14;
  --bg-elev: #10141C;
  --surface: #151A24;
  --surface-2: #1B212C;
  --line: #262D3A;
  --text: #ECEEF2;
  --text-muted: #8B93A7;
  --text-faint: #5B6478;
  --gold: #C9A227;
  --gold-soft: rgba(201,162,39,0.14);
  --green: #1F9D6F;
  --red: #C4443A;
  --radius: 10px;
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg); color:var(--text); font-family:var(--font-body);
  line-height:1.6; -webkit-font-smoothing:antialiased;
}
a{color:inherit; text-decoration:none;}
img,svg{display:block; max-width:100%;}
.wrap{max-width:1180px; margin:0 auto; padding:0 32px;}
::selection{background:var(--gold-soft); color:var(--gold);}

/* ---------- scroll reveal ---------- */
.reveal{opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease;}
.reveal.in-view{opacity:1; transform:translateY(0);}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1 !important; transform:none !important; transition:none !important;}
}

/* ---------- risk banner ---------- */
.risk-bar{
  background:var(--surface-2); border-bottom:1px solid var(--line); padding:9px 0;
  font-family:var(--font-mono); font-size:12px; color:var(--text-faint); text-align:center; letter-spacing:0.01em;
}

/* ---------- nav ---------- */
header.site-header{position:sticky; top:0; z-index:50; background:rgba(11,14,20,0.85); backdrop-filter:blur(10px); border-bottom:1px solid var(--line);}
nav.main-nav{display:flex; align-items:center; justify-content:space-between; padding:18px 32px; max-width:1180px; margin:0 auto;}
.logo{display:flex; align-items:center; gap:9px; font-family:var(--font-display); font-weight:700; font-size:19px; letter-spacing:-0.01em; color:var(--text);}
.logo-mark{width:22px; height:22px; flex-shrink:0;}
.nav-links{display:flex; gap:34px; font-size:14.5px; color:var(--text-muted); list-style:none;}
.nav-links a{transition:color .15s;}
.nav-links a:hover{color:var(--text);}
.nav-actions{display:flex; align-items:center; gap:18px;}
.btn{
  font-family:var(--font-body); font-weight:600; font-size:14px; padding:10px 20px; border-radius:7px;
  border:1px solid transparent; cursor:pointer; transition:all .15s; display:inline-flex; align-items:center; gap:7px;
}
.btn-primary{background:var(--gold); color:#171208;}
.btn-primary:hover{background:#DCB233; transform:translateY(-1px);}
.btn-ghost{color:var(--text); border-color:var(--line);}
.btn-ghost:hover{border-color:var(--text-faint);}
.link-muted{color:var(--text-muted); font-size:14.5px; font-weight:500;}
.link-muted:hover{color:var(--text);}
.btn-lg{padding:14px 26px; font-size:15px; border-radius:8px;}
@media (max-width:860px){ .nav-links{display:none;} }

/* ---------- hero ---------- */
.hero{position:relative; padding:88px 32px 56px; overflow:hidden; border-bottom:1px solid var(--line);}
.hero-inner{max-width:1180px; margin:0 auto; position:relative; z-index:2;}
.eyebrow{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:12px; color:var(--gold); background:var(--gold-soft); border:1px solid rgba(201,162,39,0.3); padding:6px 12px; border-radius:100px; margin-bottom:26px;}
.hero h1{font-family:var(--font-display); font-weight:700; font-size:clamp(38px, 6vw, 66px); line-height:1.04; letter-spacing:-0.02em; max-width:780px;}
.hero h1 .accent{color:var(--gold);}
.hero p.lead{font-size:18px; color:var(--text-muted); max-width:560px; margin:26px 0 36px;}
.hero-cta{display:flex; gap:14px; flex-wrap:wrap; align-items:center;}
.hero-note{font-family:var(--font-mono); font-size:12.5px; color:var(--text-faint); margin-top:18px;}

/* ---------- ticker ---------- */
.ticker-wrap{border-top:1px solid var(--line); background:var(--bg-elev); overflow:hidden; white-space:nowrap; padding:13px 0;}
.ticker{display:inline-flex; gap:40px; font-family:var(--font-mono); font-size:12.5px; color:var(--text-muted); animation:scrollTicker 46s linear infinite;}
.ticker .val.up{color:var(--green);}
.ticker .val.down{color:var(--red);}
@keyframes scrollTicker{ from{transform:translateX(0);} to{transform:translateX(-50%);} }

/* ---------- counter ---------- */
.counter-band{border-bottom:1px solid var(--line); background:linear-gradient(180deg, var(--bg-elev), var(--bg)); padding:44px 0 36px; text-align:center;}
.counter-eyebrow{font-family:var(--font-mono); font-size:12px; color:var(--text-faint); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:10px;}
.counter-num{font-family:var(--font-display); font-weight:700; font-size:clamp(34px, 6vw, 56px); letter-spacing:-0.02em; color:var(--gold); font-variant-numeric:tabular-nums;}
.counter-sub{font-family:var(--font-mono); font-size:11.5px; color:var(--text-faint); margin-top:12px; max-width:480px; margin-left:auto; margin-right:auto;}

/* ---------- sections ---------- */
section{padding:88px 0;}
.section-head{max-width:600px; margin-bottom:52px;}
.kicker{font-family:var(--font-mono); font-size:12px; color:var(--gold); letter-spacing:0.06em; text-transform:uppercase; margin-bottom:12px;}
h2{font-family:var(--font-display); font-weight:700; font-size:clamp(28px,3.4vw,38px); letter-spacing:-0.015em; line-height:1.15;}
.section-head p{color:var(--text-muted); margin-top:14px; font-size:16px;}

/* ---------- course cards (grille formations WooCommerce) ---------- */
.formations-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
@media (max-width:900px){ .formations-grid{grid-template-columns:1fr;} }
.course-card{position:relative; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:26px; display:flex; flex-direction:column; transition:transform .2s;}
.course-card:hover{transform:translateY(-3px); border-color:var(--gold);}
.course-tag{font-family:var(--font-mono); font-size:11px; color:var(--text-faint); text-transform:uppercase; letter-spacing:0.05em; margin-bottom:14px;}
.course-card h3{font-family:var(--font-display); font-size:20px; font-weight:600; margin-bottom:10px;}
.course-card p{color:var(--text-muted); font-size:14.5px; margin-bottom:20px; flex-grow:1;}
.course-meta{display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); padding-top:16px; margin-top:auto;}
.course-price{font-family:var(--font-display); font-weight:700; font-size:18px;}
.course-link{font-size:13.5px; color:var(--gold); font-weight:600;}

/* ---------- disclaimer / footer ---------- */
.disclaimer{background:var(--surface-2); border:1px solid var(--line); border-radius:var(--radius); padding:22px 24px; font-size:12.5px; color:var(--text-faint); line-height:1.75;}
.disclaimer strong{color:var(--text-muted);}
footer.site-footer{border-top:1px solid var(--line); padding:56px 0 32px;}
.footer-grid{display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:32px; margin-bottom:36px;}
@media (max-width:760px){ .footer-grid{grid-template-columns:1fr 1fr;} }
.footer-col h5{font-family:var(--font-mono); font-size:12px; text-transform:uppercase; color:var(--text-faint); letter-spacing:0.05em; margin-bottom:16px;}
.footer-col a{display:block; color:var(--text-muted); font-size:14px; padding:5px 0;}
.footer-col a:hover{color:var(--text);}
.footer-bottom-row{display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); padding-top:24px; font-size:12.5px; color:var(--text-faint); flex-wrap:wrap; gap:12px;}

/* ---------- generic page content (à propos, contact, légal) ---------- */
.entry-content{max-width:760px;}
.entry-content h1{font-family:var(--font-display); font-size:clamp(28px,3.4vw,38px); margin-bottom:24px;}
.entry-content h2{font-size:22px; margin:32px 0 12px;}
.entry-content p, .entry-content li{color:var(--text-muted); font-size:14.5px; margin-bottom:12px; line-height:1.75;}
.entry-content a{color:var(--gold);}
.page-header-band{padding:64px 32px 40px; border-bottom:1px solid var(--line); background:radial-gradient(ellipse at top left, rgba(201,162,39,0.06), transparent 55%);}

/* ---------- WooCommerce overrides (habillage boutique / produit) ---------- */
.woocommerce{color:var(--text); padding:56px 32px;}
.woocommerce ul.products{display:grid !important; grid-template-columns:repeat(3,1fr); gap:22px; list-style:none;}
@media (max-width:900px){ .woocommerce ul.products{grid-template-columns:1fr;} }
.woocommerce ul.products li.product{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px; text-align:left; transition:transform .2s;}
.woocommerce ul.products li.product:hover{transform:translateY(-3px); border-color:var(--gold);}
.woocommerce ul.products li.product img{border-radius:8px; margin-bottom:16px;}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-display); font-size:18px; color:var(--text); margin-bottom:8px;}
.woocommerce ul.products li.product .price{color:var(--gold); font-family:var(--font-display); font-weight:700;}
.woocommerce ul.products li.product .price del{color:var(--text-faint);}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
  background:var(--gold) !important; color:#171208 !important; border-radius:7px !important; border:none !important;
  font-family:var(--font-body) !important; font-weight:600 !important; padding:10px 20px !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover{background:#DCB233 !important;}
.woocommerce div.product{background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:32px;}
.woocommerce div.product .summary h1.product_title{font-family:var(--font-display); color:var(--text); font-size:clamp(28px,3.4vw,38px);}
.woocommerce div.product p.price, .woocommerce div.product span.price{color:var(--gold); font-family:var(--font-display); font-size:24px; font-weight:700;}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--text-muted);}
.woocommerce nav.woocommerce-breadcrumb{font-family:var(--font-mono); font-size:12px; color:var(--text-faint); margin-bottom:24px;}
.woocommerce nav.woocommerce-breadcrumb a{color:var(--text-faint);}
.woocommerce table.shop_table{border-color:var(--line); color:var(--text-muted);}
.woocommerce #respond input#submit, .woocommerce a.button.alt{background:var(--gold) !important; color:#171208 !important;}
.woocommerce-message, .woocommerce-info{background:var(--surface-2) !important; border-top-color:var(--gold) !important; color:var(--text) !important;}
.woocommerce-form-login input[type="text"], .woocommerce-form-login input[type="password"],
.woocommerce-form-register input, .woocommerce-form-row input, .woocommerce form .form-row input, .woocommerce form .form-row select{
  background:var(--surface-2) !important; border:1px solid var(--line) !important; color:var(--text) !important; border-radius:7px !important; padding:10px 12px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none; border:1px solid var(--line); border-radius:10px; overflow:hidden; margin-bottom:24px;}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-top:1px solid var(--line);}
.woocommerce-account .woocommerce-MyAccount-navigation li:first-child{border-top:none;}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block; padding:12px 16px; color:var(--text-muted);}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{color:var(--gold); background:var(--surface-2);}