/*
Theme Name: Genesis Black Trade
Description: Light trade-portal design with black header and footer, for WooCommerce.
Version: 1.3.1
Author: Genesis Black
Requires PHP: 7.4
Text Domain: genesis-black-trade
*/
:root{--bg:#fbfaf7;--bg2:#f3f0ea;--card:#fff;--ink:#17171b;--ink2:#45434a;--muted:#7a7770;--line:#e4dfd5;--gold:#a87a2e;--gold2:#c4954a;--chip:#f1ede5;--black:#0a0a0c}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 Jost,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--gold)}
img{max-width:100%;height:auto}
.gbt-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.gbt-eb{font:500 11px Jost;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3,.gbt-title,.woocommerce-products-header__title,.product_title{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.05;color:var(--ink)}
.gbt-title,.woocommerce-products-header__title{font-size:48px;margin:48px 0 24px}

/* header and footer: black */
.gbt-util{background:var(--black);color:#8d897f;font-size:12.5px;border-bottom:1px solid #222}
.gbt-util .gbt-wrap{display:flex;justify-content:space-between;padding-top:9px;padding-bottom:9px}
.gbt-util b{color:#d8d3c8;font-weight:500}
.gbt-header{position:sticky;top:0;z-index:50;background:var(--black);border-bottom:1px solid #222}
.admin-bar .gbt-header{top:32px}
.gbt-header .gbt-wrap{display:flex;align-items:center;gap:24px;min-height:76px}
.gbt-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.gbt-logo img{height:30px;width:auto}
.gbt-logo span{font:600 23px 'Cormorant Garamond';color:#f2eee6}
.gbt-navwrap{flex:1}
.gbt-nav{list-style:none;display:flex;gap:22px;margin:0;padding:0;white-space:nowrap}
.gbt-nav a{color:#b9b4a9;text-decoration:none;font-size:14px}
.gbt-nav a:hover{color:#fff}
.gbt-actions{display:flex;gap:10px}
.gbt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:6px;font:500 14.5px Jost;letter-spacing:.02em;border:1px solid var(--line);text-decoration:none;color:var(--ink);background:transparent;cursor:pointer;transition:.2s}
.gbt-btn.gold{background:var(--gold);border-color:var(--gold);color:#fff}
.gbt-btn.gold:hover{background:var(--gold2)}
.gbt-btn.ghost:hover{border-color:var(--gold)}
.gbt-btn.wide{width:100%}
.gbt-header .gbt-btn.ghost,.gbt-header .gbt-cart{color:#efebe2;border-color:#3a3833}
.gbt-cart b{color:var(--gold2)}
.gbt-footer{background:var(--black);color:#8d897f;font-size:13px;padding:56px 0 40px;margin-top:0}
.gbt-ftop{display:flex;justify-content:space-between;gap:40px;padding-bottom:28px;border-bottom:1px solid #222;margin-bottom:24px;flex-wrap:wrap}
.gbt-cols{display:flex;gap:56px;flex-wrap:wrap}
.gbt-cols div{display:grid;gap:8px;align-content:start}
.gbt-cols b{color:#efebe2;font-weight:500;margin-bottom:4px}
.gbt-cols a{color:#8d897f;text-decoration:none}
.gbt-cols a:hover{color:#efebe2}
.gbt-legal{margin:0}

/* homepage */
.gbt-hero{background:linear-gradient(180deg,#fbfaf7 0%,#f4f0e8 100%);border-bottom:1px solid var(--line)}
.gbt-hero>.gbt-wrap{display:grid;grid-template-columns:1.25fr .9fr;gap:64px;padding-top:88px;padding-bottom:96px;align-items:center}
.gbt-hero h1{font-size:74px;margin:18px 0 22px}
.gbt-hero h1 em,h2 em{color:var(--gold);font-style:italic}
.gbt-lead{font-size:18px;color:var(--ink2);max-width:540px;font-weight:300}
.gbt-cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.gbt-portal{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:30px;box-shadow:0 30px 60px -30px rgba(0,0,0,.25)}
.gbt-portal h3{font-size:26px;font-weight:600;margin:8px 0 4px}
.gbt-portal p{font-size:13.5px;color:var(--muted);margin:0 0 16px}
.gbt-login label{display:block;font-size:12px;color:var(--ink2);margin:12px 0 6px}
.gbt-login input{width:100%;height:44px;border-radius:6px;border:1px solid var(--line);background:var(--bg);padding:0 12px;font:15px Jost}
.gbt-login .gbt-btn{margin-top:20px}
.gbt-alt{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-top:16px;color:var(--muted)}
.gbt-alt a{text-decoration:none}
.gbt-trust{border-bottom:1px solid var(--line);background:var(--bg2)}
.gbt-trust .gbt-wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.gbt-trust div div,.gbt-trust .gbt-wrap>div{padding:26px 22px;border-left:1px solid var(--line)}
.gbt-trust .gbt-wrap>div:last-child{border-right:1px solid var(--line)}
.gbt-trust small{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.gbt-trust b{font:600 26px 'Cormorant Garamond'}
.gbt-sec{padding:96px 0;border-bottom:1px solid var(--line)}
.gbt-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}
.gbt-head h2{font-size:52px;margin:12px 0 0}
.gbt-head p{max-width:420px;color:var(--ink2);font-size:15px;margin:0}
.gbt-more{text-align:center;margin-top:28px}
.gbt-cats{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.gbt-cat{padding:24px 18px;border-right:1px solid var(--line);background:var(--card);min-height:150px;display:flex;flex-direction:column;gap:10px}
.gbt-cat:last-child{border-right:0}
.gbt-cat .n{font-size:13px;color:var(--muted)}
.gbt-cat b{font:600 20px/1.15 'Cormorant Garamond'}
.gbt-cat .st{margin-top:auto;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.gbt-cat.live .st{color:var(--gold)}
.gbt-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.gbt-steps>div{border-top:2px solid var(--gold);padding-top:22px}
.gbt-steps i{font:italic 500 38px 'Cormorant Garamond';color:var(--gold)}
.gbt-steps h4{font:600 17px Jost;margin:8px 0}
.gbt-steps p{font-size:14.5px;color:var(--ink2);margin:0}
.gbt-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.gbt-panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:36px}
.gbt-panel h3{font-size:30px;font-weight:600;margin:10px 0 14px}
.gbt-panel ul{list-style:none;display:grid;gap:12px;margin:8px 0 0;padding:0}
.gbt-panel li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:15px;color:var(--ink2)}
.gbt-panel li b{color:var(--ink);font-weight:500}
.gbt-panel p{color:var(--ink2);font-size:15px}

/* pages and WooCommerce */
.gbt-page{padding-bottom:80px;min-height:50vh}
.gbt-shop{padding-top:24px}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px;margin:0!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:0 0 18px;overflow:hidden;display:flex;flex-direction:column}
.woocommerce ul.products li.product a img{margin:0 0 14px!important;aspect-ratio:1/0.85;object-fit:contain;background:var(--chip)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:500 15px/1.35 Jost!important;padding:0 18px!important;color:var(--ink)}
.woocommerce ul.products li.product .price{padding:0 18px;margin-top:auto!important;color:var(--ink)!important;font:600 22px 'Cormorant Garamond'!important}
.woocommerce ul.products li.product .button{margin:12px 18px 0!important}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.wc-block-components-button:not(.is-link){background:var(--gold)!important;color:#fff!important;border-radius:6px!important;font:500 14.5px Jost!important;padding:12px 20px!important;border:0!important}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--gold2)!important}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea{border:1px solid var(--line);border-radius:6px;padding:10px 12px;background:#fff;font:15px Jost}
.woocommerce-message,.woocommerce-info{border-top-color:var(--gold)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--gold)!important}
.woocommerce div.product .product_title{font-size:42px}
.woocommerce div.product p.price{color:var(--ink)!important;font:600 28px 'Cormorant Garamond'!important}
#customer_login{gap:40px}
#customer_login .u-column2{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:28px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}

@media (max-width:980px){
  .gbt-navwrap{display:none}
  .gbt-hero>.gbt-wrap,.gbt-split{grid-template-columns:1fr;gap:36px;padding-top:56px;padding-bottom:56px}
  .gbt-hero h1{font-size:52px}
  .gbt-trust .gbt-wrap,.gbt-steps{grid-template-columns:1fr 1fr}
  .gbt-cats{grid-template-columns:repeat(2,1fr)}
  .gbt-cat{border-bottom:1px solid var(--line)}
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
  .gbt-head{flex-direction:column;align-items:start}
}
@media (max-width:600px){
  .gbt-wrap{padding:0 16px}
  .gbt-util .gbt-wrap span:last-child{display:none}
  .gbt-header .gbt-wrap{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
  .gbt-actions{width:100%}
  .gbt-actions .gbt-btn{flex:1;height:40px;padding:0 10px;font-size:13.5px}
  .gbt-trust .gbt-wrap,.gbt-steps{grid-template-columns:1fr}
  .woocommerce ul.products{grid-template-columns:1fr}
  .gbt-head h2{font-size:40px}
}

/* header search */
.gbt-search{display:flex;align-items:center;flex:0 1 300px;min-width:180px;height:40px;border:1px solid #3a3833;border-radius:6px;background:#141416;overflow:hidden}
.gbt-search input[type=search]{flex:1;min-width:0;height:100%;border:0;background:transparent;color:#efebe2;padding:0 12px;font:14px Jost;outline:none}
.gbt-search input::placeholder{color:#8d897f}
.gbt-search button{height:100%;width:42px;border:0;background:var(--gold);color:#fff;cursor:pointer;display:grid;place-items:center}
.gbt-search:focus-within{border-color:var(--gold2)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
@media (max-width:1180px){.gbt-nav{gap:14px}.gbt-nav a{font-size:13.5px}.gbt-search{flex-basis:220px}.gbt-header .gbt-wrap{gap:16px}}
@media (max-width:1080px){.gbt-nav li:nth-child(n+5){display:none}}
@media (max-width:980px){.gbt-search{order:3;flex:1 1 100%;margin-bottom:12px}.gbt-header .gbt-wrap{flex-wrap:wrap}}

/* categories menu */
.gbt-nav .gbt-dd{position:relative}
.gbt-mega{display:none;position:absolute;left:-20px;top:100%;padding-top:22px;z-index:60}
.gbt-dd:hover .gbt-mega,.gbt-dd:focus-within .gbt-mega{display:block}
.gbt-mega-in{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 24px 60px -20px rgba(0,0,0,.35);padding:22px 26px;display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:18px 30px;width:720px;white-space:normal}
.gbt-mcol{display:grid;gap:6px;align-content:start}
.gbt-mega a{color:var(--ink2)!important;font-size:13.5px}
.gbt-mega a:hover{color:var(--gold)!important}
.gbt-mega .gbt-mhead{font:600 17px 'Cormorant Garamond';color:var(--ink)!important;margin-bottom:2px}
/* shop with sidebar */
.gbt-withside{display:grid;grid-template-columns:250px 1fr;gap:36px;align-items:start}
.gbt-side{position:sticky;top:120px;display:grid;gap:20px;font-size:14px}
.admin-bar .gbt-side{top:152px}
.gbt-sblock{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px}
.gbt-sblock h4{font:600 20px 'Cormorant Garamond';margin:0 0 10px}
.gbt-side ul{list-style:none;margin:0;padding:0}
.gbt-side a{color:var(--ink2);text-decoration:none;display:block;padding:4px 0}
.gbt-side a:hover,.gbt-side a.on{color:var(--gold)}
.gbt-side a.on{font-weight:600}
.gbt-cattree>li{position:relative;border-bottom:1px solid #f0ebe1}
.gbt-cattree>li>a{padding:8px 26px 8px 0;color:var(--ink)}
.gbt-cattree ul{display:none;padding:0 0 8px 12px}
.gbt-cattree li.open ul{display:block}
.gbt-tog{position:absolute;right:0;top:6px;width:22px;height:22px;border:1px solid var(--line);border-radius:4px;background:#fff;cursor:pointer;color:var(--muted);line-height:1}
.gbt-cattree li.open>.gbt-tog{color:var(--gold)}
.gbt-bfilter{width:100%;height:36px;border:1px solid var(--line);border-radius:6px;padding:0 10px;font:13.5px Jost;margin-bottom:8px}
.gbt-blist{max-height:340px;overflow:auto}
.gbt-allb{margin-top:8px;color:var(--gold)!important;font-weight:500}
.gbt-shopmain{min-width:0}
.gbt-withside .woocommerce-products-header__title,.gbt-withside .page-title{margin-top:0}
.gbt-withside ul.products{grid-template-columns:repeat(3,1fr)}
/* homepage categories and brands */
.gbt-cats{grid-template-columns:repeat(4,1fr)!important;gap:0}
a.gbt-cat{text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line);transition:.2s}
a.gbt-cat:hover{background:#fbf8f2}
.gbt-cat .sub{font-size:12.5px;color:var(--muted);line-height:1.4}
.gbt-bhead{margin:56px 0 20px}
.gbt-bhead h3{font-size:34px;margin:8px 0 0}
.gbt-chips{display:flex;flex-wrap:wrap;gap:10px}
.gbt-chips a{padding:9px 16px;border:1px solid var(--line);border-radius:30px;background:#fff;color:var(--ink);text-decoration:none;font-size:14px}
.gbt-chips a:hover{border-color:var(--gold);color:var(--gold)}
/* brands page */
.gbt-brands .gbt-bfilter{max-width:420px;height:44px;font-size:15px}
.gbt-az{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 24px}
.gbt-az a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;text-decoration:none;color:var(--ink);font-weight:500}
.gbt-az a:hover{border-color:var(--gold);color:var(--gold)}
.gbt-bgroup{border-top:1px solid var(--line);padding:16px 0}
.gbt-bgroup h3{font-size:30px;margin:0 0 10px;color:var(--gold)}
.gbt-bgroup ul{list-style:none;margin:0;padding:0;columns:4 180px;column-gap:24px}
.gbt-bgroup li{padding:4px 0;break-inside:avoid}
.gbt-bgroup a{color:var(--ink);text-decoration:none}
.gbt-bgroup a:hover{color:var(--gold)}
@media (max-width:980px){.gbt-withside{grid-template-columns:1fr}.gbt-side{position:static}.gbt-blist{max-height:220px}.gbt-cats{grid-template-columns:repeat(2,1fr)!important}.gbt-withside ul.products{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.gbt-cats{grid-template-columns:1fr!important}.gbt-withside ul.products{grid-template-columns:1fr}}

.gbt-cattree ul ul{padding-left:12px}
.gbt-cattree li{position:relative}
.gbt-cattree ul li.has-kids>a{padding-right:26px}
.gbt-cattree ul .gbt-tog{top:3px}
.gbt-crumbs{font-size:13px;color:var(--muted);margin:0 0 14px}
.gbt-crumbs a{color:var(--muted);text-decoration:none}.gbt-crumbs a:hover{color:var(--gold)}
.gbt-crumbs .sep{margin:0 8px;color:#c9c1b1}
.single .gbt-crumbs{margin-top:8px}
.gbt-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:var(--muted);margin:-4px 0 16px}
.gbt-meta b{color:var(--ink);font-weight:500}
.gbt-pm{display:inline-block;font-size:11.5px;font-weight:600;color:#8a5a12;background:#f6ecd9;border-radius:4px;padding:2px 8px;margin:4px 18px 0;width:max-content}
.gbt-meta .gbt-pm{margin:0}

/* categories menu v1.2.1: fits any screen and scrolls inside */
.gbt-nav .gbt-dd{position:static}
.gbt-mega{position:fixed;left:0;right:0;top:var(--gbt-hdr,110px);padding:0;z-index:60}
.admin-bar .gbt-mega{top:var(--gbt-hdr,142px)}
.gbt-mega::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.gbt-mega-in{width:min(1140px,calc(100vw - 32px));margin:0 auto;max-height:calc(100vh - var(--gbt-hdr,110px) - 24px);overflow-y:auto;overscroll-behavior:contain;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 28px;padding:22px 26px;border-radius:0 0 12px 12px;border-top:3px solid var(--gold)}
.gbt-mcol{gap:3px}
.gbt-mega a{font-size:13px;padding:2px 0}
.gbt-mega .gbt-mhead{font-size:16px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid #f0ebe1}
@media (max-width:980px){.gbt-mega{display:none!important}}
.gbt-mega-in{display:block;columns:4 200px;column-gap:28px}
.gbt-mcol{display:grid;break-inside:avoid;margin-bottom:18px}

/* ---------- v1.3 polish ---------- */
:root{--gold-text:#8c6420}
.gbt-eb,.gbt-cat .st,.gbt-alt a,.gbt-lock,.lock{color:var(--gold-text)}
/* product pictures: clean white box */
.woocommerce ul.products li.product a img{background:#fff!important;aspect-ratio:1/1!important;object-fit:contain!important;padding:14px;border-bottom:1px solid #f0ebe1}
.woocommerce div.product div.images img{background:#fff;border:1px solid var(--line);border-radius:10px;object-fit:contain}
/* prices in the clean font */
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{font:600 18px Jost,sans-serif!important;color:var(--ink)!important;letter-spacing:0}
.woocommerce div.product p.price{font-size:26px!important}
.gbt-per{font:400 12px Jost;color:var(--muted)}
.woocommerce ul.products li.product .button{font-size:14px!important;padding:10px 16px!important}
/* sort box */
.woocommerce .woocommerce-ordering select{appearance:none;-webkit-appearance:none;height:40px;padding:0 36px 0 14px;border:1px solid var(--line);border-radius:6px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238c6420' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;font:14px Jost;color:var(--ink);cursor:pointer}
/* product page tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important;margin:0 0 20px!important;border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none!important;border:0!important;border-radius:0!important;margin:0 24px 0 0!important;padding:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font:500 15px Jost!important;color:var(--muted)!important;padding:12px 0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--ink)!important;box-shadow:inset 0 -2px 0 var(--gold)}
.woocommerce div.product .woocommerce-tabs .panel h2{font-size:26px}
.woocommerce table.shop_attributes{border:0}.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td{border-bottom:1px solid var(--line)!important;background:none!important;padding:10px 12px!important;font-style:normal!important}
.woocommerce .quantity .qty{height:44px;width:70px;border:1px solid var(--line);border-radius:6px;font:15px Jost}
/* cookie button and banner in brand colours */
.cookieadmin_re_consent{background:#0a0a0c!important;border:1px solid #a87a2e!important;box-shadow:0 6px 18px rgba(0,0,0,.25)!important}
.cookieadmin_re_consent svg,.cookieadmin_re_consent svg *{fill:#d9aa5c!important;stroke:#d9aa5c!important}
.cookieadmin_consent_inside{border:1px solid var(--line)!important;border-radius:10px!important;font-family:Jost,sans-serif!important}
.cookieadmin_btn{border-radius:6px!important;font-family:Jost,sans-serif!important}
.cookieadmin_accept_btn{background:#a87a2e!important;border-color:#a87a2e!important;color:#fff!important}
.cookieadmin_customize_btn,.cookieadmin_reject_btn{border-color:var(--line)!important;color:var(--ink)!important}

/* serif GB logo */
.gbt-logo img{height:36px}
@media (max-width:600px){.gbt-logo img{height:30px}}