/*
Theme Name: Colorfouli Maison
Theme URI: https://colorfouli.com
Author: Colorfouli
Description: Boutique textile marocaine avec accueil éditorial et prise en charge native de WooCommerce.
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: colorfoli
License: GPL-2.0-or-later
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600&display=swap');
:root{--bg:#f7f3eb;--ink:#352c25;--rust:#8e4a32;--line:#ded5c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Manrope',Arial,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--rust);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}img{display:block;width:100%;object-fit:cover}.announcement{text-align:center;background:#382e26;color:#fff8ea;font-size:10px;letter-spacing:1.6px;padding:10px}header{display:flex;align-items:center;justify-content:space-between;height:104px;padding:0 5%;border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:35px;height:48px;object-fit:contain}.brand span{font:38px 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px}.brand small{display:block;font:8px 'Manrope',sans-serif;letter-spacing:3px;text-align:center;margin-top:2px}nav{display:flex;gap:35px;font-size:12px}nav a:hover{color:var(--rust)}.header-actions{display:flex;gap:20px}.header-actions button{background:none;border:0;display:flex;align-items:center;gap:8px;padding:8px}.header-actions svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4}#bag-count{font-size:11px}.hero{position:relative;min-height:620px;height:calc(100svh - 140px);max-height:870px;color:#fff9ee;overflow:hidden}.hero-photo{position:absolute;height:100%;object-position:center 65%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(36,27,18,.64),rgba(36,27,18,.12) 70%),linear-gradient(0deg,rgba(36,27,18,.32),transparent 30%)}.hero-copy{position:relative;padding:75px 7%;max-width:720px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;margin-bottom:24px}.hero h1{font-size:clamp(54px,6.7vw,105px);line-height:.97;letter-spacing:-2px}.hero h1 i{font-weight:400}.hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:18px 23px;background:var(--ink);color:var(--bg);border:1px solid var(--ink);font-size:11px;letter-spacing:.5px}.button.light{background:var(--bg);color:var(--ink);border-color:var(--bg)}.button:hover{background:var(--rust);color:white;border-color:var(--rust)}.hero-bottom{position:absolute;bottom:28px;left:7%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px}.values{display:flex;justify-content:space-around;padding:26px 5%;border-bottom:1px solid var(--line)}.values span{font-size:10px;color:var(--rust);letter-spacing:1px}.values b{margin-left:16px;font-weight:400;color:var(--ink)}.section{padding:90px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2,h2{font-size:48px;line-height:1.05;letter-spacing:-.8px}.section-heading>p{font-size:12px;line-height:1.8;color:#756959}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.category{position:relative;overflow:hidden}.category img{height:440px;transition:transform .7s}.category:hover img{transform:scale(1.04)}.category:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(33,23,16,.64));pointer-events:none}.category>div{position:absolute;bottom:27px;left:25px;right:25px;color:var(--bg);z-index:1}.category span{font-size:8px;letter-spacing:1.5px}.category h3{font-size:38px;display:flex;justify-content:space-between;margin-top:13px}.category b{font:24px Arial}.collection{padding-top:25px}.demo-label{font-size:9px;color:#857967}.collection-tools{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:30px;align-items:center;gap:15px}.filters{display:flex;gap:25px}.filters button{background:none;border:0;padding:17px 0;border-bottom:2px solid transparent;font-size:11px}.filters .active{border-color:var(--rust);color:var(--rust)}.sort-label{font-size:10px;display:flex;gap:12px;align-items:center}select{border:0;background:transparent;font-size:11px;padding:10px;color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-photo{position:relative;cursor:pointer;overflow:hidden;background:#e7ddd0}.product-photo img{aspect-ratio:3/4;transition:transform .6s}.product-photo:hover img{transform:scale(1.04)}.product-photo .tag{position:absolute;top:15px;left:15px;font-size:8px;background:#f7f3ebdc;padding:7px 9px;letter-spacing:1px}.product-photo button{position:absolute;right:13px;bottom:13px;border:0;background:var(--bg);border-radius:50%;width:35px;height:35px;font-size:23px}.product-info{padding:17px 0}.product-info>span{font-size:8px;letter-spacing:1.6px;color:#85725f}.product-info h3{font-size:24px;margin:7px 0}.product-info .detail{font-size:10px;color:#807362}.product-info .price{font-size:12px;margin-top:13px}.collection-note{font-size:9px;color:#8c7d6b;margin-top:30px;line-height:1.8}.story{display:grid;grid-template-columns:1fr 1fr;background:#e9e1d4}.story-image{position:relative}.story-image img{height:630px;object-position:50% 65%}.story-image span{position:absolute;bottom:30px;left:35px;color:white;font-size:9px;letter-spacing:1.5px}.story-copy{padding:85px 15%;align-self:center}.story-copy h2{font-size:54px;margin-bottom:30px}.story-copy>p:not(.eyebrow){font-size:12px;line-height:2;color:#6c5e4e;margin-bottom:18px}.text-link{display:inline-block;padding:13px 0;border-bottom:1px solid var(--ink);font-size:11px;margin-top:10px}.guidance{text-align:center}.guidance h2{margin-bottom:45px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;text-align:left}.guide-grid>div{border-top:1px solid var(--line);padding-top:25px}.guide-grid span{color:var(--rust);font-size:10px}.guide-grid h3{font-size:29px;margin:16px 0}.guide-grid p{font-size:12px;line-height:1.9;color:#746755}footer{background:#392e26;color:#f2eade;padding:55px 7% 20px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:35px}.footer-top .brand img{filter:brightness(0) invert(.9)}.footer-top>p{font:26px 'Cormorant Garamond',Georgia,serif;font-style:italic}.footer-top>div{display:grid;gap:15px;font-size:10px}.footer-top button{border:0;background:none;padding:0;text-align:left}.footer-bottom{margin-top:55px;border-top:1px solid #756452;padding-top:20px;display:flex;justify-content:space-between;font-size:9px;color:#c0ad97}dialog{border:0;background:var(--bg);padding:40px;width:min(850px,92vw);max-height:90svh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#21191099}.close{position:absolute;right:14px;top:10px;font-size:29px;border:0;background:none;z-index:5}#product-detail{display:grid;grid-template-columns:1fr 1fr;gap:35px}#product-detail>img{height:500px}#product-detail>div{align-self:center}#product-detail h2{font-size:41px;margin-bottom:20px}#product-detail p{line-height:1.8;font-size:12px;margin-bottom:20px}#product-detail .price{font-size:19px}#product-detail .button{width:100%}#cart-dialog{width:min(580px,94vw)}#cart-dialog h2{margin-bottom:25px}.cart-line{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.cart-line img{height:93px}.cart-line h3{font-size:25px;margin-bottom:7px}.cart-line p{font-size:11px}.quantity{display:flex;gap:14px;align-items:center;margin-top:10px;font-size:11px}.quantity button{padding:2px 8px;background:none;border:1px solid var(--line)}.quantity .remove{margin-left:auto;border:0;text-decoration:underline;padding:3px}.total{display:flex;justify-content:space-between;font-size:16px;margin:25px 0}#cart-bottom .button{width:100%}#cart-bottom small{display:block;font-size:10px;line-height:1.8;margin-top:16px;color:#82715e}#info-dialog{width:600px}#info-dialog p:not(.eyebrow){font-size:13px;line-height:1.9;margin-top:24px}#search-box{margin:0 0 30px}#search-box label{display:block;font-size:11px;margin-bottom:10px}#search-box input{width:100%;background:transparent;border:1px solid var(--line);padding:16px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#392e26;color:white;padding:15px 25px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s;font-size:12px}#toast.visible{opacity:1}.empty{padding:30px 0;font-size:13px;line-height:1.8}.no-results{grid-column:1/-1;padding:40px 0}body:has(dialog[open]){overflow:hidden}
@media(min-width:1500px){.section{padding-left:calc((100% - 1300px)/2);padding-right:calc((100% - 1300px)/2)}}@media(max-width:900px){nav{gap:20px}.category img{height:340px}.product-grid{grid-template-columns:repeat(2,1fr)}.story-copy{padding:45px 10%}.story-copy h2{font-size:43px}.story-image img{height:600px}.guide-grid{gap:25px}.section{padding:65px 5%}.section-heading h2{font-size:40px}.hero-copy{padding-left:7%}}@media(max-width:600px){header{height:88px;padding:0 5%}nav{display:none}.brand span{font-size:32px}.brand img{width:29px}.brand small{font-size:7px;letter-spacing:2.5px}.header-actions{gap:4px}.announcement{font-size:8px}.hero{min-height:630px;height:76svh}.hero-photo{object-position:62%}.hero-shade{background:linear-gradient(90deg,#241b129c,#241b1226)}.hero-copy{padding:68px 7%}.hero h1{font-size:65px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-copy>p:not(.eyebrow){font-size:11px;line-height:1.9}.hero-bottom>span{max-width:220px;font-size:7px;line-height:1.8}.hero-bottom>a{font-size:8px}.values{padding:19px 5%;gap:12px}.values span{font-size:8px;letter-spacing:0}.values b{display:block;margin:7px 0 0;line-height:1.5}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:17px;font-size:11px}.section-heading h2,h2{font-size:38px}.eyebrow{font-size:8px;letter-spacing:1.7px}.category-grid{display:flex;overflow:auto;gap:15px;scroll-snap-type:x mandatory;margin-right:-5vw;padding-right:5vw}.category{flex:0 0 83%;scroll-snap-align:start}.category img{height:390px}.category h3{font-size:35px}.collection{padding-top:5px}.demo-label{display:block;margin-top:17px}.collection-tools{display:block}.filters{gap:20px;justify-content:space-between}.filters button{font-size:9px}.sort-label{justify-content:flex-end}.product-grid{gap:15px}.product-photo .tag{left:9px;top:9px;font-size:7px;padding:5px}.product-info h3{font-size:23px}.product-info .detail{font-size:9px}.story{grid-template-columns:1fr}.story-image img{height:390px}.story-copy{padding:50px 7%}.story-copy h2{font-size:46px}.guide-grid{grid-template-columns:1fr;gap:27px}.guidance{text-align:left}.guidance h2{margin-bottom:30px}.guide-grid h3{font-size:28px;margin:10px 0}.footer-top{flex-wrap:wrap}.footer-top>p{font-size:24px}.footer-top>div{width:100%;margin-top:15px}.footer-bottom{flex-wrap:wrap;gap:15px;font-size:8px}dialog{padding:30px 23px}#product-detail{grid-template-columns:1fr;gap:25px}#product-detail>img{height:290px}#product-detail h2{font-size:36px}#toast{width:86%;text-align:center}.collection-note{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* WordPress and WooCommerce */
.skip-link{position:fixed;left:20px;top:-100px;background:var(--ink);color:white;padding:15px;z-index:99999}.skip-link:focus{top:20px}.nav-menu,.footer-menu{list-style:none;margin:0;padding:0;display:flex;gap:28px}.nav-menu .sub-menu{display:none;position:absolute;list-style:none;background:var(--bg);padding:20px;z-index:20;min-width:150px;box-shadow:0 5px 20px #0002}.nav-menu li:hover>.sub-menu,.nav-menu li:focus-within>.sub-menu{display:grid;gap:16px}.footer-menu{display:grid;gap:15px}.cart-link{display:flex;align-items:center;gap:8px;padding:8px}.header-actions .cart-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4}.header-actions #menu-toggle{display:none}.custom-logo{max-width:220px;max-height:65px;width:auto;object-fit:contain}#site-search{padding:30px 7%;border-bottom:1px solid var(--line)}#site-search label{display:block;margin-bottom:12px;font-size:12px}#site-search form>div{display:flex;gap:15px}#product-search{flex:1;min-width:0;background:transparent;border:1px solid var(--line);padding:15px}.page-content h1{font:54px 'Cormorant Garamond',Georgia,serif;margin-bottom:30px}.page-content article{margin-bottom:35px}.entry-content p{line-height:1.9;margin:0 0 20px}.entry-content h2,.entry-content h3{margin:30px 0 20px}.entry-content a{ text-decoration:underline}.entry-content img{height:auto;max-width:100%}.page-content{min-height:55vh}.footer-top>p{max-width:300px}.woocommerce .products ul,.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:35px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none;width:auto;margin:0}.woocommerce ul.products li.product a img{aspect-ratio:3/4;object-fit:cover}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:27px 'Cormorant Garamond',Georgia,serif;color:var(--ink)}.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--rust)}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--ink);color:var(--bg);padding:16px 22px;border-radius:0;font-size:12px;font-weight:500;line-height:1.4;display:inline-block}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--rust);color:white}.woocommerce button.button.alt.disabled{background:#75695d}.woocommerce span.onsale{background:var(--rust);border-radius:0;min-height:0;line-height:1.5;padding:8px}.woocommerce div.product .product_title{font-size:55px}.woocommerce div.product .woocommerce-product-details__short-description{line-height:1.9;margin:20px 0}.woocommerce div.product form.cart{margin:30px 0}.woocommerce input.input-text,.woocommerce textarea,.woocommerce select,.colorfoli-contact input,.colorfoli-contact textarea{background:#fffaf3;border:1px solid var(--line);padding:13px;color:var(--ink);border-radius:0;max-width:100%}.woocommerce .quantity .qty{width:75px;padding:16px}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border-color:var(--line)}.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--bg)}.woocommerce-message,.woocommerce-info{border-top-color:var(--rust);background:#ece5d9;color:var(--ink)}.woocommerce-message::before,.woocommerce-info::before{color:var(--rust)}.woocommerce table.shop_table{border-radius:0;border-color:var(--line)}.woocommerce #payment{background:#eee7dc}.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}.woocommerce-MyAccount-navigation li{padding:15px;border-bottom:1px solid var(--line)}.woocommerce-MyAccount-navigation .is-active{color:var(--rust)}.wc-block-components-button{border-radius:0!important}.colorfoli-contact{max-width:720px;margin-top:30px}.colorfoli-contact label{display:block;font-size:12px;margin-bottom:22px}.colorfoli-contact input:not([type=checkbox]),.colorfoli-contact textarea{display:block;width:100%;margin-top:9px}.colorfoli-contact .consent{display:flex;gap:10px;align-items:start;line-height:1.8}.colorfoli-contact .consent input{margin-top:5px}.colorfoli-contact .hp-field{position:absolute;left:-9999px}.colorfoli-feedback{padding:15px;border-left:3px solid var(--rust);background:#ede5d8;margin:20px 0}.woocommerce .woocommerce-breadcrumb{margin-bottom:30px}.page-content .wp-block-woocommerce-checkout,.page-content .wp-block-woocommerce-cart{margin-top:30px}.page-content .wp-block-woocommerce-checkout img,.page-content .wp-block-woocommerce-cart img{width:auto}.entry-content .woocommerce img{width:auto}.shop-content .woocommerce-result-count{font-size:12px}.entry-content table{max-width:100%}.product-grid .product-photo img{width:100%;height:auto}.shop-content h1{font:52px 'Cormorant Garamond',Georgia,serif}
@media(max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.header-actions #menu-toggle{display:flex;font-size:22px;padding:8px}.site-header{position:relative}.site-header nav.mobile-open{display:flex;flex-direction:column;gap:22px;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:25px 7%;z-index:30;border-bottom:1px solid var(--line)}.nav-menu{flex-direction:column;gap:22px}.nav-menu .sub-menu{position:static;box-shadow:none;margin-top:15px}.custom-logo{max-width:145px;max-height:50px}.brand span{font-size:29px}.header-actions{gap:0}.header-actions button,.cart-link{padding:7px}#site-search form>div{display:block}#product-search{width:100%}#site-search .button{margin-top:12px;width:100%}.woocommerce div.product .product_title{font-size:40px}.woocommerce ul.products{gap:15px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:24px}.woocommerce div.product div.images img{height:auto}.page-content h1{font-size:42px}.woocommerce .woocommerce-ordering{float:none;display:block;margin:20px 0}.woocommerce .woocommerce-result-count{float:none}.woocommerce table.shop_table{font-size:12px}.shop-content h1{font-size:42px}}