/*
Theme Name: Maison Konaté
Theme URI: https://perfumeriakonate.pl
Description: Thème premium pour Perfumeria Konaté — Boutique WooCommerce
Author: Maison Konaté
Version: 1.0
Text Domain: maison-konate
*/

:root {
    --noir: #0a0a0a;
    --noir-profond: #050505;
    --ivoire: #F5F0E8;
    --champagne: #D4C5A9;
    --or: #B8941F;
    --or-clair: #C9A84C;
    --gris: #8A8275;
    --success: #2d7a4f;
    --error: #b5343a;
    --tr: cubic-bezier(.4,0,.2,1);
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
    font-family: 'Montserrat', sans-serif;
    background: var(--noir-profond);
    color: var(--ivoire);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--noir); }
::-webkit-scrollbar-thumb { background: var(--or); border-radius: 3px; }
h1,h2,h3,h4,h5 { font-family: 'Cormorant Garamond', serif; font-weight: 400; }
a { color: inherit; text-decoration: none; transition: all .3s var(--tr); }
img { max-width: 100%; height: auto; display: block; }
ul { list-style: none; }
button, input, select, textarea { font-family: 'Montserrat', sans-serif; }

/* HEADER */
.site-header {
    position: sticky; top: 0; z-index: 1000;
    background: rgba(5,5,5,.96);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(184,148,31,.1);
    padding: 14px 60px;
    display: flex; align-items: center; justify-content: space-between;
}
.header-brand { display: flex; flex-direction: column; }
.header-brand-main {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.4rem; font-weight: 400;
    letter-spacing: .32em; color: var(--ivoire);
    text-transform: uppercase;
}
.header-brand-sub {
    font-size: .52rem; letter-spacing: .36em;
    color: var(--or); text-transform: uppercase;
    font-weight: 300; margin-top: 2px;
}
.header-nav { display: flex; align-items: center; gap: 28px; }
.header-nav a {
    font-size: .66rem; letter-spacing: .18em;
    text-transform: uppercase; color: rgba(245,240,232,.82);
    position: relative;
}
.header-nav a::after {
    content: ''; position: absolute; bottom: -4px; left: 0;
    width: 0; height: 1px; background: var(--or);
    transition: width .4s var(--tr);
}
.header-nav a:hover { color: var(--or); }
.header-nav a:hover::after { width: 100%; }
.header-actions { display: flex; align-items: center; gap: 12px; }
.back-to-main {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 9px 20px;
    border: 1px solid rgba(184,148,31,.3);
    color: var(--gris); font-size: .6rem;
    letter-spacing: .14em; text-transform: uppercase;
    transition: all .3s ease;
}
.back-to-main:hover { border-color: var(--or); color: var(--or); }
.cart-header-btn {
    position: relative; color: var(--ivoire); padding: 8px;
    background: none; border: none; cursor: pointer;
    display: flex; align-items: center;
}
.cart-header-count {
    position: absolute; top: 2px; right: 0;
    width: 16px; height: 16px;
    background: var(--or); color: var(--noir);
    font-size: .52rem; font-weight: 700;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
}

/* SHOP HERO */
.shop-hero {
    padding: 80px 60px 56px; text-align: center;
    background: radial-gradient(ellipse at 50% 50%,rgba(184,148,31,.06),transparent 60%),
                linear-gradient(180deg,var(--noir-profond) 0%,#0d0b08 100%);
    border-bottom: 1px solid rgba(184,148,31,.08);
}
.shop-hero h1 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 2.8rem; font-weight: 300;
    letter-spacing: .07em; color: var(--ivoire); margin-bottom: 10px;
}
.shop-hero p { font-size: .85rem; color: var(--gris); font-weight: 300; line-height: 1.8; max-width: 560px; margin: 0 auto; }
.shop-overline { font-size: .6rem; letter-spacing: .5em; text-transform: uppercase; color: var(--or); margin-bottom: 14px; }

/* SHOP LAYOUT */
.shop-wrap {
    max-width: 1200px; margin: 0 auto; padding: 56px 40px;
    display: grid; grid-template-columns: 250px 1fr; gap: 48px; align-items: start;
}
.shop-sidebar { position: sticky; top: 100px; }
.sidebar-block {
    margin-bottom: 28px; padding: 26px;
    border: 1px solid rgba(184,148,31,.1);
    background: linear-gradient(145deg,rgba(184,148,31,.03),rgba(5,5,5,.9));
}
.sidebar-block h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.05rem; font-weight: 400; color: var(--ivoire);
    margin-bottom: 16px; letter-spacing: .07em;
    padding-bottom: 10px; border-bottom: 1px solid rgba(184,148,31,.1);
}
.widget_product_categories ul li { padding: 6px 0; border-bottom: 1px solid rgba(184,148,31,.05); }
.widget_product_categories ul li a { font-size: .73rem; color: var(--gris); transition: color .3s ease; }
.widget_product_categories ul li a:hover,
.widget_product_categories ul li.current-cat a { color: var(--or); }
.shop-main { min-width: 0; }
.shop-toolbar {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 22px; padding-bottom: 14px;
    border-bottom: 1px solid rgba(184,148,31,.08);
}
.shop-count { font-size: .68rem; color: var(--gris); letter-spacing: .08em; }

/* WOOCOMMERCE — Boutons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button {
    background: var(--or) !important; color: var(--noir) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: .66rem !important; font-weight: 700 !important;
    letter-spacing: .2em !important; text-transform: uppercase !important;
    border: 1px solid var(--or) !important; border-radius: 0 !important;
    padding: 12px 26px !important; transition: all .3s ease !important;
    box-shadow: none !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover {
    background: var(--or-clair) !important; color: var(--noir) !important;
}

/* WOOCOMMERCE — Formulaires */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background: rgba(10,10,10,.85) !important;
    border: 1px solid rgba(184,148,31,.15) !important;
    color: var(--ivoire) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: .82rem !important; font-weight: 300 !important;
    border-radius: 0 !important; padding: 12px 14px !important;
    box-shadow: none !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
    border-color: var(--or) !important; box-shadow: none !important; outline: none !important;
}
.woocommerce form .form-row label {
    color: var(--champagne) !important; font-size: .6rem !important;
    letter-spacing: .14em !important; text-transform: uppercase !important; font-weight: 400 !important;
}

/* WOOCOMMERCE — Prix */
.woocommerce .price, .woocommerce .amount {
    font-family: 'Cormorant Garamond', serif !important;
    color: var(--or) !important; font-size: 1.35rem !important;
}
.woocommerce del .amount { color: var(--gris) !important; font-size: 1rem !important; }

/* WOOCOMMERCE — Messages */
.woocommerce-message, .woocommerce-info {
    background: rgba(184,148,31,.08) !important;
    border-top-color: var(--or) !important; color: var(--ivoire) !important; border-radius: 0 !important;
}
.woocommerce-error {
    background: rgba(181,52,58,.08) !important;
    border-top-color: var(--error) !important; color: var(--ivoire) !important; border-radius: 0 !important;
}

/* PRODUITS GRID */
ul.products {
    display: grid !important;
    grid-template-columns: repeat(3,1fr) !important;
    gap: 22px !important; margin: 0 !important; padding: 0 !important;
}
ul.products li.product {
    background: linear-gradient(180deg,rgba(184,148,31,.03),rgba(5,5,5,.95)) !important;
    border: 1px solid rgba(184,148,31,.1) !important;
    overflow: hidden !important; transition: all .5s var(--tr) !important;
    position: relative !important; margin: 0 !important;
    padding: 0 !important; float: none !important; width: auto !important;
}
ul.products li.product:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(184,148,31,.28) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,.5) !important;
}
ul.products li.product img {
    width: 100% !important; height: 260px !important;
    object-fit: cover !important; display: block !important;
    transition: transform .5s ease !important;
    background: linear-gradient(135deg,rgba(184,148,31,.06),rgba(212,197,169,.03)) !important;
}
ul.products li.product:hover img { transform: scale(1.03) !important; }
.product-info-wrap { padding: 20px !important; }
ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.3rem !important; font-weight: 500 !important;
    color: var(--ivoire) !important; letter-spacing: .04em !important;
    padding: 0 !important; margin: 0 0 5px !important;
}
ul.products li.product .price {
    display: block !important; font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.25rem !important; color: var(--or) !important;
    margin-bottom: 12px !important; font-weight: 500 !important;
}
ul.products li.product .button { display: block !important; width: 100% !important; text-align: center !important; }
.woocommerce span.onsale {
    background: var(--or) !important; color: var(--noir) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: .54rem !important; font-weight: 700 !important;
    letter-spacing: .1em !important; border-radius: 0 !important;
    padding: 4px 10px !important; min-height: auto !important; min-width: auto !important;
}
.star-rating { color: var(--or) !important; }

/* PAGE PRODUIT */
.product-single-wrap { max-width: 1100px; margin: 0 auto; padding: 56px 40px; }
.woocommerce div.product { background: transparent !important; }
.woocommerce div.product div.images { width: 48% !important; float: left !important; }
.woocommerce div.product div.images img {
    border: 1px solid rgba(184,148,31,.1) !important; border-radius: 0 !important;
}
.woocommerce div.product div.summary { width: 48% !important; float: right !important; }
.woocommerce div.product .product_title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 2.3rem !important; font-weight: 400 !important;
    color: var(--ivoire) !important; letter-spacing: .06em !important; margin-bottom: 8px !important;
}
.woocommerce div.product p.price {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.9rem !important; color: var(--or) !important; margin-bottom: 18px !important;
}
.woocommerce-product-details__short-description {
    font-size: .85rem !important; line-height: 1.9 !important;
    color: var(--gris) !important; font-weight: 300 !important; margin-bottom: 22px !important;
}
.woocommerce div.product form.cart .variations select {
    background: rgba(10,10,10,.85) !important;
    border: 1px solid rgba(184,148,31,.15) !important;
    color: var(--ivoire) !important; border-radius: 0 !important;
    padding: 10px 14px !important; font-size: .82rem !important;
    -webkit-appearance: none !important; cursor: pointer !important;
}
.woocommerce div.product form.cart .variations label {
    font-size: .6rem !important; letter-spacing: .14em !important;
    text-transform: uppercase !important; color: var(--champagne) !important; font-weight: 400 !important;
}
.woocommerce div.product form.cart .quantity input {
    background: rgba(10,10,10,.85) !important;
    border: 1px solid rgba(184,148,31,.15) !important;
    color: var(--ivoire) !important; border-radius: 0 !important;
    padding: 10px 14px !important; font-size: .9rem !important;
    width: 80px !important; text-align: center !important;
}
.woocommerce div.product div.product_meta { margin-top: 18px !important; padding-top: 14px !important; border-top: 1px solid rgba(184,148,31,.1) !important; }
.woocommerce div.product div.product_meta span { font-size: .72rem !important; color: var(--gris) !important; }
.woocommerce div.product div.product_meta a { color: var(--or) !important; }

/* ONGLETS PRODUIT */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    background: transparent !important; border-bottom: 1px solid rgba(184,148,31,.1) !important;
    padding: 0 !important; margin-bottom: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important; border: none !important;
    border-bottom: 2px solid transparent !important; border-radius: 0 !important;
    margin: 0 !important; padding: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: .66rem !important; letter-spacing: .14em !important;
    text-transform: uppercase !important; color: var(--gris) !important;
    padding: 11px 18px !important; display: block !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: var(--or) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--or) !important; }
.woocommerce div.product .woocommerce-tabs .panel {
    background: rgba(184,148,31,.02) !important;
    border: 1px solid rgba(184,148,31,.08) !important; border-top: none !important;
    padding: 26px !important; margin: 0 !important;
    color: var(--gris) !important; font-size: .85rem !important;
    line-height: 1.9 !important; font-weight: 300 !important;
}

/* PANIER */
.cart-wrap { max-width: 1000px; margin: 0 auto; padding: 56px 40px; }
.woocommerce table.shop_table { background: transparent !important; border: 1px solid rgba(184,148,31,.1) !important; border-radius: 0 !important; }
.woocommerce table.shop_table th {
    background: rgba(184,148,31,.04) !important; color: var(--champagne) !important;
    font-size: .6rem !important; letter-spacing: .18em !important;
    text-transform: uppercase !important; font-weight: 500 !important;
    border-bottom: 1px solid rgba(184,148,31,.1) !important; padding: 13px 16px !important;
}
.woocommerce table.shop_table td {
    border-bottom: 1px solid rgba(184,148,31,.06) !important; padding: 15px 16px !important;
    color: var(--ivoire) !important; background: transparent !important;
    font-size: .83rem !important; font-weight: 300 !important;
}
.woocommerce table.shop_table td.product-name a {
    font-family: 'Cormorant Garamond', serif !important; font-size: 1.1rem !important; color: var(--ivoire) !important;
}
.woocommerce table.shop_table td.product-name a:hover { color: var(--or) !important; }
.cart_totals {
    background: linear-gradient(145deg,rgba(184,148,31,.03),rgba(5,5,5,.9)) !important;
    border: 1px solid rgba(184,148,31,.1) !important;
    padding: 26px !important; float: right !important; width: 45% !important;
}
.cart_totals h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.25rem !important; font-weight: 300 !important;
    color: var(--ivoire) !important; margin-bottom: 16px !important; letter-spacing: .07em !important;
}

/* CHECKOUT */
.checkout-wrap { max-width: 1000px; margin: 0 auto; padding: 56px 40px; }
.woocommerce-checkout h3 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.25rem !important; font-weight: 300 !important;
    color: var(--ivoire) !important; margin-bottom: 16px !important;
    letter-spacing: .07em !important; padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(184,148,31,.1) !important;
}
.woocommerce-checkout #payment {
    background: linear-gradient(145deg,rgba(184,148,31,.03),rgba(5,5,5,.9)) !important;
    border: 1px solid rgba(184,148,31,.1) !important; border-radius: 0 !important;
}
.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid rgba(184,148,31,.1) !important; padding: 14px !important; }
.woocommerce-checkout #payment ul.payment_methods li { color: var(--ivoire) !important; font-size: .82rem !important; padding: 7px 0 !important; }
.woocommerce-checkout #payment div.payment_box { background: rgba(184,148,31,.04) !important; color: var(--gris) !important; font-size: .78rem !important; border-radius: 0 !important; }

/* MON COMPTE */
.account-wrap { max-width: 900px; margin: 0 auto; padding: 56px 40px; }
.woocommerce-account .woocommerce-MyAccount-navigation { width: 22% !important; float: left !important; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { border: 1px solid rgba(184,148,31,.1) !important; background: linear-gradient(145deg,rgba(184,148,31,.03),rgba(5,5,5,.9)) !important; padding: 14px 0 !important; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { display: block !important; padding: 9px 18px !important; font-size: .7rem !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--gris) !important; transition: all .3s ease !important; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { color: var(--or) !important; padding-left: 26px !important; }
.woocommerce-account .woocommerce-MyAccount-content { width: 74% !important; float: right !important; color: var(--gris) !important; font-size: .85rem !important; line-height: 1.8 !important; font-weight: 300 !important; }

/* PAGINATION */
.woocommerce-pagination ul { display: flex !important; gap: 5px !important; justify-content: center !important; margin-top: 44px !important; }
.woocommerce-pagination ul li span,
.woocommerce-pagination ul li a { background: transparent !important; border: 1px solid rgba(184,148,31,.14) !important; color: var(--gris) !important; border-radius: 0 !important; padding: 7px 13px !important; font-size: .7rem !important; transition: all .3s ease !important; }
.woocommerce-pagination ul li a:hover,
.woocommerce-pagination ul li span.current { border-color: var(--or) !important; color: var(--or) !important; }

/* COMMANDE CONFIRMÉE */
.woocommerce-order-overview {
    background: linear-gradient(145deg,rgba(184,148,31,.04),rgba(5,5,5,.9)) !important;
    border: 1px solid rgba(184,148,31,.1) !important; padding: 22px !important;
    display: flex !important; gap: 28px !important; flex-wrap: wrap !important;
    justify-content: center !important; margin-bottom: 32px !important;
}
.woocommerce-order-overview li { font-size: .76rem !important; color: var(--gris) !important; text-align: center !important; border: none !important; padding: 10px 18px !important; }
.woocommerce-order-overview li strong { display: block !important; color: var(--or) !important; font-family: 'Cormorant Garamond', serif !important; font-size: 1.1rem !important; margin-top: 3px !important; }

/* FOOTER */
.site-footer { padding: 52px 60px 30px; border-top: 1px solid rgba(184,148,31,.1); background: var(--noir-profond); margin-top: 80px; }
.footer-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 44px; margin-bottom: 36px; }
.footer-brand-name { font-family: 'Cormorant Garamond', serif; font-size: 1.3rem; font-weight: 400; letter-spacing: .3em; color: var(--ivoire); margin-bottom: 4px; }
.footer-tagline { font-size: .55rem; letter-spacing: .27em; color: var(--or); text-transform: uppercase; margin-bottom: 13px; }
.footer-brand p { font-size: .74rem; line-height: 1.8; color: var(--gris); font-weight: 300; }
.footer h4 { font-family: 'Cormorant Garamond', serif; font-size: .93rem; font-weight: 500; color: var(--ivoire); letter-spacing: .09em; margin-bottom: 14px; }
.footer ul li { margin-bottom: 7px; }
.footer ul li a { font-size: .71rem; color: var(--gris); font-weight: 300; transition: color .3s ease; }
.footer ul li a:hover { color: var(--or); }
.footer-bottom { max-width: 1180px; margin: 0 auto; padding-top: 22px; border-top: 1px solid rgba(184,148,31,.07); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.footer-bottom p { font-size: .63rem; color: var(--gris); font-weight: 300; }

/* RESPONSIVE */
@media (max-width: 1024px) {
    .site-header { padding: 12px 22px; }
    .shop-wrap { grid-template-columns: 1fr; gap: 24px; }
    .shop-sidebar { position: static; }
    ul.products { grid-template-columns: repeat(2,1fr) !important; }
    .woocommerce div.product div.images, .woocommerce div.product div.summary { width: 100% !important; float: none !important; }
    .cart_totals { float: none !important; width: 100% !important; }
    .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100% !important; float: none !important; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
    .shop-hero { padding: 52px 22px 38px; }
    .header-nav { display: none; }
}
@media (max-width: 768px) {
    .site-header { padding: 11px 14px; }
    ul.products { grid-template-columns: 1fr !important; }
    .shop-wrap, .cart-wrap, .checkout-wrap, .account-wrap, .product-single-wrap { padding: 32px 14px; }
    .site-footer { padding: 36px 14px 22px; }
    .footer-grid { grid-template-columns: 1fr; gap: 22px; }
    .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
    .shop-hero h1 { font-size: 1.9rem; }
}