/*
Theme Name: ScrapHill Native
Description: Responsive native header and footer for ScrapHill. Astra child theme; no header/footer builder required.
Template: astra
Version: 1.7.1
Text Domain: scraphill-native
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
:root{--shn-bg:#232e3e;--shn-gold:#d8aa45;--shn-red:#d32f2f;--shn-green:#168447;--shn-line:#ffffff24;--shn-white:#fff;--shn-muted:#c5ced9}
#shn-header,#shn-footer{font-family:inherit;box-sizing:border-box}
#shn-header *,#shn-footer *{box-sizing:border-box}
#shn-header{position:sticky;top:0;z-index:9900;background:var(--shn-bg);border-bottom:1px solid var(--shn-line);box-shadow:0 3px 16px #13203214}
.admin-bar #shn-header{top:32px}
.shn-wrap{max-width:1240px;margin:0 auto;padding-inline:28px}
.shn-header-row{min-height:88px;display:flex;align-items:center;gap:26px}
.shn-brand{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}
#shn-header .shn-brand img{width:198px;max-width:100%;height:auto;max-height:52px;object-fit:contain;display:block}
.shn-brand-name{color:#fff;font-size:28px;font-weight:800;letter-spacing:-1px;line-height:1.2}.shn-brand-name span{color:var(--shn-gold)}
#shn-header .shn-nav{margin-left:auto}
#shn-header .shn-nav ul{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}
#shn-header .shn-nav li{position:relative;margin:0;padding:0}
#shn-header .shn-nav a{color:#e7edf3;font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap;display:block;padding:14px 0;transition:color .18s}
#shn-header .shn-nav a:hover,#shn-header .shn-nav .current-menu-item>a{color:#f0ce79}
#shn-header .shn-nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:#232e3e;min-width:190px;border:1px solid var(--shn-line);padding:8px 16px;border-radius:8px}
#shn-header .shn-nav li:hover>.sub-menu,#shn-header .shn-nav li:focus-within>.sub-menu{display:block}
.shn-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}
#shn-header .shn-control{height:42px;min-width:115px;max-width:170px;padding:10px 14px;border:1px solid #617080;border-radius:9px;display:inline-flex;justify-content:center;align-items:center;gap:7px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s,border-color .18s;box-shadow:none}
#shn-header .shn-city{background:white;border-color:white;color:#232e3e;max-width:160px}
#shn-header .shn-city span{overflow:hidden;text-overflow:ellipsis;max-width:114px}
#shn-header .shn-city:hover{background:#edf2f6;border-color:#edf2f6}
#shn-header .shn-quick{background:var(--shn-red);color:#fff;border-color:var(--shn-red)}
#shn-header .shn-quick:hover{background:var(--shn-green);border-color:var(--shn-green)}
#shn-header .shn-account{background:transparent;color:#fff;overflow:hidden;max-width:150px}
#shn-header .shn-account span{overflow:hidden;text-overflow:ellipsis}
#shn-header .shn-account:hover{background:var(--shn-gold);border-color:var(--shn-gold);color:#232e3e}
.shn-icon{width:17px;height:17px;flex-shrink:0;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#shn-header .shn-toggle{display:none;background:transparent;border:1px solid #7a8795;color:white;border-radius:8px;width:42px;height:42px;align-items:center;justify-content:center;padding:0;flex-shrink:0}
#shn-header .shn-toggle .shn-icon{width:22px;height:22px}
.shn-toggle[aria-expanded=true] .shn-menu-lines{display:none}.shn-toggle[aria-expanded=false] .shn-menu-close{display:none}
#shn-header .shn-mobile-nav{display:none}
#shn-header :is(a,button):focus-visible,#shn-footer a:focus-visible{outline:3px solid #f0ce79;outline-offset:4px}
#shn-footer{margin-top:0;background:var(--shn-bg);color:#fff;border-top:3px solid var(--shn-gold)}
#shn-footer .shn-footer-top{padding-block:48px 38px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:40px}
#shn-footer .shn-footer-brand{color:#fff;font-size:30px;font-weight:800;letter-spacing:-1px;margin:0 0 14px}
#shn-footer .shn-footer-brand span{color:var(--shn-gold)}
#shn-footer p{color:var(--shn-muted);font-size:14px;line-height:1.8;margin:0 0 15px}
#shn-footer h2{font-size:14px;line-height:1.4;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#e8bd63;margin:5px 0 18px}
#shn-footer ul{list-style:none;margin:0;padding:0}
#shn-footer li{margin:0 0 10px;padding:0}
#shn-footer a{color:#e7edf3;font-size:14px;line-height:1.6;text-decoration:none}
#shn-footer a:hover{color:#f0ce79;text-decoration:underline;text-underline-offset:4px}
#shn-footer .shn-footer-meta{display:inline-flex;gap:8px;align-items:center;border:1px solid #667382;border-radius:30px;padding:6px 11px;color:#d7e2eb;font-size:11px}
#shn-footer .shn-footer-meta:before{content:"";width:6px;height:6px;border-radius:50%;background:#7bcb9b}
#shn-footer .shn-contact-line{display:flex;gap:10px;align-items:flex-start;margin-bottom:13px}
#shn-footer .shn-contact-line .shn-icon{margin-top:3px;color:#e8bd63}
#shn-footer .shn-contact-line a{overflow-wrap:anywhere}
#shn-footer .shn-footer-bottom{border-top:1px solid var(--shn-line);padding-block:20px;display:flex;justify-content:space-between;gap:20px;align-items:center}
#shn-footer .shn-footer-bottom p,#shn-footer .shn-footer-bottom a{font-size:12px;margin:0}
#shn-footer .shn-footer-legal{display:flex;gap:22px;flex-wrap:wrap}
#shn-footer .shn-footer-wa{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:8px;border:1px solid #7a8795;font-size:12px;margin-top:3px}
#shn-city-dialog{width:min(440px,calc(100vw - 28px));max-height:82vh;overflow:auto;background:white;color:#232e3e;border:1px solid #d8aa45;border-radius:18px;padding:24px;z-index:2147483000}
#shn-city-dialog::backdrop{background:#14202dbb}
#shn-city-dialog [data-shn-close]{float:right;background:transparent;color:#232e3e;border:0;font-size:24px;padding:0 8px}
#shn-city-dialog h2{color:#232e3e;font-size:25px;margin:0 0 15px}
#shn-city-dialog label{color:#232e3e;font-weight:600}
#shn-city-dialog input{width:100%;background:white!important;color:#232e3e!important;-webkit-text-fill-color:#232e3e!important;padding:11px;border:1px solid #aebbc7;border-radius:8px;font-size:16px}
#shn-city-dialog .shn-city-results{max-height:260px;overflow:auto;margin-top:15px}
#shn-city-dialog .shn-city-results button{display:block;width:100%;padding:10px;text-align:left;color:#232e3e;background:#f0f3f6;border:0;border-radius:5px;margin-bottom:4px;font-size:15px}
#shn-city-dialog .shn-city-results button:hover{background:#f6e8c7}
@media(max-width:1199px){.shn-header-row{gap:18px;flex-wrap:wrap;padding-block:16px;min-height:86px}#shn-header .shn-nav{display:none}.shn-actions{margin-left:auto}#shn-header .shn-toggle{display:inline-flex}#shn-header .shn-mobile-nav:not([hidden]){display:block;border-top:1px solid var(--shn-line);padding:8px 0 18px}#shn-header .shn-mobile-nav ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 20px;list-style:none;margin:0;padding:0}#shn-header .shn-mobile-nav li{margin:0}#shn-header .shn-mobile-nav a{display:block;padding:10px 0;color:#e7edf3;font-size:14px;text-decoration:none}#shn-footer .shn-footer-top{gap:26px;grid-template-columns:1.3fr 1fr 1fr 1.3fr}}
@media(min-width:768px) and (max-width:950px){#shn-header .shn-brand img{width:160px}#shn-header .shn-control{min-width:103px;max-width:145px;padding-inline:10px}.shn-header-row{gap:12px}#shn-footer .shn-footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.shn-wrap{padding-inline:18px}.shn-header-row{padding-block:13px;gap:12px}#shn-header .shn-brand img{width:152px;max-height:38px}.shn-actions{order:3;width:100%;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:8px;margin:0}#shn-header .shn-control{width:100%;min-width:0;max-width:none;height:38px;padding:8px 9px;font-size:12px;border-radius:8px}#shn-header .shn-city span{max-width:calc(100% - 20px)}#shn-header .shn-toggle{margin-left:auto;width:36px;height:36px}.shn-icon{width:15px;height:15px}#shn-header .shn-mobile-nav ul{grid-template-columns:1fr 1fr}.admin-bar #shn-header{top:46px}#shn-footer .shn-footer-top{grid-template-columns:1fr 1fr;gap:26px 20px;padding-block:33px 26px}#shn-footer .shn-footer-about,#shn-footer .shn-footer-contact{grid-column:1/-1}#shn-footer .shn-footer-about p{max-width:440px}#shn-footer h2{margin-bottom:12px}#shn-footer .shn-footer-bottom{align-items:flex-start;flex-direction:column;gap:10px;padding-bottom:95px}#shn-footer .shn-footer-legal{gap:16px}.shn-brand-name{font-size:25px}}
@media(max-width:600px){.admin-bar #shn-header{top:0}}
@media(prefers-reduced-motion:reduce){#shn-header *{transition:none!important;scroll-behavior:auto!important}}
#shn-city-dialog [hidden]{display:none!important}
@media(max-width:767px){#shn-header .shn-quick .shn-icon{display:none}}


/* Original ScrapHill logo artwork and colors. */
.shn-logo-art{display:block;position:relative;max-width:100%;line-height:0}


/* Fluid PC shell: shared edges, bounded line lengths, proportionate spacing. */
@media(min-width:1025px){
 #shn-header>.shn-wrap,#shn-footer>.shn-wrap{width:94%;max-width:1760px;padding-inline:0;margin-inline:auto}
 #shn-header .shn-header-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(16px,1.6vw,36px);min-height:clamp(80px,5.5vw,108px);padding-block:14px;flex-wrap:nowrap}
 #shn-header .shn-brand img{width:clamp(190px,15vw,270px);max-height:64px}
 #shn-header .shn-nav{display:block;margin:0;justify-self:center;min-width:0}
 #shn-header .shn-nav ul{gap:clamp(12px,1.3vw,30px);flex-wrap:wrap;justify-content:center}
 #shn-header .shn-nav a{font-size:clamp(12px,.9vw,16px);padding-block:12px}
 #shn-header .shn-actions{display:flex;gap:clamp(8px,.7vw,16px);margin:0;width:auto;order:initial}
 #shn-header .shn-control{width:clamp(116px,9vw,166px);min-width:0;max-width:none;height:clamp(42px,3vw,52px);font-size:clamp(12px,.85vw,15px);padding-inline:12px}
 #shn-header .shn-city span{max-width:calc(100% - 24px)}
 #shn-header .shn-toggle,#shn-header .shn-mobile-nav{display:none!important}
 #shn-footer .shn-footer-top{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);gap:clamp(24px,3.5vw,80px);padding-block:clamp(38px,3.5vw,72px) clamp(30px,2.5vw,52px)}
 #shn-footer .shn-footer-top>*{min-width:0}
 #shn-footer .shn-footer-about p{max-width:40ch}
 #shn-footer p,#shn-footer a{font-size:clamp(14px,.9vw,16px)}
 #shn-footer h2{font-size:clamp(14px,.95vw,17px)}
 #shn-footer .shn-footer-meta{max-width:100%;white-space:normal;line-height:1.5}
 #shn-footer .shn-footer-bottom{flex-wrap:wrap;row-gap:12px;padding-block:clamp(18px,1.6vw,30px)}
 #shn-footer .shn-footer-bottom p,#shn-footer .shn-footer-bottom a{font-size:clamp(12px,.8vw,14px)}
 #shn-footer .shn-footer-legal{justify-content:flex-end}
}
@media(min-width:1025px) and (max-width:1199px){
 #shn-header .shn-header-row{grid-template-columns:auto minmax(0,1fr);gap:8px 22px;padding-block:14px 6px}
 #shn-header .shn-actions{justify-self:end}
 #shn-header .shn-nav{grid-column:1/-1;grid-row:2;justify-self:stretch}
 #shn-header .shn-nav ul{justify-content:center;gap:30px}
}

/* Header uses the same text wordmark as the footer. */
#shn-header .shn-brand-name{color:#fff;font-family:inherit;font-size:30px;font-weight:800;letter-spacing:-1px;line-height:1.2;white-space:nowrap}
#shn-header .shn-brand-name span{color:var(--shn-gold)}
@media(min-width:1025px){#shn-header .shn-brand-name{font-size:clamp(30px,2.2vw,42px)}}
@media(max-width:767px){#shn-header .shn-brand-name{font-size:clamp(24px,6.5vw,30px)}}

/* Matching header and footer wordmarks. */
#shn-header .shn-brand-name,#shn-footer .shn-footer-brand{font-family:inherit;font-size:30px;font-weight:800;letter-spacing:-1px;line-height:1.2;color:#fff;white-space:nowrap}
#shn-header .shn-brand-name span,#shn-footer .shn-footer-brand span{color:#d8aa45}

/* Full-width Home content only; retain small responsive content gutters. */
body.home #content>.ast-container{width:100%;max-width:none;padding-inline:0;display:block}
body.home #primary{width:100%;max-width:none;margin-inline:0;padding-inline:0;float:none}
body.home #main,body.home #main>article,body.home #main>article>.entry-content{width:100%;max-width:none;margin-inline:0;padding-inline:0}
body.home .elementor-9{width:100%;max-width:none}
body.home .elementor-9>.e-con{width:100%;max-width:none;--content-width:100%}
body.home .elementor-9>.e-con>.e-con-inner{width:100%;max-width:none}
body.home .elementor-9>.e-con{padding-inline:clamp(12px,2vw,36px)}
body.home .elementor-9 .elementor-widget-shortcode{width:100%;max-width:none;--container-widget-width:100%}
body.home .elementor-9 .elementor-widget-shortcode>.elementor-widget-container,body.home .elementor-9 .elementor-shortcode{width:100%;max-width:none}
body.home #sh-sell-app,body.home #sh-buy-catalogue{width:100%!important;max-width:none!important;margin-inline:0!important;box-sizing:border-box}
body.home #sh-sell-app .sh-grid{min-width:0}