/*
Theme Name: Azzurion (Storefront Child)
Theme URI: https://azzurion.fr
Description: Habillage Azzurion pour Storefront / WooCommerce — thème carbone/bleu.
Author: Azzurion
Template: storefront
Version: 1.0.0
Text Domain: azzurion
*/

:root{
  --carbon-950:#0a0b0d;
  --carbon-900:#131417;
  --carbon-800:#1c1e22;
  --carbon-700:#26282e;
  --blue-500:#2f8ce0;
  --blue-400:#5aa9ec;
  --blue-700:#1a5f99;
  --silver:#aeb6bd;
  --white:#eef1f4;
  --line:#2e3137;
}

/* ---------- Base ---------- */
body{
  background:
    repeating-linear-gradient(45deg, rgba(255,255,255,0.015) 0 2px, transparent 2px 4px),
    repeating-linear-gradient(-45deg, rgba(255,255,255,0.015) 0 2px, transparent 2px 4px),
    var(--carbon-950) !important;
  color:var(--white) !important;
  font-family:'Inter',sans-serif !important;
}
h1,h2,h3,h4,h5,h6,.site-title{
  font-family:'Rajdhani',sans-serif !important;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.01em;
  color:var(--white) !important;
}
a{color:var(--blue-400)}
a:hover{color:var(--blue-500)}
::selection{background:var(--blue-500);color:#04101c}

/* ---------- Header ---------- */
#masthead,.site-header{
  background:rgba(10,11,13,0.92) !important;
  border-bottom:1px solid var(--line) !important;
  backdrop-filter:blur(10px);
}
.site-branding .site-title a{color:var(--white) !important;font-size:1.4rem;letter-spacing:.03em}
.site-header-cart a, .site-header .site-search a{color:var(--white) !important}
#site-navigation, .main-navigation{background:transparent !important}
.main-navigation ul li a{
  color:var(--silver) !important;
  font-family:'Inter';font-weight:500;text-transform:none;
}
.main-navigation ul li a:hover{color:var(--blue-400) !important}
.main-navigation ul ul{background:var(--carbon-900) !important;border:1px solid var(--line) !important}

/* ---------- Buttons ---------- */
.button,button,input[type="submit"],
.woocommerce a.button,.woocommerce button.button,
.woocommerce #respond input#submit,
.single_add_to_cart_button{
  background:var(--blue-500) !important;
  color:#04101c !important;
  border:none !important;
  font-family:'Rajdhani',sans-serif !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  border-radius:0 !important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
  padding:12px 24px !important;
}
.button:hover,button:hover,input[type="submit"]:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,
.single_add_to_cart_button:hover{
  background:var(--blue-400) !important;
}
.button.alt{background:var(--blue-500) !important}

/* ---------- Product grid ---------- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:var(--carbon-900);
  border:1px solid var(--line);
  padding:16px !important;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:var(--white) !important;font-size:1.05rem;
}
.woocommerce ul.products li.product .price{
  color:var(--blue-400) !important;font-family:'Rajdhani';font-weight:700;font-size:1.15rem;
}
.woocommerce span.onsale{
  background:var(--blue-500) !important;color:#04101c !important;border-radius:0 !important;
  font-family:'Rajdhani';font-weight:700;text-transform:uppercase;
}

/* ---------- Single product ---------- */
.woocommerce div.product p.price, .woocommerce div.product span.price{color:var(--blue-400) !important}
.woocommerce div.product .product_meta,.woocommerce-tabs{color:var(--silver)}
.woocommerce-tabs ul.tabs li a{color:var(--silver) !important}
.woocommerce-tabs ul.tabs li.active a{color:var(--blue-400) !important}

/* ---------- Cart / Checkout ---------- */
.woocommerce table.shop_table{
  border:1px solid var(--line) !important;background:var(--carbon-900);
}
.woocommerce table.shop_table th{
  background:var(--carbon-800) !important;color:var(--white) !important;
  font-family:'Rajdhani';text-transform:uppercase;
}
.woocommerce table.shop_table td{border-top:1px solid var(--line) !important;color:var(--silver)}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce-checkout #payment{
  background:var(--carbon-800) !important;border:1px solid var(--line) !important;color:var(--white) !important;
}
.woocommerce-checkout #payment ul.payment_methods{border-top:1px solid var(--line) !important}
.select2-container--default .select2-selection--single{
  background:var(--carbon-800) !important;border:1px solid var(--line) !important;color:var(--white) !important;
}

/* ---------- My account ---------- */
.woocommerce-MyAccount-navigation ul{background:var(--carbon-900);border:1px solid var(--line)}
.woocommerce-MyAccount-navigation ul li a{color:var(--silver) !important}
.woocommerce-MyAccount-navigation ul li.is-active a{color:var(--blue-400) !important}

/* ---------- Footer ---------- */
#colophon,.site-footer{
  background:var(--carbon-900) !important;border-top:1px solid var(--line) !important;color:var(--silver) !important;
}
.site-footer a{color:var(--blue-400) !important}

/* ---------- Hero (front page) ---------- */
.azzurion-hero{
  padding:70px 24px;max-width:1120px;margin:0 auto;
  display:flex;flex-wrap:wrap;gap:40px;align-items:center;
}
.azzurion-hero-text{flex:1 1 460px}
.azzurion-hero h1{font-size:clamp(2.2rem,5vw,3.6rem)}
.azzurion-hero h1 em{font-style:normal;color:var(--blue-500)}
.azzurion-hero p{color:var(--silver);max-width:46ch;margin-top:14px}
.azzurion-hero img{max-width:280px;filter:drop-shadow(0 0 40px rgba(47,140,224,.25))}

@media(max-width:480px){
  .azzurion-hero{padding:40px 20px}
}