/*
Theme Name: Nogalys Boutique
Theme URI: https://nogalys.fr
Author: Nogalys
Author URI: https://nogalys.fr
Description: Thème boutique mode féminine Nogalys - Fleuri et élégant avec support WooCommerce
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: nogalys
Tags: e-commerce, woocommerce, fashion, feminine, floral
*/

/* ============================================
   NOGALYS BOUTIQUE THEME - STYLES PRINCIPAUX
   ============================================ */

*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --blush:#f8ece6;
  --blush2:#f2dfd6;
  --rose:#e8b4b8;
  --rose2:#d4878e;
  --gold:#b8943f;
  --gold2:#d4a843;
  --green:#7a9e7e;
  --text:#3d2e1e;
  --text-light:#7a6252;
  --white:#fff;
}

html{scroll-behavior:smooth;}
body{background:var(--blush);font-family:'Raleway',sans-serif;color:var(--text);margin:0;}

/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400&family=Raleway:wght@300;400;500;600&display=swap');

/* ANNOUNCE BAR */
.announce-bar{background:var(--rose2);padding:8px;text-align:center;font-size:0.72rem;letter-spacing:2.5px;text-transform:uppercase;color:#fff;}

/* CART BAR */
.cart-bar{background:var(--blush2);padding:10px 5%;display:flex;justify-content:flex-end;align-items:center;gap:24px;border-bottom:1px solid rgba(184,148,63,0.15);}
.cart-bar a{font-size:0.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-light);text-decoration:none;transition:color .3s;}
.cart-bar a:hover{color:var(--gold);}

/* HEADER */
.site-header{width:100%;background:var(--blush);border-bottom:2px solid rgba(184,148,63,0.25);}
.header-logo-wrap{width:100%;display:flex;justify-content:center;background:var(--blush);}
.header-logo-wrap img{width:100%;max-height:320px;object-fit:cover;object-position:center;display:block;}
.site-title a{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--gold);text-decoration:none;letter-spacing:3px;}

/* NAVIGATION */
.main-navigation{background:#3d2e1e;}
.main-navigation ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0;}
.main-navigation ul li a{color:rgba(255,255,255,0.85);font-size:0.7rem;letter-spacing:2.5px;text-transform:uppercase;text-decoration:none;padding:14px 22px;display:block;transition:all .3s;border-right:1px solid rgba(255,255,255,0.08);}
.main-navigation ul li a:hover,.main-navigation ul li.current-menu-item a{background:var(--gold);color:#fff;}

/* TICKER */
.ticker-wrap{background:var(--rose2);padding:9px 0;overflow:hidden;white-space:nowrap;}
.ticker-inner{display:inline-block;animation:tick 22s linear infinite;}
@keyframes tick{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.ticker-inner span{font-size:0.65rem;letter-spacing:3px;text-transform:uppercase;color:#fff;margin:0 40px;}

/* HERO */
.hero-banner{background:linear-gradient(135deg,#f9e8e8 0%,#f8ece6 40%,#f0e8d8 100%);padding:60px 5%;text-align:center;position:relative;overflow:hidden;}
.hero-banner h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3rem);color:var(--text);font-weight:300;margin-bottom:12px;}
.hero-banner p{color:var(--text-light);font-size:0.9rem;margin-bottom:28px;max-width:500px;margin-left:auto;margin-right:auto;}
.hero-banner .btn,.woocommerce a.button,.woocommerce button.button{display:inline-block;padding:14px 44px;background:var(--rose2);color:#fff !important;font-size:0.72rem;letter-spacing:3px;text-transform:uppercase;text-decoration:none;transition:all .3s;border:none;cursor:pointer;font-family:'Raleway',sans-serif;}
.hero-banner .btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--gold);}

/* FLORAL DIVIDER */
.floral-div{text-align:center;padding:18px;font-size:1.4rem;letter-spacing:8px;color:var(--rose2);opacity:0.6;}

/* SECTIONS */
.section-wrap{padding:56px 5%;}
.section-head{text-align:center;margin-bottom:44px;}
.section-label{font-size:0.65rem;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;display:block;}
.section-head h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:300;color:var(--text);margin-bottom:12px;}
.section-deco{color:var(--rose2);font-size:1.2rem;letter-spacing:6px;}

/* CATEGORIES */
.cats-bg{background:#fff;}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;}
.cat-card{position:relative;overflow:hidden;border-radius:4px;aspect-ratio:3/4;cursor:pointer;text-decoration:none;}
.cat-card-bg{width:100%;height:100%;transition:transform .5s ease;background-size:cover;background-position:center;}
.cat-card:hover .cat-card-bg{transform:scale(1.05);}
.cat-label{position:absolute;bottom:0;left:0;right:0;padding:20px 14px;background:linear-gradient(to top,rgba(61,46,30,0.8),transparent);color:#fff;text-align:center;}
.cat-label h3{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:300;letter-spacing:1px;margin:0;}
.cat-label span{font-size:0.65rem;letter-spacing:2px;text-transform:uppercase;opacity:0.8;}
.cat-1 .cat-card-bg{background:linear-gradient(135deg,#f0d0d8,#e0a0b0,#c87890);}
.cat-2 .cat-card-bg{background:linear-gradient(135deg,#d8e8d0,#b0c8a0,#88a870);}
.cat-3 .cat-card-bg{background:linear-gradient(135deg,#f8e0c0,#f0c090,#e0a060);}
.cat-4 .cat-card-bg{background:linear-gradient(135deg,#d8d0e8,#b0a0d0,#8878b8);}
.cat-5 .cat-card-bg{background:linear-gradient(135deg,#f8d0c0,#f0a890,#e07860);}

/* WOOCOMMERCE PRODUCTS */
.products-bg{background:var(--blush);}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;list-style:none;margin:0;padding:0;}
.woocommerce ul.products li.product{background:#fff;border:1px solid rgba(184,148,63,0.15);overflow:hidden;transition:transform .3s,box-shadow .3s;}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(184,148,63,0.15);}
.woocommerce ul.products li.product a img{width:100%;height:280px;object-fit:cover;display:block;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:var(--text);padding:16px 16px 4px;font-weight:400;}
.woocommerce ul.products li.product .price{color:var(--rose2);font-size:1rem;font-weight:600;padding:0 16px 12px;display:block;}
.woocommerce ul.products li.product .button{display:block;width:calc(100% - 32px);margin:0 16px 16px;padding:10px;background:var(--text);color:#fff !important;text-align:center;font-size:0.68rem;letter-spacing:2.5px;text-transform:uppercase;}
.woocommerce ul.products li.product .button:hover{background:var(--rose2);}
.woocommerce span.onsale{background:var(--rose2);border-radius:0;font-size:0.65rem;letter-spacing:1px;text-transform:uppercase;}

/* WOOCOMMERCE SINGLE PRODUCT */
.woocommerce div.product .product_title{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:300;color:var(--text);}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--rose2);font-size:1.4rem;font-weight:600;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--gold);border-bottom-color:var(--gold);}
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--rose2) !important;}
.woocommerce #respond input#submit:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background:var(--gold) !important;}

/* CART & CHECKOUT */
.woocommerce-cart table.cart,.woocommerce-checkout form.checkout{background:#fff;padding:24px;border:1px solid rgba(184,148,63,0.15);}
.woocommerce table.shop_table th{background:var(--blush2);color:var(--text);font-size:0.72rem;letter-spacing:2px;text-transform:uppercase;border:none;}

/* PROMO BANNER */
.promo-banner{background:linear-gradient(135deg,var(--rose2),#c06878,var(--gold));padding:56px 5%;text-align:center;color:#fff;}
.promo-banner h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:300;margin-bottom:12px;}
.promo-banner p{opacity:0.9;margin-bottom:28px;font-size:0.9rem;}

/* INFOS */
.infos-bg{background:#fff;}
.infos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;}
.info-item{text-align:center;padding:32px 20px;border:1px solid rgba(184,148,63,0.15);}
.info-icon{font-size:2.2rem;margin-bottom:16px;display:block;}
.info-item h3{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--text);margin-bottom:8px;}
.info-item p{font-size:0.8rem;line-height:1.8;color:var(--text-light);}

/* NEWSLETTER */
.newsletter-wrap{background:var(--blush2);padding:56px 5%;text-align:center;}
.newsletter-wrap h2{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:300;color:var(--text);margin-bottom:8px;}
.newsletter-wrap p{color:var(--text-light);margin-bottom:28px;}
.nl-form{display:flex;max-width:420px;margin:0 auto;}
.nl-form input{flex:1;padding:13px 18px;border:1px solid var(--rose);background:#fff;font-family:'Raleway',sans-serif;font-size:0.85rem;outline:none;border-right:none;}
.nl-form button{padding:13px 24px;background:var(--rose2);color:#fff;border:none;font-family:'Raleway',sans-serif;font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;}

/* FOOTER */
.site-footer{background:#3d2e1e;padding:56px 5% 28px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;}
.footer-logo{font-family:'Cormorant Garamond',serif;font-size:1.6rem;color:var(--gold2);letter-spacing:2px;margin-bottom:14px;display:block;text-decoration:none;}
.footer-desc{font-size:0.82rem;color:rgba(201,184,168,0.7);line-height:1.9;}
.site-footer h4{font-size:0.65rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold2);margin-bottom:18px;}
.site-footer ul{list-style:none;padding:0;margin:0;}
.site-footer ul li{margin-bottom:10px;}
.site-footer ul li a{font-size:0.82rem;color:rgba(201,184,168,0.7);text-decoration:none;transition:color .3s;}
.site-footer ul li a:hover{color:var(--gold2);}
.footer-bottom{border-top:1px solid rgba(201,184,168,0.15);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-bottom p{font-size:0.72rem;color:rgba(201,184,168,0.4);margin:0;}
.pay-badges{display:flex;gap:8px;align-items:center;}
.pay-badge{background:rgba(255,255,255,0.08);border:1px solid rgba(201,184,168,0.2);padding:4px 12px;font-size:0.7rem;color:rgba(201,184,168,0.7);letter-spacing:1px;}

/* RESPONSIVE */
@media(max-width:768px){
  .footer-grid{grid-template-columns:1fr 1fr;}
  .main-navigation ul li a{padding:12px 14px;font-size:0.62rem;}
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:480px){
  .footer-grid{grid-template-columns:1fr;}
  .woocommerce ul.products{grid-template-columns:1fr;}
}
