/*
Theme Name: The Traders Lounge
Description: Dark showroom block theme with editable Buy, Sell and Trade panels.
Version: 1.0.1
Author: The Traders Lounge
Text Domain: the-traders-lounge
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
body{margin:0}.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0}
.tl-header{padding:24px 3.2vw;border-bottom:1px solid #ffffff30}
.tl-mark{border:1px solid #ddd;padding:7px 10px;font-size:25px!important;font-weight:800;letter-spacing:-3px}
.tl-name{letter-spacing:4px;font-size:12px!important}
.tl-panels{display:flex!important;gap:0!important;margin:0!important}
.tl-panel{flex:1!important;min-width:0!important;position:relative;transition:flex .6s; border-right:1px solid #ffffff30}
.tl-panel:hover,.tl-panel:focus-within{flex:1.18!important}
.tl-cover{min-height:calc(100svh - 95px)!important;padding:45px 3vw 35px!important;align-items:stretch!important}
.tl-cover .wp-block-cover__inner-container{display:flex;flex-direction:column;justify-content:space-between}
.tl-cover .wp-block-cover__image-background{object-position:center 64%!important}
.tl-cover h1,.tl-cover h2{font-size:clamp(50px,6.8vw,112px)!important;font-weight:900;letter-spacing:-.06em;line-height:.95;margin:20px 0}
.tl-cover p{font-size:13px;letter-spacing:1px;line-height:1.8}
.tl-kicker{font-size:9px!important;letter-spacing:3px!important;color:#dfc8a8}
.tl-cover .wp-block-button__link{font-size:9px;letter-spacing:2px;border:1px solid #bbb;background:#0005;border-radius:0;padding:17px 18px}
.tl-cover .wp-block-button__link:hover{background:#fff;color:#111}
.tl-footer{padding:24px 3vw;border-top:1px solid #ffffff30;color:#aaa;font-size:10px;letter-spacing:2px}
.tl-about{padding:70px 6vw}
@media(max-width:750px){.tl-panels{display:block!important}.tl-cover{min-height:78svh!important;padding:35px 7vw!important}.tl-panel{border-right:0;border-bottom:1px solid #555}.tl-cover h1,.tl-cover h2{font-size:76px!important}.tl-name{font-size:9px!important;letter-spacing:2px}.tl-header{padding:20px}.tl-header .wp-block-navigation{font-size:11px}}
@media(prefers-reduced-motion:reduce){.tl-panel{transition:none}}

/* Explicit scene sizing for both the site and the WordPress editor. */
.tl-panels{width:100%!important;max-width:none!important;align-items:stretch!important}
.tl-panels>.tl-panel{flex-basis:0!important;width:33.333%!important;margin:0!important}
.tl-scene{position:relative;isolation:isolate;min-height:calc(100svh - 100px);width:100%!important;max-width:none!important;overflow:hidden;margin:0!important}
.tl-scene>.wp-block-image{position:absolute!important;inset:0!important;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;z-index:-2}
.tl-scene>.wp-block-image img{width:100%!important;height:100%!important;object-fit:cover;object-position:center 64%;display:block}
.tl-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0009,transparent 50%,#0005);z-index:-1;pointer-events:none}
.tl-content{min-height:calc(100svh - 100px);padding:45px 3vw 35px;display:flex;flex-direction:column;justify-content:space-between;position:relative;width:100%;margin:0!important}
.tl-content h1,.tl-content h2{font-size:clamp(48px,6.2vw,105px);font-weight:900;letter-spacing:-.06em;line-height:1;margin:20px 0;white-space:nowrap}
.tl-content p{font-size:13px;line-height:1.8;letter-spacing:1px}
.tl-content .wp-block-button__link{font-size:9px;letter-spacing:2px;border:1px solid #aaa;background:#0005;border-radius:0;padding:17px 18px}
.tl-content .wp-block-button__link:hover{background:white;color:#111}
.tl-content .wp-block-buttons{margin-top:auto;padding-top:30px}
.editor-styles-wrapper .tl-scene>.wp-block-image{z-index:0}
.editor-styles-wrapper .tl-content{z-index:1}
.editor-styles-wrapper .tl-scene:after{z-index:0}
@media(max-width:750px){.tl-panels>.tl-panel{width:100%!important;flex-basis:auto!important}.tl-scene,.tl-content{min-height:78svh}.tl-content{padding:35px 7vw}.tl-content h1,.tl-content h2{font-size:76px}}