/* ===== Shams Steel Trunks - page styles =====
   Paste into: Appearance > Customize > Additional CSS
   Change the colours ONLY in the :root block below. */
:root{
  --sst-bg:#f6f3ed;      /* page background (cream) */
  --sst-bg2:#ece7dc;     /* alternate sections */
  --sst-card:#ffffff;    /* cards and step boxes */
  --sst-line:#d8d0bf;    /* borders */
  --sst-tx:#1b1f25;      /* text */
  --sst-mut:#555b65;     /* soft text */
  --sst-brass:#b08a3e;   /* accent, button hover */
  --sst-brass2:#8c6a1f;  /* links, numbers */
  --sst-ink:#ffffff;     /* text on brass */
  --sst-btn:#1b1f25;     /* button colour */
  --sst-btn-tx:#ffffff;  /* button text */
  --sst-hdr:#14161a;     /* header and footer (dark, shows the white logo) */
}
/* Dark option: set --sst-bg:#14161a; --sst-bg2:#1b1e24; --sst-card:#1b1e24; --sst-line:#2d3139;
   --sst-tx:#e9e6df; --sst-mut:#a3a7ae; --sst-brass2:#e0c27f; --sst-ink:#14161a; --sst-btn:#c9a45c; --sst-btn-tx:#14161a */

body,.site,.site-content,#content,.ast-container,.ast-separate-container,.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.entry-content{background:var(--sst-bg)!important;color:var(--sst-tx)}
.entry-content a,.sst-sec a{color:var(--sst-brass2);text-decoration:underline;text-decoration-color:#c9a45c66;text-underline-offset:3px}
.entry-content a:hover,.sst-sec a:hover{text-decoration-color:var(--sst-brass2)}
.entry-content h1,.entry-content h2,.entry-content h3,.sst-sec h1,.sst-sec h2,.sst-sec h3{font-family:'Barlow Condensed',sans-serif;font-weight:600;line-height:1.05;color:var(--sst-tx);margin:0 0 14px}
.sst-sec h1{font-size:clamp(40px,6vw,72px);font-weight:700}
.sst-sec h2{font-size:clamp(32px,4vw,48px)}
.sst-sec h3{font-size:26px}
.sst-sec p,.sst-sec li{font-size:17px;line-height:1.65}

/* layout */
.sst-sec{padding:72px 22px;margin:0!important;max-width:none!important}
.sst-alt{background:var(--sst-bg2);border-block:1px solid var(--sst-line)}
.sst-wrap{max-width:1160px;margin:0 auto!important}
.sst-cols{gap:42px!important;align-items:center;margin:26px 0 0!important}
.sst-hero{margin:0!important}
.sst-top{align-items:flex-start}
.sst-col-s{flex-basis:calc(38% - 21px)!important;flex-grow:0!important}.sst-col-l{flex-basis:calc(62% - 21px)!important;flex-grow:0!important}
.sst-hero h1{font-size:clamp(38px,4.7vw,64px)}
@media(max-width:781px){.sst-col-s,.sst-col-l{flex-basis:100%!important}}
.sst-lead{color:var(--sst-mut);max-width:62ch}
.sst-small{color:var(--sst-mut);font-size:16px!important;margin-top:16px}
.sst-tag{display:inline-block;font-size:13px!important;letter-spacing:.8px;text-transform:uppercase;color:var(--sst-brass2);border:1px solid #c9a45c66;padding:2px 10px;border-radius:99px;margin-bottom:12px}
.sst-cta{text-align:center}.sst-cta .sst-lead{margin-inline:auto}.sst-cta .wp-block-buttons{justify-content:center}

/* facts strip */
.sst-strip{background:var(--sst-bg2);border-block:1px solid var(--sst-line);padding:22px}
.sst-facts{margin:0!important;gap:0!important}
.sst-facts .wp-block-column{padding:8px 18px;border-left:1px solid var(--sst-line)}
.sst-facts .wp-block-column:first-child{border-left:0;padding-left:0}
.sst-num{font:600 30px 'Barlow Condensed',sans-serif!important;color:var(--sst-brass2);margin:0!important;line-height:1.2!important}
.sst-lab{color:var(--sst-mut);font-size:15px!important;margin:0!important}

/* images, cards, steps */
.sst-sec .wp-block-image{margin:0 0 12px}
.sst-sec .wp-block-image img{box-shadow:0 8px 24px rgba(20,22,26,.12);width:100%;height:auto;border:1px solid var(--sst-line);border-radius:4px;display:block}
.sst-banner{margin-top:30px!important}.sst-banner img{aspect-ratio:21/8;object-fit:cover}
.sst-cards .wp-block-image img{aspect-ratio:4/3;object-fit:cover}
.sst-card{background:var(--sst-card);border:1px solid var(--sst-line);border-radius:4px;padding:0 0 18px;overflow:hidden}
.sst-card .wp-block-image{margin:0}.sst-card .wp-block-image img{border:0;border-radius:0}
.sst-card h3,.sst-card p{padding:0 20px}.sst-card h3{margin-top:16px;margin-bottom:6px}
.sst-card p{color:var(--sst-mut);font-size:16px}
.sst-step{background:var(--sst-card);border:1px solid var(--sst-line);border-radius:4px;padding:18px}
.sst-alt .sst-step{background:var(--sst-card)}
.sst-step h3{font-size:24px;color:var(--sst-brass2)}.sst-step p{color:var(--sst-mut);font-size:15.5px}
.sst-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.sst-chips a{text-decoration:none!important;color:var(--sst-mut)!important;font-size:15px;padding:5px 13px;border:1px solid var(--sst-line);border-radius:99px}
.sst-chips a:hover{color:var(--sst-tx)!important;border-color:var(--sst-brass)}
.sst-qr{max-width:150px}.sst-qr img{border-radius:10px;background:#fff;border:0!important}
.sst-qrrow{gap:18px!important;align-items:center}

.sst-cols .wp-block-image img{max-height:640px;object-fit:cover}

/* buttons */
.sst-sec .wp-block-button__link{background:var(--sst-btn);color:var(--sst-btn-tx)!important;border-radius:3px;font-weight:600;padding:13px 24px;text-decoration:none;font-size:17px}
.sst-sec .is-style-outline .wp-block-button__link{background:transparent;color:var(--sst-tx)!important;border:1px solid var(--sst-line)}

.sst-sec .wp-block-button__link:hover{background:var(--sst-brass);color:var(--sst-ink)!important}

/* tables */
.sst-sec .wp-block-table{margin:18px 0}
.sst-sec .wp-block-table table{width:100%;border-collapse:collapse;font-size:16px;background:none}
.sst-sec .wp-block-table th,.sst-sec .wp-block-table td{border:0;border-bottom:1px solid var(--sst-line);padding:9px 12px;text-align:left;background:none;color:var(--sst-mut)}
.sst-sec .wp-block-table th{color:var(--sst-brass2);font-size:15px;letter-spacing:.6px;text-transform:uppercase}
.sst-sec .wp-block-table td:first-child{color:var(--sst-tx)}

/* video */
.sst-sec video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#000;border:1px solid var(--sst-line);border-radius:4px;display:block}
.sst-vidcol{flex-basis:380px!important;flex-grow:0!important}
.sst-vid{max-width:380px;margin:0 auto}
@media(max-width:781px){.sst-sec{padding:48px 18px}.sst-facts .wp-block-column{border-left:0;padding-left:0}.sst-vidcol video{max-width:380px}}

/* Astra header and footer: dark, to show the white logo (backup: set the same in Customize) */
.site-header,.main-header-bar,.ast-primary-header-bar,.ast-mobile-header-wrap .ast-mobile-header-content,.main-header-menu .sub-menu{background:var(--sst-hdr)!important;border-bottom:1px solid #2d3139}
.main-header-menu>.menu-item>a,.ast-header-break-point .main-header-menu a{color:#b9bcc2!important}
.main-header-menu>.menu-item:hover>a,.main-header-menu>.current-menu-item>a{color:#ffffff!important}
.site-footer,.site-primary-footer-wrap,.site-below-footer-wrap,.ast-small-footer{background:var(--sst-hdr)!important;color:#a3a7ae;border-top:1px solid #2d3139}
.site-footer a{color:#b9bcc2}

/* WhatsApp floating button (the button itself goes in Astra Footer Builder, see guide) */
.sst-wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:9999;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.3);text-decoration:none!important}
.sst-wa:hover{background:#1ebe5b}.sst-wa svg{width:32px;height:32px;fill:#fff}

/* Header logo size (increase the 62px to make it larger) */
.ast-site-identity .site-logo-img img,.custom-logo-link img{height:62px!important;width:auto!important;max-width:none!important}
@media(max-width:781px){.ast-site-identity .site-logo-img img,.custom-logo-link img{height:48px!important}}

/* Astra layout fix on the pages managed by this plugin (full width, no sidebar, no title) */
body.sst-page .site-content>.ast-container{max-width:100%!important;padding:0!important;display:block!important}
body.sst-page #primary{width:100%!important;margin:0!important;padding:0!important;border:0!important}
body.sst-page #secondary{display:none!important}
body.sst-page .ast-article-single,body.sst-page .ast-article-post,body.sst-page article{padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important}
body.sst-page .entry-header,body.sst-page .ast-breadcrumbs-wrapper{display:none!important}
body.sst-page .entry-content>*{max-width:none}
.sst-sec{font-family:Barlow,system-ui,sans-serif}

/* ===== New header and footer (plugin supplies these; the old ones are hidden) ===== */
body.sst-hf #masthead,body.sst-hf .site-header,body.sst-hf header.site-header,body.sst-hf #ast-desktop-header,body.sst-hf #ast-mobile-header,body.sst-hf .ast-mobile-header-wrap,body.sst-hf .main-header-bar-wrap,body.sst-hf .elementor-location-header,body.sst-hf [data-elementor-type="header"],body.sst-hf .ehf-header,body.sst-hf #ehf-header,body.sst-hf .hfe-header,
body.sst-hf .site-footer,body.sst-hf #colophon,body.sst-hf footer.site-footer,body.sst-hf .elementor-location-footer,body.sst-hf [data-elementor-type="footer"],body.sst-hf .ehf-footer,body.sst-hf #ehf-footer,body.sst-hf .ast-small-footer,body.sst-hf .site-primary-footer-wrap,body.sst-hf .site-above-footer-wrap,body.sst-hf .site-below-footer-wrap{display:none!important}
.sst-hdr{position:sticky;top:0;z-index:9990;background:#14161a;border-bottom:1px solid #2d3139;font-family:Barlow,system-ui,sans-serif}
.admin-bar .sst-hdr{top:32px}
@media(max-width:782px){.admin-bar .sst-hdr{top:46px}}
.sst-hdr-in{max-width:1240px;margin:0 auto;padding:8px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.sst-hdr-logo{display:block;line-height:0}
.sst-hdr-logo img{height:62px;width:auto;display:block}
.sst-hdr-nav{display:flex;align-items:center;gap:6px}
.sst-menu{display:flex;list-style:none;margin:0;padding:0;gap:4px}
.sst-menu li{margin:0;padding:0}
.sst-menu a{display:block;color:#b9bcc2;text-decoration:none;padding:8px 12px;font-weight:500;font-size:17px;line-height:1.3}
.sst-menu a:hover,.sst-menu .current-menu-item>a,.sst-menu .current_page_item>a{color:#fff}
.sst-hdr-btn{background:#c9a45c;color:#14161a!important;padding:10px 18px;border-radius:3px;font-weight:600;font-size:17px;text-decoration:none;margin-left:10px;white-space:nowrap}
.sst-hdr-btn:hover{background:#e0c27f}
.sst-nav-toggle,.sst-burger{display:none}
@media(max-width:900px){
 .sst-burger{display:block;cursor:pointer;width:34px;height:26px;position:relative}
 .sst-burger span,.sst-burger span::before,.sst-burger span::after{content:"";position:absolute;left:0;width:100%;height:3px;background:#fff;border-radius:2px}
 .sst-burger span{top:11px}.sst-burger span::before{top:-9px}.sst-burger span::after{top:9px}
 .sst-hdr-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#14161a;flex-direction:column;align-items:stretch;padding:12px 22px 20px;border-bottom:1px solid #2d3139}
 .sst-nav-toggle:checked~.sst-hdr-nav{display:flex}
 .sst-menu{flex-direction:column}
 .sst-hdr-btn{margin:10px 0 0;text-align:center}
 .sst-hdr-logo img{height:48px}
}
.sst-ftr{background:#14161a;color:#a3a7ae;padding:48px 22px 24px;font:400 16px/1.7 Barlow,system-ui,sans-serif}
.sst-ftr-in{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1.3fr;gap:36px}
.sst-ftr h3{color:#fff;font:600 22px 'Barlow Condensed',sans-serif;margin:0 0 10px}
.sst-ftr a{color:#b9bcc2;text-decoration:none}.sst-ftr a:hover{color:#fff}
.sst-ftr img{height:54px;width:auto;margin-bottom:12px;display:block}
.sst-ftr p{margin:0}
.sst-ftr-copy{max-width:1160px;margin:28px auto 0!important;border-top:1px solid #2d3139;padding-top:16px;font-size:14px}
@media(max-width:781px){.sst-ftr-in{grid-template-columns:1fr}}