/*
Theme Name: Superior Screen & Glass
Author: Superior Screen & Glass
Description: Custom business homepage with sandstone header, services and seven project galleries. Includes the approved photos. Estimate delivery requires WPForms configuration.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: superior-screen-glass
*/

:root{--red:#bc211b;--ink:#202724;--cream:#f6f4ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button,.btn{cursor:pointer}.preview{background:#202724;color:white;text-align:center;font-size:12px;padding:7px 15px;letter-spacing:.3px}.wrap{max-width:1200px;margin:auto;padding:0 32px}header{background:#EADFCB;border-bottom:1px solid #d5c8b3}nav{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 0}.logo{width:160px;display:block}.links{display:flex;align-items:center;gap:29px;font-size:14px;font-weight:bold}.btn{display:inline-block;border:0;background:var(--red);color:white;padding:13px 23px;border-radius:3px;font-weight:bold;font-size:14px}.btn:hover{background:#941a16}.outline{background:transparent;border:1px solid #ffffff90;color:white}.hero{background:linear-gradient(90deg,rgba(13,29,24,.91),rgba(13,29,24,.58) 60%,rgba(13,29,24,.25)),url('assets/screen-house.jpg') center/cover;min-height:630px;color:white}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center;padding:70px 0}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2.7px;text-transform:uppercase}.hero h1{font:normal clamp(38px,4.4vw,62px)/1.08 Georgia,serif;letter-spacing:-1.3px;margin:22px 0}.hero p{max-width:480px;color:#e2e6e1;font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.tagline{font:italic 19px Georgia,serif;color:#eee4be}.quote{background:white;color:var(--ink);padding:30px;border-radius:5px;box-shadow:0 15px 55px #0003}.quote h2{font:normal 29px Georgia,serif;margin:0 0 7px}.quote p{color:#646c66;font-size:13px;margin:0 0 18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:12px;font-weight:bold}input,select,textarea{width:100%;padding:10px;border:1px solid #d4d7d1;border-radius:3px;background:#fafbf9;color:var(--ink);margin-top:5px;font-size:14px}textarea{resize:vertical}.full{grid-column:1/-1}.quote button{width:100%;margin-top:16px}.quote .note{font-size:11px;margin-top:11px;line-height:1.5}.strip{background:var(--cream)}.strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:20px;font-size:13px}.strip span:before{content:'✓';color:var(--red);margin-right:10px;font-weight:bold}section{padding:80px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.section-head p{max-width:360px;font-size:14px;color:#626a65}h2{font:normal 39px/1.15 Georgia,serif;margin:12px 0}.red{color:var(--red)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service{border:1px solid #dedfd8;padding:27px;transition:.2s;background:white}.service:hover{transform:translateY(-3px);border-color:var(--red)}.service .num{font:italic 22px Georgia;color:var(--red)}h3{font:normal 23px Georgia;margin:15px 0 10px}.service p{font-size:14px;color:#626a65}.service button{border:0;background:none;color:var(--red);padding:8px 0;font-size:13px;font-weight:bold}.about{background:var(--cream)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.brand-panel{background:white;padding:25px;border:1px solid #e2dfd5}.brand-panel img{width:100%;display:block}.about p{color:#626a65}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.steps b{color:var(--red);font-size:12px;letter-spacing:1px}.steps p{font-size:14px;color:#626a65}.faq{max-width:800px;margin:auto}details{border-bottom:1px solid #ddd;padding:18px 0}summary{cursor:pointer;font-weight:bold}details p{color:#626a65;font-size:14px}.contact{background:#202e28;color:white;padding:55px 0}.contact .wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact p{color:#d0d6d0}.contact small{display:block;color:#cbd0cb}footer{padding:26px 0;font-size:12px;background:var(--cream)}footer .wrap{display:flex;justify-content:space-between;gap:25px}dialog{max-width:550px;border:0;border-radius:5px;padding:35px;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#14251ec0}dialog h2{font-size:29px}#requestText{white-space:pre-wrap;font-size:14px;background:var(--cream);padding:15px}.mobile-menu{display:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){.hero-grid{gap:30px;grid-template-columns:1fr 1fr}.links{gap:15px}.links a:not(.btn){display:none}.services{grid-template-columns:1fr 1fr}.about-grid{gap:30px}.hero h1{font-size:43px}}@media(max-width:600px){.wrap{padding:0 20px}.logo{width:120px}.links .btn{font-size:12px;padding:10px 14px}.hero-grid{grid-template-columns:1fr;padding:45px 0;gap:30px}.hero h1{font-size:43px}.hero p{font-size:16px}.quote{padding:23px}.strip .wrap{flex-direction:column;gap:5px}.services,.about-grid,.steps{grid-template-columns:1fr}.section-head{display:block}section{padding:50px 0}h2{font-size:33px}.contact .wrap,footer .wrap{flex-direction:column;align-items:start}.brand-panel{order:2}.fields{grid-template-columns:1fr}.full{grid-column:auto}}

/* Larger brand and navigation; estimate button keeps its original sizing. */
nav>a{flex-shrink:0;background:#fff;padding:8px;border-radius:4px}
.logo{width:320px;max-width:100%;height:auto}
.links{font-size:20px;gap:22px;flex-wrap:wrap;justify-content:flex-end}
.links .btn{font-size:14px;padding:13px 23px}
@media(max-width:1050px){nav{flex-wrap:wrap;justify-content:center}.links{width:100%;justify-content:center}.links a:not(.btn){display:inline-block}}
@media(max-width:600px){.logo{width:240px}.links{font-size:18px;gap:14px 20px}.links .btn{font-size:12px;padding:10px 14px}nav{gap:16px}}

#services .section-head p{font-size:28px;max-width:560px;line-height:1.5}
.gallery-menu{position:relative;border:0;padding:0}.gallery-menu summary{list-style:none;font-size:inherit;white-space:nowrap}.gallery-menu summary::-webkit-details-marker{display:none}.gallery-menu summary:after{content:' ▾';font-size:12px}.gallery-options{position:absolute;top:100%;left:0;min-width:220px;padding:10px 0;background:white;border:1px solid #ddd;box-shadow:0 10px 30px #0002;z-index:20}.gallery-options a{display:block!important;padding:8px 18px;font-size:16px;font-weight:normal;white-space:nowrap}.gallery-options a:hover{background:var(--cream);color:var(--red)}.gallery-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.gallery-topic{border:1px solid #dedfd8;padding:24px;scroll-margin-top:30px}.gallery-topic p{color:#626a65;font-size:14px}@media(max-width:850px){.gallery-topics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.gallery-topics{grid-template-columns:1fr}.gallery-options{left:50%;transform:translateX(-50%)}}.gallery-topic.populated{grid-column:1/-1}.project-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-photo{padding:0;border:1px solid #ddd;background:var(--cream);text-align:left;overflow:hidden;border-radius:3px}.project-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.project-photo span{display:block;padding:9px 12px;color:var(--red);font-size:13px;font-weight:bold}.project-photo:hover{border-color:var(--red)}#photoViewer{width:min(1100px,95vw);max-width:1100px;padding:16px;background:#18241e;color:white}#photoViewer img{display:block;max-width:100%;width:auto;max-height:75vh;height:auto;margin:auto;object-fit:contain}#photoViewer .photo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}#photoViewer button{padding:8px 14px}#photoViewer .photo-controls{display:flex;justify-content:space-between;margin-top:14px}@media(max-width:850px){.project-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.project-photos{grid-template-columns:1fr}.gallery-topic.populated{padding:18px}}

/* Compact gallery thumbnails with five columns on desktop. */
.project-photos{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.project-photo span{font-size:12px;padding:7px 9px}
@media(max-width:1050px){.project-photos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.project-photos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.project-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

.ssg-connected-form .wpforms-container{margin:0}.ssg-connected-form .wpforms-submit{background:#bc211b!important;color:#fff!important}.ssg-connected-form input,.ssg-connected-form textarea,.ssg-connected-form select{max-width:100%!important}

/* Mobile navigation and compact photo galleries, version 1.1.0. */
.ssg-menu-toggle{display:none}.ssg-gallery-disclosure{border:0;padding:0}.ssg-gallery-disclosure>summary{list-style:none;pointer-events:none}.ssg-gallery-disclosure>summary::-webkit-details-marker{display:none}.ssg-gallery-disclosure>summary h3{display:inline-block}.ssg-gallery-hint{display:none}.ssg-back-top{position:fixed;right:18px;bottom:20px;z-index:110;background:#202e28;color:#fff;padding:10px 15px;border-radius:5px;box-shadow:0 2px 12px #0003;font-size:14px;font-weight:bold}.ssg-back-top:hover{background:#bc211b}#ssg-top{scroll-margin-top:90px}
@media(max-width:850px){
html{scroll-padding-top:100px}header{position:sticky;top:0;z-index:100}body.admin-bar header{top:32px}header nav{position:relative;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 0}header nav>a{padding:4px;max-width:120px}.logo{width:110px}.ssg-menu-toggle{display:block;background:#202e28;color:white;border:0;border-radius:3px;padding:10px 15px;font-weight:bold;font-size:15px}.links{display:none!important;width:100%;max-height:65vh;overflow-y:auto;justify-content:flex-start;gap:0;padding:8px 0 12px;font-size:18px}.links.ssg-menu-open{display:flex!important;flex-direction:column;align-items:stretch}.links>a{padding:10px 12px}.links .btn{align-self:flex-start;margin:8px 12px}.gallery-menu{width:100%}.gallery-menu>summary{padding:10px 12px}.gallery-options{position:static;transform:none;box-shadow:none;border:0;border-left:2px solid #bc211b;background:#f6f4ef;margin:0 12px;min-width:0}.gallery-options a{padding:9px 18px}.gallery-topic.populated{padding:16px 20px}.ssg-gallery-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:auto}.ssg-gallery-disclosure>summary h3{margin:4px 0;font-size:23px}.ssg-gallery-hint{display:inline;color:#bc211b;font-size:12px;white-space:nowrap}.ssg-gallery-hint:after{content:' ＋'}.ssg-gallery-disclosure[open] .ssg-gallery-hint:after{content:' −'}.ssg-gallery-content{padding-top:10px}.gallery-topics{grid-template-columns:1fr}.ssg-back-top{right:12px;bottom:14px}
}
@media(max-width:782px){body.admin-bar header{top:46px}}
@media(max-width:600px){body.admin-bar header{top:0}.hero-grid{padding-top:30px}.hero h1{font-size:38px}.logo{width:100px}.project-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}