/*
Theme Name: Instoria WooCommerce
Author: L'Atelier Instoria
Description: Thème WordPress WooCommerce premium pour créations personnalisées Instoria.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: instoria
Tags: woocommerce, handmade, elegant, beige
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap');

:root{
  --ivory:#F5F1ED;
  --sand:#E8DED2;
  --greige:#D8C3A5;
  --terracotta:#B76E5D;
  --camel:#A67C52;
  --charcoal:#2F2F2F;
  --brown:#5E4634;
  --gold:#B89A6A;
}

*{box-sizing:border-box}
body{margin:0;background:var(--ivory);color:var(--charcoal);font-family:'Montserrat',Arial,sans-serif}
h1,h2,h3,h4,.site-title{font-family:'Playfair Display',Georgia,serif;font-weight:500}
a{color:var(--brown);text-decoration:none}
a:hover{color:var(--terracotta)}
.container{width:min(1180px,calc(100% - 40px));margin:0 auto}

.site-header{position:sticky;top:0;z-index:99;background:rgba(245,241,237,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--sand)}
.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.custom-logo{max-height:82px;width:auto}
.site-title{font-size:28px;letter-spacing:.18em;margin:0}
.site-title a{color:var(--charcoal)}
.site-description{margin:2px 0 0;color:var(--gold);text-transform:uppercase;letter-spacing:.24em;font-size:11px}
.main-navigation ul{list-style:none;display:flex;align-items:center;gap:28px;padding:0;margin:0}
.main-navigation a{text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--charcoal)}
.header-cart{border:1px solid var(--gold);border-radius:999px;padding:10px 18px;text-transform:uppercase;letter-spacing:.12em;font-size:12px}

.instoria-hero{padding:86px 0}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.28em;font-size:13px;margin-bottom:16px}
.instoria-hero h1{font-size:clamp(44px,7vw,86px);line-height:.96;margin:0 0 28px}
.instoria-hero p,.brand-statement p,.custom-cta p{color:var(--brown);font-size:18px;line-height:1.8}
.hero-actions,.instoria-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}

.button,button,input[type=submit],.wp-block-button__link,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.instoria-btn{
  background:var(--terracotta);border:1px solid var(--terracotta);color:#fff;border-radius:999px;
  min-height:46px;padding:13px 26px;text-transform:uppercase;letter-spacing:.13em;font-size:13px;font-weight:500;cursor:pointer
}
.button:hover,button:hover,input[type=submit]:hover,.wp-block-button__link:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.instoria-btn:hover{
  background:#A65F50;border-color:#A65F50;color:#fff
}
.instoria-btn-outline{background:transparent;color:var(--charcoal);border:1px solid var(--gold);border-radius:999px;min-height:46px;padding:13px 26px;text-transform:uppercase;letter-spacing:.13em;font-size:13px}
.instoria-btn-outline:hover{background:var(--gold);color:#fff}

.hero-visual{min-height:540px;border-radius:34px;background:linear-gradient(135deg,var(--sand),#fff);box-shadow:0 28px 80px rgba(94,70,52,.14);border:1px solid rgba(184,154,106,.24);display:flex;align-items:center;justify-content:center;color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:12px;text-align:center}

.instoria-section{padding:76px 0}
.section-title{font-size:clamp(34px,4vw,58px);line-height:1.1;margin:0 0 28px}
.category-grid,.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.instoria-card,.woocommerce ul.products li.product{background:#fff;border-radius:28px;padding:24px;box-shadow:0 18px 50px rgba(94,70,52,.08);transition:.25s}
.instoria-card:hover,.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(94,70,52,.12)}
.card-visual{aspect-ratio:1/1;border-radius:22px;background:var(--sand);margin-bottom:20px}
.instoria-card h3{font-size:28px;margin:0 0 8px}
.instoria-card p{color:var(--brown);line-height:1.7}
.brand-statement{background:#fff;padding:96px 20px;text-align:center}
.brand-statement-inner{max-width:860px;margin:0 auto}
.brand-statement h2{font-size:clamp(36px,5vw,64px);line-height:1.12;margin:0 0 22px}
.custom-cta{background:var(--sand);text-align:center;padding:92px 20px}
.site-footer{border-top:1px solid var(--sand);padding:40px 0;color:var(--brown)}
.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}

/* WooCommerce */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}
.woocommerce ul.products li.product{width:auto!important;margin:0!important}
.woocommerce ul.products li.product img{border-radius:22px;margin-bottom:18px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:'Playfair Display',Georgia,serif;font-size:26px;color:var(--charcoal)}
.woocommerce div.product div.images img{border-radius:28px}
.woocommerce div.product .product_title{font-size:clamp(36px,5vw,60px)}
.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce ul.products li.product .price{color:var(--terracotta);font-weight:600}
.woocommerce table.shop_table{background:#fff;border-radius:22px;overflow:hidden;border:1px solid var(--sand)}
.page-content,.entry-content,.woocommerce-main{padding:50px 0}

@media(max-width:980px){
  .hero-grid,.category-grid,.product-grid,.woocommerce ul.products{grid-template-columns:1fr 1fr}
  .main-navigation ul{gap:14px;flex-wrap:wrap}
}
@media(max-width:640px){
  .header-inner,.footer-inner{align-items:flex-start;flex-direction:column}
  .hero-grid,.category-grid,.product-grid,.woocommerce ul.products{grid-template-columns:1fr}
  .hero-visual{min-height:340px}
  .main-navigation ul{flex-direction:column;align-items:flex-start}
}