/* TOIT LIBRE / ROAD CLUB — 2026 V2
   Original creative direction: warm grocery-brand energy, motorcycle-workshop type,
   alpine outdoor editorial scale, surf-zine ephemera. Uses no third-party brand assets.
*/
:root{--tlr-orange:#e9652b;--tlr-paper:#fff2de;--tlr-stone:#eee6d8;--tlr-ink:#23241f;--tlr-cream:#fff8ef;--tlr-yellow:#f5d90a;--tlr-olive:#394b3c;--tlr-brown:#572a1d;--tlr-blue:#33515a}
.tlr{background:var(--tlr-paper);color:var(--tlr-ink);font-family:Arial,Helvetica,sans-serif}
.tlr .tlr-container{max-width:1400px}
.tlr .tlr-kicker{font-size:12px;letter-spacing:1.2px;gap:15px}
.tlr .tlr-kicker span{background:var(--tlr-yellow);color:#2c281c;padding:6px 10px;transform:rotate(-1.5deg)}
.tlr h1,.tlr h2,.tlr h3,.tlr h4{font-family:Impact,'Arial Narrow','Arial Black',Arial,sans-serif;font-stretch:condensed;letter-spacing:-.018em!important}
.tlr h2{font-size:clamp(42px,6.5vw,99px)!important;line-height:.97!important;letter-spacing:-.026em!important;margin:27px 0 33px!important}
.tlr h2 em,.tlr .tlr-page-hero h1 span{color:var(--tlr-orange)}
.tlr .tlr-deck{font-size:clamp(17px,1.5vw,21px);max-width:870px;color:#4e5248}
.tlr .tlr-btn{background:var(--tlr-orange);border-color:var(--tlr-orange);border-radius:999px;font-family:Arial,Helvetica,sans-serif;font-size:12px;padding:17px 26px;box-shadow:0 4px 0 rgba(36,28,19,.18);transition:transform .18s ease,box-shadow .18s ease}
.tlr .tlr-btn:hover{transform:translateY(-3px);box-shadow:0 7px 0 rgba(36,28,19,.16)}
.tlr .tlr-btn-ghost{color:#27291f!important;border:2px solid #26251e;background:var(--tlr-yellow);box-shadow:0 4px 0 rgba(36,28,19,.2)}
.tlr .tlr-btn-outline{background:transparent;border-color:currentColor;box-shadow:none;color:var(--tlr-ink)!important}
.tlr .tlr-link{color:#9b381a!important;text-decoration:underline!important;text-underline-offset:4px}
.tlr .tlr-link-light{color:var(--tlr-yellow)!important}
/* Global custom navigation: bright but dependable ecommerce behavior */
#tlr-sitehead{background:var(--tlr-paper);box-shadow:0 2px 0 rgba(38,41,31,.14);border-bottom:1px solid #e9dfc6}
#tlr-sitehead .tlr-topbar{background:var(--tlr-orange);color:var(--tlr-ink);font-size:11px;letter-spacing:1px;padding-top:8px;padding-bottom:8px}
#tlr-sitehead .tlr-topbar span:first-child{color:var(--tlr-ink)}
#tlr-sitehead .tlr-nav-wrap{min-height:96px}
#tlr-sitehead .tlr-wordmark{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:38px;letter-spacing:-.045em;color:var(--tlr-ink)!important}
#tlr-sitehead .tlr-wordmark>span{color:var(--tlr-orange)}
#tlr-sitehead .tlr-wordmark small{font-family:Arial,sans-serif;color:#735b42;font-size:9px;letter-spacing:1.6px}
#tlr-sitehead .tlr-nav>a{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.45px;font-weight:900;color:var(--tlr-ink)!important}
#tlr-sitehead .tlr-nav>a:hover{color:#a73c19!important;text-decoration:underline!important;text-underline-offset:7px!important}
#tlr-sitehead .tlr-garage,#tlr-sitehead .tlr-top-cta{border:2px solid var(--tlr-ink);border-radius:99px;padding:13px 18px;font-weight:900}
#tlr-sitehead .tlr-garage{background:transparent;color:var(--tlr-ink)!important}
#tlr-sitehead .tlr-top-cta{background:var(--tlr-yellow);color:var(--tlr-ink)!important;border-color:var(--tlr-ink)}
#tlr-sitehead .tlr-toggle{border:2px solid var(--tlr-ink);border-radius:50%;width:45px;height:45px;padding:0;display:none;align-items:center;justify-content:center}
#tlr-sitehead .tlr-mobile-nav{background:var(--tlr-olive)}
#tlr-sitehead .tlr-mobile-nav a{border-bottom:1px solid rgba(255,255,255,.25)}
#tlr-sitehead .tlr-mobile-nav a:last-child{color:var(--tlr-yellow)!important}
/* Signature hero: editorial full-bleed photo + warm playful headline */
.tlr .tlr-hero{grid-template-columns:51% 49%;min-height:690px;background:var(--tlr-paper)}
.tlr .tlr-hero .tlr-inner{color:var(--tlr-ink);position:relative;isolation:isolate;background-color:var(--tlr-paper);background-image:radial-gradient(#e4c9a6 1px,transparent 1px);background-size:25px 25px;padding-top:95px;padding-bottom:52px}
.tlr .tlr-hero .tlr-inner:before{content:'*';position:absolute;top:26px;right:5%;z-index:-1;color:var(--tlr-yellow);font-family:Impact,Arial,sans-serif;font-size:clamp(100px,18vw,270px);transform:rotate(-13deg);-webkit-text-stroke:2px var(--tlr-ink);line-height:1}
.tlr .tlr-hero .tlr-flag{position:relative;z-index:1;font-size:11px;font-weight:900;color:#6c5032;letter-spacing:.8px;display:inline-block;background:var(--tlr-yellow);padding:10px 12px;width:max-content;max-width:100%;transform:rotate(-2deg)}
.tlr .tlr-hero h1{font-family:Impact,'Arial Narrow','Arial Black',Arial,sans-serif;color:var(--tlr-ink)!important;font-size:clamp(66px,7.8vw,136px)!important;line-height:.87!important;letter-spacing:-.045em!important;margin:32px 0!important;position:relative;z-index:1}
.tlr .tlr-hero h1 em{color:var(--tlr-orange);font-style:normal;white-space:nowrap}
.tlr .tlr-hero .tlr-lead{color:#443f31;font-size:clamp(17px,1.5vw,21px);font-weight:550;line-height:1.55;max-width:590px}
.tlr .tlr-hero .tlr-buttons{margin-top:26px;gap:12px}
.tlr .tlr-hero-foot{border-top:2px solid rgba(72,58,42,.25);color:#70553c;font-size:10px;margin-top:auto;padding-top:22px}
.tlr .tlr-hero-photo{min-height:690px;background-position:52% center}
.tlr .tlr-hero-photo:after{background:linear-gradient(0deg,rgba(7,17,11,.5),transparent 55%)}
.tlr .tlr-photo-stamp{font-size:clamp(34px,5.1vw,74px);font-family:Impact,'Arial Black',sans-serif;color:var(--tlr-yellow);letter-spacing:.015em;line-height:.91;transform:rotate(-8deg);text-shadow:4px 4px 0 rgba(20,20,18,.65)}
/* Warm playful brand strip inspired by Benebono's accessible friendliness */
.tlr .tlr-trust{background:var(--tlr-yellow);border-top:3px solid var(--tlr-ink);border-bottom:3px solid var(--tlr-ink);color:var(--tlr-ink)}
.tlr .tlr-trust-grid>div{border-right:2px solid rgba(35,36,31,.35);padding:28px 23px}
.tlr .tlr-trust-grid b{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:19px;letter-spacing:.4px;margin-bottom:7px}
.tlr .tlr-trust-grid span{font-size:14px;font-weight:650}
/* Original editorial manifesto for the Road Club */
.tlr .tlr-manifesto{background:var(--tlr-olive);color:#ffefd7;padding:86px 0;position:relative;overflow:hidden}
.tlr .tlr-manifesto:after{content:'✺';position:absolute;right:-40px;top:30px;font-size:380px;line-height:1;color:rgba(245,217,10,.14);transform:rotate(12deg);pointer-events:none}
.tlr .tlr-manifesto-grid{display:grid;grid-template-columns:1fr .85fr;gap:60px;align-items:center;position:relative;z-index:1}
.tlr .tlr-manifesto h2{color:#fff7e9!important;font-size:clamp(48px,7vw,100px)!important;margin:10px 0 24px!important;line-height:.93!important}
.tlr .tlr-manifesto h2 em{color:var(--tlr-yellow)}
.tlr .tlr-manifesto .tlr-manifesto-lead{font-family:Georgia,serif;font-size:clamp(21px,2.2vw,30px);line-height:1.5;color:#fff4df}
.tlr .tlr-manifesto-points{display:grid;gap:12px}
.tlr .tlr-manifesto-points article{padding:20px 23px;background:#fff8e8;border-left:7px solid var(--tlr-orange);display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;transform:rotate(-1deg)}
.tlr .tlr-manifesto-points article:nth-child(2){transform:rotate(1deg);border-left-color:var(--tlr-yellow)}
.tlr .tlr-manifesto-points article:nth-child(3){transform:rotate(-.5deg)}
.tlr .tlr-manifesto-points b{font-family:Impact,sans-serif;font-size:34px;color:var(--tlr-orange)}
.tlr .tlr-manifesto-points span{color:#332e23;font-weight:800;line-height:1.5;font-size:14px}
/* Morex/Deus editorial geometry without copying either site's layout */
.tlr .tlr-brands{background:#fff7eb;border-bottom:2px solid var(--tlr-ink)}
.tlr .tlr-brands .tlr-marquee{background:#fff7e7;border-top:2px solid #2b3027;border-bottom:2px solid #2b3027;padding:20px 0;font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(32px,4vw,60px);letter-spacing:.01em}
.tlr .tlr-config{background:#e7e7d9}
.tlr .tlr-panel{background:var(--tlr-cream);border-radius:17px;border:2px solid rgba(32,36,27,.16)}
.tlr .tlr-panel-dark{background:var(--tlr-olive);color:#f6f4ed;border-color:var(--tlr-olive)}
.tlr .tlr-panel-dark h3{color:#fff!important}
.tlr .tlr-vehicle-picks button,.tlr .tlr-roof-picks button{border-radius:10px;background:#fffdfa;padding:15px;min-height:50px}
.tlr .tlr-vehicle-picks button.is-selected,.tlr .tlr-roof-picks button.is-selected{border-color:var(--tlr-orange);background:#fff0d6;box-shadow:inset 0 0 0 1px var(--tlr-orange)}
.tlr .tlr-config-result{background:#fff0d6;border-radius:12px;border-left:6px solid var(--tlr-orange)}
.tlr .tlr-config-result>b{color:#9e3d19}
.tlr .tlr-weight-diagram>div{background:#26382c;border-top:5px solid var(--tlr-yellow);border-radius:9px}
.tlr .tlr-weight-diagram .tlr-big{color:var(--tlr-yellow)}
.tlr .tlr-weight-diagram strong{color:#fff2a4}
.tlr .tlr-alert{background:#27382d;border:1px solid #d9bf81;border-radius:10px;color:#fff1db}
.tlr .tlr-pillar-section{background:#fff6e6}
.tlr .tlr-pillar{min-height:400px;border-radius:18px;overflow:hidden}
.tlr .tlr-pillar>div{padding:32px}
.tlr .tlr-pillar h3{font-size:clamp(35px,3.1vw,55px)!important}
.tlr .tlr-pillar b{color:var(--tlr-yellow)}
.tlr .tlr-compare-section{background:#f1eee4}
.tlr .tlr-compare-controls select{border-radius:8px!important;background:#fff9ef}
.tlr .tlr-club-section{background:#252723}
.tlr .tlr-club-tokens article{border-radius:10px;background:#353b32}
.tlr .tlr-club-tokens b{color:var(--tlr-yellow)}
.tlr .tlr-card-card{border-radius:17px;overflow:hidden;box-shadow:14px 16px 0 var(--tlr-yellow)}
.tlr .tlr-card-front{background:linear-gradient(125deg,#d4a361,#b27b43);color:#2f271c}
.tlr .tlr-card-fields input{border-radius:7px}
.tlr .tlr-setups-section{background:#fff6e7}
.tlr .tlr-setup{border-radius:16px;overflow:hidden;border:1px solid #e0d3bd;box-shadow:0 9px 0 #e7dfd1}
.tlr .tlr-setup-img span{background:var(--tlr-yellow);color:#242320;border-radius:99px;padding:9px 14px}
.tlr .tlr-setup-body{padding:25px}
.tlr .tlr-setup h3{font-size:clamp(27px,2.3vw,36px)!important}
.tlr .tlr-process{background:var(--tlr-paper)}
.tlr .tlr-process article{border-top:6px solid var(--tlr-orange);border-radius:11px}
.tlr .tlr-process article:nth-child(2){border-top-color:var(--tlr-yellow)}
.tlr .tlr-process article:nth-child(3){border-top-color:var(--tlr-olive)}
.tlr .tlr-zine{background:#e9e4d5}
.tlr .tlr-zine-card{border-radius:16px;overflow:hidden;box-shadow:0 5px 0 rgba(25,29,21,.12)}
.tlr .tlr-zine-pic{height:290px}
.tlr .tlr-zine-card h3{font-size:27px!important}
.tlr .tlr-end{background:var(--tlr-orange);color:#221f19;border-top:7px solid var(--tlr-yellow)}
.tlr .tlr-end h2{color:#211c17!important}
.tlr .tlr-end h2 em{color:#fff7e6}
.tlr .tlr-end .tlr-btn{background:#23251e;border-color:#23251e;color:#fff!important}
.tlr .tlr-page-hero{background:var(--tlr-olive);position:relative;overflow:hidden}
.tlr .tlr-page-hero:after{content:'TOIT LIBRE';position:absolute;right:-5%;bottom:-5%;font-family:Impact,sans-serif;font-size:clamp(80px,13vw,210px);color:rgba(255,255,255,.045);white-space:nowrap;pointer-events:none}
.tlr .tlr-page-hero h1 span{color:var(--tlr-yellow)}
.tlr .tlr-longread{background:var(--tlr-paper)}
.tlr .tlr-longread p{font-size:19px;line-height:1.82}
/* Supplementary style for existing WoodMart native footer */
footer.wd-footer{background:#26362b!important}
footer.wd-footer .tl-footer26{background:#26362b!important}
footer.wd-footer .tl-footer26 .brand em{color:var(--tlr-yellow)!important}
footer.wd-footer .tl-footer26 .subhead{color:var(--tlr-yellow)}
footer.wd-footer a:hover{color:var(--tlr-yellow)!important}
/* Accessibility: focus remains visible through bold color themes */
.tlr :focus-visible,#tlr-sitehead :focus-visible{outline:3px solid #194cba!important;outline-offset:4px}
@media(min-width:1201px) and (max-width:1350px){#tlr-sitehead .tlr-nav{gap:12px}#tlr-sitehead .tlr-nav>a{font-size:11px}}
@media(max-width:1200px){#tlr-sitehead .tlr-toggle{display:flex}}
@media(max-width:950px){.tlr .tlr-hero{grid-template-columns:1fr}.tlr .tlr-hero .tlr-inner{min-height:580px;padding:80px 28px 55px}.tlr .tlr-hero-photo{min-height:370px}.tlr .tlr-manifesto-grid{grid-template-columns:1fr;gap:35px}.tlr .tlr-manifesto:after{font-size:260px}.tlr .tlr-trust-grid{grid-template-columns:repeat(2,1fr)}.tlr .tlr-trust-grid>div:nth-child(2){border-right:0}}
@media(max-width:650px){#tlr-sitehead .tlr-nav-wrap{min-height:75px}#tlr-sitehead .tlr-wordmark{font-size:29px}#tlr-sitehead .tlr-garage{font-size:9px;padding:11px 10px}#tlr-sitehead .tlr-toggle{width:41px;height:41px}.tlr .tlr-hero .tlr-inner{padding:70px 20px 40px;min-height:510px}.tlr .tlr-hero h1{font-size:clamp(57px,12vw,82px)!important}.tlr .tlr-hero .tlr-flag{font-size:9px;white-space:normal}.tlr .tlr-hero .tlr-lead{font-size:16px}.tlr .tlr-hero .tlr-buttons{display:grid;align-items:stretch}.tlr .tlr-hero .tlr-buttons .tlr-btn{text-align:center}.tlr .tlr-hero-photo{min-height:280px}.tlr .tlr-trust-grid>div{padding:18px 15px}.tlr .tlr-trust-grid b{font-size:15px}.tlr .tlr-trust-grid span{font-size:11px}.tlr .tlr-manifesto{padding:60px 0}.tlr .tlr-manifesto h2{font-size:clamp(49px,11vw,71px)!important}.tlr .tlr-manifesto-points article{padding:15px;grid-template-columns:34px 1fr}.tlr .tlr-manifesto-points b{font-size:27px}.tlr .tlr-manifesto-points span{font-size:12px}.tlr .tlr-zine-pic{height:225px}}
@media(prefers-reduced-motion:reduce){.tlr .tlr-btn,.tlr .tlr-pillar,.tlr .tlr-zine-card,.tlr .tlr-setup{transition:none!important}}