/*
Theme Name: Black Heroes Books
Author: Black Heroes Books
Description: Collection bilingue illustrée avec lecteur d’extraits et boutique WooCommerce.
Version: 1.0.0
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: blackheroes-books
*/
:root{--ink:#192c2a;--cream:#f7f3e9;--gold:#d7ac61;--red:#682a26;--line:#d9d5c9;--muted:#626b62}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c98533;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(44px,5.4vw,84px)}h2{font-size:clamp(36px,4vw,62px)}h3{font-family:Georgia,serif;font-size:27px;line-height:1.25;font-weight:400}em{font-weight:400;color:#ac7d39}p{margin-bottom:22px} .section-pad{padding:100px max(6vw,24px)}.eyebrow{font-size:10px;letter-spacing:.18em;line-height:1.6;font-weight:600;text-transform:uppercase}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:20}.brand{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:bold;line-height:1.2;letter-spacing:.13em}.brand-sub{display:block;font-size:10px;letter-spacing:.48em;margin-top:5px}.brand-symbol{font-family:Georgia,serif;font-size:39px;letter-spacing:-.16em;color:var(--red);line-height:1}.brand-symbol span{color:#b38c4b}.site-header nav{display:flex;gap:35px;font-size:13px}.site-header nav a:hover,.detail-link:hover{text-decoration:underline;text-underline-offset:6px}.header-right{display:flex;gap:11px;font-size:11px;letter-spacing:.05em;align-items:center}.language{color:#73796d}.language.active{color:var(--ink);border-bottom:1px solid var(--ink);font-weight:bold}.hero{min-height:740px;position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:65px 6vw 110px;overflow:hidden}.hero-copy{position:relative;z-index:3}.hero-copy .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:26px;font-size:9px}.gold-line{display:inline-block;width:27px;height:1px;background:#bd934e}.hero h1{margin-bottom:28px}.hero-description{max-width:420px;color:var(--muted);font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--ink);color:white;padding:15px 23px;font-size:12px;border:1px solid transparent;border-radius:2px;line-height:1.5;transition:background .2s,transform .2s}.btn:hover{background:#304a40;transform:translateY(-2px)}.btn.gold{background:var(--gold);color:#242f26}.btn.gold:hover{background:#e5c185}.text-btn{background:none;border:0;border-bottom:1px solid #c9c8bc;font-size:12px;padding:9px 0;display:inline-flex;gap:18px}.hero-caption{font-size:8px;letter-spacing:.18em;color:#7b8173;margin:38px 0 0}.hero-art{position:relative;height:560px;perspective:1500px}.hero-art:before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(ellipse,#e1cba59c,transparent 68%);left:0;top:10px}.orbit{position:absolute;border:1px solid #d8cdb8;border-radius:50%;width:490px;height:490px;top:25px;left:0}.orbit-two{width:390px;height:390px;left:50px;top:75px}.hero-book{border:0;background:none;padding:0;position:absolute;box-shadow:15px 25px 30px #29291938;transform-style:preserve-3d;transition:filter .3s}.hero-book:after{content:'';position:absolute;right:-5px;top:2px;width:5px;height:calc(100% - 4px);background:repeating-linear-gradient(#ede9dc,#ede9dc 1px,#bdb8aa 2px);transform:skewY(35deg);transform-origin:left}.hero-book img{width:100%;border-radius:1px 3px 3px 1px}.book-main{width:260px;left:132px;top:35px;transform:rotate(-7deg) rotateY(-10deg);z-index:3}.book-back{width:200px;left:5px;top:217px;transform:rotate(-16deg);z-index:1}.book-small{width:185px;left:335px;top:245px;transform:rotate(13deg);z-index:4}.hero-book:hover{filter:brightness(1.07)}.hero-spark{position:absolute;color:#a67a39;font-size:44px}.spark-one{left:30px;top:70px}.spark-two{right:0;bottom:45px;font-size:25px}.edition-stamp{position:absolute;bottom:3px;left:170px;text-align:center;letter-spacing:.12em;font-size:15px}.edition-stamp span{color:#bb944d;padding:0 12px}.edition-stamp small{display:block;font-size:7px;letter-spacing:.21em;margin-top:5px}.scroll-note{position:absolute;bottom:32px;left:6vw;font-size:10px;letter-spacing:.08em;color:#6b7367}.values-strip{display:flex;justify-content:space-evenly;align-items:center;background:var(--ink);color:#e6d5b0;padding:22px 5vw;font-size:10px;letter-spacing:.25em}.values-strip i{font-size:18px;font-style:normal;color:var(--gold)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:330px;font-size:14px;color:var(--muted);margin:0 0 7px;line-height:1.9}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.book-display{height:390px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.display-grand{background:#e7ded0}.display-petit{background:#dbe7df}.display-coloriage{background:#ece4cf}.book-index{position:absolute;top:20px;left:22px;font-family:Georgia,serif;font-size:15px;color:#7d8173}.cover-button{border:0;background:none;padding:0;max-width:58%;max-height:75%;transition:transform .35s;box-shadow:10px 15px 20px #25281638;transform:rotate(-5deg)}.cover-button img{max-height:290px;width:auto}.display-petit .cover-button{max-width:72%;transform:rotate(4deg)}.display-coloriage .cover-button{transform:rotate(5deg)}.cover-button:hover{transform:rotate(0) translateY(-8px)}.preview-pill{position:absolute;bottom:18px;right:18px;border:0;border-radius:20px;padding:8px 14px;background:#fffaf1e8;color:var(--ink);font-size:10px}.book-info{padding:27px 0}.book-info .eyebrow{font-size:8px;color:#876831;margin-bottom:10px}.book-info h3{font-size:26px;min-height:65px;margin-bottom:16px}.book-info p{font-size:13px;color:var(--muted);line-height:1.8;min-height:94px}.book-info small{font-size:10px;color:#777b70}.book-bottom{margin-top:20px;padding-top:17px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.book-bottom strong{font-size:19px;font-weight:400}.detail-link{font-size:11px}.collection-note{text-align:center;font-size:11px;color:var(--muted);margin:35px 0 0}.inside{background:#eae5d8;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:8vw;overflow:hidden}.inside-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px}.inside-art img{width:46%;box-shadow:6px 10px 25px #17282025;transform:rotate(-9deg)}.inside-art img+img{transform:rotate(8deg);margin-left:-20px;position:relative;top:20px}.inside-copy p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9;max-width:410px}.excerpt-note{display:block;font-size:10px;color:var(--muted);margin-top:15px}.mission{background:var(--red);color:#f5e9d8;display:grid;grid-template-columns:1.2fr 1fr;gap:8vw}.mission em{color:#e2b776}.mission h2{font-size:clamp(35px,3.8vw,58px);margin:0}.mission .eyebrow{color:#dec39a}.mission-copy{padding-top:45px}.mission-copy p{font-size:14px;line-height:1.95;color:#e4d0bc}.signature{font-family:Georgia,serif;font-style:italic;font-size:24px;display:block;margin-top:35px;color:#e5bb7c}.rituals{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;border-bottom:1px solid var(--line);padding-top:70px;padding-bottom:70px}.rituals>div>span{font-size:11px;color:#9c7945;display:block;margin-bottom:25px}.rituals h3{font-size:28px;margin-bottom:15px}.rituals p{font-size:13px;color:var(--muted);max-width:280px;margin:0}.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw}.faq details{border-bottom:1px solid var(--line);padding:24px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:14px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#9d743e;font-size:20px;line-height:1}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;color:var(--muted);line-height:1.9;margin:20px 25px 0 0}.closing{text-align:center;background:var(--ink);color:var(--cream);padding:85px 20px 90px}.closing h2{margin-bottom:35px}.closing em{color:#d9b376}.closing .eyebrow{color:#c9bf9e}.site-footer{padding:50px 6vw 25px}.footer-brand{font-size:13px;letter-spacing:.15em;font-weight:bold}.site-footer>p{font-family:Georgia,serif;font-size:18px;margin:10px 0 35px;color:#6e7365}.site-footer>div{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:9px;color:#74796d}.skip{position:absolute;left:15px;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}dialog{border:0;padding:24px 30px 16px;background:var(--cream);color:var(--ink);max-width:950px;width:95vw;max-height:95dvh;border-radius:4px;box-shadow:0 10px 80px #0005}dialog::backdrop{background:#13211dea;backdrop-filter:blur(5px)}.reader-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.reader-top .eyebrow{font-size:8px;color:#917240}.reader-top h2{font-size:22px;letter-spacing:-.025em;margin:6px 0 16px}.icon-btn{background:none;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;flex-shrink:0;color:var(--ink)}.reader-stage{background:#e5e0d5;display:flex;align-items:center;justify-content:center;padding:12px;height:65dvh;min-height:200px}.reader-stage img{height:100%;width:100%;object-fit:contain}.reader-controls{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:15px}.reader-controls .btn{padding:8px 14px;font-size:11px}.btn.outline{background:transparent;color:var(--ink);border:1px solid #b9bcac}.btn:disabled{opacity:.35;cursor:default;transform:none}#page-count{font-size:11px}.reader-note{text-align:center;font-size:9px;margin:13px 0 0;color:var(--muted)}body.reader-open{overflow:hidden}.woo-main{min-height:60vh}.woocommerce div.product .product_title{font-family:Georgia,serif;font-size:clamp(32px,4vw,54px);font-weight:400;line-height:1.1}.woocommerce div.product p.price{color:var(--red);font-size:25px}.woocommerce div.product form.cart .button,.woocommerce a.button,.woocommerce button.button{background:var(--ink);color:var(--cream);border-radius:2px;padding:15px 20px}.woocommerce .woocommerce-breadcrumb{font-size:11px;margin-bottom:35px}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none;border:0}.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:none}.woocommerce div.product .woocommerce-tabs ul.tabs:before{border-color:var(--line)}.woocommerce .product_meta{font-size:11px;color:var(--muted);margin-top:20px}.woocommerce .sale-note{font-size:13px;color:var(--red);margin-top:20px}.woocommerce span.onsale{background:var(--red)}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:Georgia,serif;font-size:24px;line-height:1.2}.woocommerce ul.products li.product .price{color:var(--red)}.woocommerce div.product div.images img{max-height:680px;width:100%;object-fit:contain}.content-page{min-height:60vh}.content-page h1{font-size:48px}
@media(min-width:1500px){.hero{max-width:1600px;margin:auto}.hero-art{margin-left:40px}}@media(max-width:1100px){.hero{min-height:660px}.hero-art{transform:scale(.78);transform-origin:left center;width:520px;margin-right:-120px}.hero h1{font-size:59px}.hero-copy .eyebrow{font-size:8px}.book-display{height:320px}.book-info h3{font-size:23px;min-height:85px}.book-info p{min-height:120px}.hero-actions{gap:15px}.hero-actions .btn{padding:14px 16px}.hero-actions .text-btn{font-size:11px}}@media(max-width:760px){.site-header{height:80px;padding:0 22px}.site-header nav{display:none}.brand{font-size:11px}.brand-symbol{font-size:33px}.hero{grid-template-columns:1fr;padding:45px 24px 65px;min-height:0;overflow:hidden}.hero h1{font-size:clamp(44px,9vw,68px);max-width:620px}.hero-description{font-size:14px;max-width:440px}.hero-copy .eyebrow{font-size:8px}.hero-caption{font-size:7px;margin-top:24px}.hero-art{transform:scale(.68);transform-origin:top center;height:390px;margin:30px auto -30px;width:520px;left:calc((100% - 520px)/2)}.scroll-note{bottom:20px;left:24px;font-size:9px}.values-strip{font-size:7px;letter-spacing:.12em;padding:18px 12px}.values-strip i{font-size:12px}.section-pad{padding:65px 24px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:24px;max-width:100%;font-size:13px}.book-grid{grid-template-columns:1fr;gap:25px;max-width:500px;margin:auto}.book-display{height:380px}.book-info h3{min-height:0;font-size:29px}.book-info p{min-height:0}.book-info{padding:24px 0}.book-info small{font-size:11px}.collection-note{line-height:1.8}.inside{grid-template-columns:1fr;gap:45px}.inside-art{min-height:320px;max-width:480px;margin:auto}.inside-art img{max-height:350px;width:47%;object-fit:contain}.inside-copy h2{font-size:38px}.mission{grid-template-columns:1fr;gap:0}.mission-copy{padding-top:30px}.mission h2{font-size:40px}.rituals{grid-template-columns:1fr;gap:34px}.rituals>div>span{margin-bottom:10px}.rituals h3{margin-bottom:8px}.rituals p{max-width:100%}.faq{grid-template-columns:1fr;gap:15px}.faq h2{margin-bottom:25px}.faq summary{font-size:13px}.closing{padding:65px 24px}.closing h2{font-size:38px}.site-footer{padding:35px 24px 20px}.site-footer>div{display:block;line-height:2}.site-footer>div span{display:block}dialog{padding:17px;width:96vw}.reader-top h2{font-size:18px}.reader-stage{height:61dvh}.reader-controls .btn{padding:9px;font-size:10px}.reader-note{font-size:8px}.woo-main{padding-top:40px}.woocommerce div.product .product_title{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.back-link{display:inline-block;font-size:12px;margin-bottom:35px}.product-feature{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.product-cover{padding:50px 25px;display:flex;align-items:center;justify-content:center;min-height:570px}.product-cover .cover-button{max-width:75%;max-height:none;transform:rotate(-3deg)}.product-cover img{max-height:540px;width:auto}.product-description h1{font-size:clamp(36px,3.6vw,58px);margin:18px 0 24px}.product-description>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9}.product-description .product-price{font-size:28px!important;color:var(--red)!important}.edition-choice{margin:25px 0}.edition-choice>span{font-size:11px}.edition-choice>div{display:flex;gap:10px;margin-top:10px}.edition-choice a{padding:9px 18px;border:1px solid var(--line);font-size:12px}.edition-choice a.selected{border-color:var(--ink);background:#e9e7dc}.sale-note{margin:15px 0;color:var(--red)!important;font-size:12px!important}.book-specs{font-size:12px;border-top:1px solid var(--line);margin-top:28px}.book-specs>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;gap:15px}.book-specs dt{color:var(--muted)}.book-specs dd{margin:0;text-align:right}.shipping-note{font-size:11px!important}.more-books{margin-top:90px;padding-top:55px;border-top:1px solid var(--line)}.more-books h2{font-size:40px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.related-grid>a{display:flex;align-items:center;gap:25px;background:#eee9dc;padding:25px}.related-grid img{width:100px;height:135px;object-fit:contain}.related-grid h3{font-size:23px}.related-grid span{font-size:13px}@media(min-width:1101px){.hero h1{font-size:clamp(58px,4.7vw,73px)}}@media(max-width:760px){.product-feature{grid-template-columns:1fr;gap:35px}.product-cover{min-height:390px;padding:35px 20px}.product-cover img{max-height:400px}.related-grid{grid-template-columns:1fr}.related-grid h3{font-size:21px}.product-description h1{font-size:39px}.hero-art{transform:scale(.62);margin-bottom:-65px}}