/*
Theme Name: Gulf South Trading Co. Storefront
Theme URI: https://gstradingco.com
Author: Gulf South Trading Co.
Description: Coastal ecommerce storefront with WooCommerce integration, brand collections and wholesale inquiry.
Version: 2.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: gulf-south
*/
:root{--navy:#103247;--navy2:#092a3d;--gold:#b08b54;--ivory:#fbf8f2;--ink:#1b2c37;--line:#e9e1d6}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;height:auto}.wrap{max-width:1480px;margin:auto;padding:0 30px}.announcement{background:var(--navy2);color:white;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.announcement .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:12px;padding-bottom:12px}.header-main{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:30px;min-height:115px}.brand{display:flex;align-items:center;gap:13px;max-width:390px}.brand img{width:86px}.brand-text{line-height:1;text-align:center;white-space:nowrap}.brand-text strong{font-family:Georgia,serif;font-size:29px;letter-spacing:.055em;font-weight:500;color:var(--navy)}.brand-text small{display:block;letter-spacing:.36em;font-size:13px;margin-top:8px;color:#8a6b41}.brand-text em{display:block;font-style:normal;font-size:10px;letter-spacing:.33em;margin-top:8px;color:var(--navy)}.search-form{display:flex;border:1px solid #ddd7cf;border-radius:7px;overflow:hidden;height:50px}.search-form input{flex:1;min-width:0;border:0;padding:0 17px;outline:none}.search-form button{border:0;background:#fff;padding:0 18px;cursor:pointer;color:var(--navy)}.header-actions{display:flex;gap:28px;justify-content:flex-end;font-size:13px}.header-actions a{text-align:center}.header-actions .glyph{display:block;font-size:24px;line-height:1.2}.site-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px}.nav-inner a{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.nav-inner a:hover,.brand-row a:hover{color:var(--gold)}.mobile-menu{display:none}.hero{background:linear-gradient(90deg,rgba(250,247,239,.96) 0%,rgba(250,247,239,.92) 28%,rgba(250,247,239,.34) 57%,rgba(250,247,239,0) 74%),url('assets/hero.jpg') center right/cover;min-height:440px;display:flex;align-items:center}.hero-content{width:100%;padding-top:55px;padding-bottom:55px}.eyebrow{font-size:13px;letter-spacing:.2em;color:#805f35;text-transform:uppercase}.hero h1{font-family:Georgia,serif;font-size:clamp(43px,5vw,72px);font-weight:400;line-height:1.02;max-width:690px;color:var(--navy);margin:13px 0}.hero p{font-size:19px;max-width:540px;line-height:1.55;margin:0 0 25px}.btn{display:inline-block;border:1px solid var(--gold);padding:13px 26px;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700;cursor:pointer}.btn-primary{background:var(--navy);color:white;border-color:var(--navy)}.btn-light{background:rgba(255,255,255,.78);color:#6d5335}.btn:hover{opacity:.87}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}.categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding-top:13px;padding-bottom:28px}.category-card{border:1px solid #eee6db;text-align:center;background:#fffcf9;transition:transform .15s}.category-card:hover{transform:translateY(-3px)}.category-card img{width:100%;height:160px;object-fit:cover;display:block}.category-card h3{font-size:13px;letter-spacing:.065em;text-transform:uppercase;margin:13px 4px 3px;color:var(--navy)}.category-card span{display:block;font-size:13px;padding-bottom:13px}.brands{border-top:1px solid #eee;padding:26px 0}.brand-row{display:flex;gap:25px;align-items:center;justify-content:space-between;flex-wrap:wrap}.section-label{font-size:15px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--navy)}.brand-row .brand-name{font-family:Georgia,serif;font-size:23px;font-weight:bold;white-space:nowrap;color:var(--navy)}.brand-row .brand-name:first-of-type{font-family:Arial,sans-serif;font-weight:900;font-style:italic;color:#e2a700}.brand-note{font-size:11px;color:#746f67;margin-top:9px}.benefits{background:var(--navy2);color:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:23px 0}.benefit{text-align:center;border-right:1px solid #7d8790;padding:0 15px;text-transform:uppercase;letter-spacing:.11em;font-size:12px}.benefit:last-child{border:0}.benefit .benefit-icon{font-size:31px;color:#e2c18d;display:block;margin-bottom:8px}.section{padding:65px 0}.section.alt{background:var(--ivory)}.section h2{font-family:Georgia,serif;color:var(--navy);font-size:40px;font-weight:400;margin:0 0 8px}.section-intro{color:#667;max-width:650px;margin:0 0 30px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{border:1px solid var(--line);background:white;padding:30px;min-height:205px}.feature h3{font-family:Georgia,serif;font-size:26px;font-weight:400;color:var(--navy);margin:0 0 8px}.feature p{color:#5c646b}.feature a{color:var(--navy);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.wholesale{background:var(--navy);color:#fff;padding:65px 0}.wholesale h2{font-family:Georgia,serif;font-size:43px;font-weight:400;margin:0}.wholesale p{max-width:700px}.wholesale .btn{margin-top:12px;background:#fff;color:var(--navy)}.footer{background:#092435;color:white;padding:45px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer h3{font-family:Georgia,serif;font-size:24px;font-weight:400;margin-top:0}.footer a{display:block;margin:8px 0;color:#e1e7e9;font-size:13px}.footer p{font-size:13px;color:#e1e7e9}.copyright{border-top:1px solid #49606b;padding-top:20px;margin-top:30px;font-size:12px;color:#ccd5d9}.page-content{padding:55px 0;min-height:45vh}.page-content h1{font-family:Georgia,serif;color:var(--navy);font-size:44px;font-weight:400}.page-content a{text-decoration:underline}.notice{background:#f5f0e7;padding:15px;border-left:3px solid var(--gold)}.woocommerce ul.products li.product .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--navy);color:#fff;border-radius:0}.woocommerce div.product p.price,.woocommerce ul.products li.product .price{color:var(--navy)}.contact-form{max-width:720px;display:grid;gap:15px}.contact-form label{font-size:14px;font-weight:bold}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;padding:12px;border:1px solid #ccc;margin-top:5px}.contact-form button{width:max-content}.screen-reader-text{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:white;padding:10px;z-index:9999}@media(max-width:1000px){.header-main{grid-template-columns:1fr 1fr}.search-form{grid-column:1/-1;grid-row:2;margin-bottom:14px}.categories{grid-template-columns:repeat(3,1fr)}.nav-inner{flex-wrap:wrap;justify-content:center;padding:12px 20px}.hero{background-position:60% center}.brand-row{justify-content:center}}@media(max-width:650px){.wrap{padding:0 17px}.announcement .wrap{justify-content:center;text-align:center}.announcement .optional{display:none}.header-main{min-height:90px;gap:8px}.brand img{width:47px}.brand-text strong{font-size:18px}.brand-text small{font-size:9px}.brand-text em{font-size:8px}.header-actions{gap:13px;font-size:11px}.header-actions .glyph{font-size:19px}.nav-inner{gap:12px}.nav-inner a{font-size:10px}.hero{min-height:510px;align-items:flex-start;background:linear-gradient(180deg,rgba(250,247,239,.98) 0%,rgba(250,247,239,.92) 46%,rgba(250,247,239,.1) 83%),url('assets/hero.jpg') 65% center/cover}.hero-content{padding-top:32px}.hero h1{font-size:45px;max-width:400px}.hero p{font-size:15px}.categories{grid-template-columns:repeat(2,1fr);gap:8px}.category-card img{height:120px}.category-card h3{font-size:11px}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:20px}.benefit{border:0}.feature-grid,.footer-grid{grid-template-columns:1fr}.section{padding:42px 0}.section h2{font-size:34px}.brand-row .brand-name{font-size:18px}.wholesale h2{font-size:35px}}

/* v2.1: purpose-built, responsive single-row storefront header. */
.site-header{background:#fff}.site-header .header-main{display:grid;grid-template-columns:minmax(250px,380px) minmax(250px,1fr) 150px;align-items:center;gap:clamp(18px,3vw,48px);min-height:124px;padding-top:12px;padding-bottom:12px}
.site-header .brand{display:flex;justify-content:flex-start;align-items:center;min-width:0;max-width:none;margin:0;text-align:left}
.site-header .gst-horizontal-logo{display:flex;align-items:center;gap:12px;width:100%;max-width:380px;min-width:0}
.site-header .gst-palm{display:block;width:82px;height:94px;flex:none;object-fit:contain}
.site-header .gst-wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;white-space:nowrap;min-width:0;line-height:1.08}
.site-header .gst-wordmark strong{font:normal clamp(23px,2.4vw,37px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:var(--navy)}
.site-header .gst-wordmark>span{font-size:clamp(11px,1.12vw,16px);letter-spacing:.35em;color:#977344;font-weight:600;margin-top:4px}
.site-header .gst-wordmark small{font-size:9px;letter-spacing:.3em;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:8px;margin-top:9px}
.site-header .gst-wordmark i{height:1px;width:28px;background:#977344;display:inline-block}
.site-header .brand .custom-logo-link{display:block;width:100%;max-width:340px;line-height:0}
.site-header .brand img.custom-logo{display:block;width:100%;max-width:340px;max-height:112px;height:auto;object-fit:contain;object-position:left center}
.site-header .search-form{grid-column:auto;grid-row:auto;margin:0;width:100%;max-width:none;height:52px}
.site-header .search-form button{display:flex;align-items:center;justify-content:center;width:54px;flex:none}
.site-header .search-form svg,.site-header .header-actions svg{width:24px;height:24px;fill:none;stroke:var(--navy);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.site-header .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:24px;min-width:0;font-size:12px}
.site-header .header-actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;white-space:nowrap}
.site-header .header-actions svg{width:25px;height:25px}
@media(max-width:1100px){.site-header .header-main{grid-template-columns:minmax(210px,320px) minmax(170px,1fr) 126px;gap:16px}.site-header .gst-palm{width:65px;height:75px}.site-header .gst-wordmark strong{font-size:clamp(20px,2.7vw,30px)}.site-header .header-actions{gap:14px}}
@media(max-width:760px){.site-header .header-main{grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:0;padding-top:12px;padding-bottom:14px}.site-header .brand{grid-column:1;grid-row:1}.site-header .gst-horizontal-logo{gap:6px}.site-header .gst-palm{width:43px;height:55px}.site-header .gst-wordmark strong{font-size:clamp(17px,4vw,25px)}.site-header .gst-wordmark>span{font-size:9px;letter-spacing:.24em}.site-header .gst-wordmark small{font-size:7px;letter-spacing:.12em;margin-top:5px}.site-header .gst-wordmark i{width:12px}.site-header .brand img.custom-logo{max-height:72px;max-width:220px}.site-header .header-actions{grid-column:2;grid-row:1;gap:13px}.site-header .header-actions svg{width:22px;height:22px}.site-header .header-actions a{font-size:10px}.site-header .search-form{grid-column:1/-1;grid-row:2;height:45px}.site-header .search-form input{font-size:13px}}
@media(max-width:380px){.site-header .gst-palm{width:35px;height:45px}.site-header .gst-wordmark strong{font-size:16px}.site-header .header-actions{gap:8px}.site-header .header-actions a{font-size:9px}}

/* v2.2: image selected from the WordPress Customizer */
.hero{background-image:linear-gradient(90deg,rgba(250,247,239,.96) 0%,rgba(250,247,239,.92) 28%,rgba(250,247,239,.34) 57%,rgba(250,247,239,0) 74%),var(--gst-hero-image)!important}
@media(max-width:650px){.hero{background-image:linear-gradient(180deg,rgba(250,247,239,.98) 0%,rgba(250,247,239,.92) 46%,rgba(250,247,239,.1) 83%),var(--gst-hero-image)!important}}
.gst-editor-home{min-height:45vh}