/*
Theme Name: Unity Roofing Premium
Author: Unity Roofing
Description: Premium Unity Roofing website with editable project gallery, reviews and before/after projects.
Version: 1.1.0
Requires PHP: 7.4
Text Domain: unity-roofing
*/

:root{--gold:#e5bb63;--black:#101113;--muted:#b9b9b9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111214;color:#f5f3ed;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:9;background:#101113f2;border-bottom:1px solid #333}nav{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;gap:20px}.brand{font-weight:900;letter-spacing:2px;color:var(--gold)}.links{display:flex;gap:24px;align-items:center;font-size:14px}.button{display:inline-block;padding:13px 23px;background:var(--gold);color:#171717;font-weight:800;border-radius:3px}.outline{border:1px solid var(--gold);color:var(--gold);padding:12px 22px;display:inline-block;border-radius:3px}.hero{min-height:620px;display:flex;align-items:center;background:linear-gradient(90deg,#08090ae8 0%,#08090ab8 45%,#08090a30 100%),url('assets/10.jpg') center/cover}.wrap{max-width:1180px;margin:auto;padding:0 24px}.hero .wrap{width:100%}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:3px;font-size:13px;font-weight:700}h1{font-size:clamp(42px,6vw,80px);line-height:1.05;max-width:760px;margin:14px 0 22px}h2{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:10px 0 20px}p{color:#d4d4d4}.hero p{font-size:19px;max-width:590px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}section{padding:85px 0}.intro{background:#1b1c1f}.columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.intro img{width:100%;height:380px;object-fit:cover;border-radius:4px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.service{background:#1e2023;border:1px solid #333;padding:26px}.service h3{color:var(--gold);margin:0 0 8px}.service p{margin:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.tile{background:#242528;overflow:hidden}.tile img{width:100%;height:245px;object-fit:cover;display:block;transition:transform .3s}.tile:hover img{transform:scale(1.04)}.tile div{padding:16px;font-weight:700}.tile small{display:block;color:#bcbcbc;font-weight:400}.cta{background:#27231b;text-align:center;border-top:1px solid #55462a;border-bottom:1px solid #55462a}.cta p{max-width:650px;margin:0 auto 25px}footer{padding:30px 0;color:#aaa;font-size:13px}.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.notice{font-size:12px;color:#b5b5b5;margin-top:24px}@media(max-width:760px){.links{gap:12px;font-size:12px;flex-wrap:wrap;justify-content:flex-end}.links a:nth-child(2){display:none}.hero{min-height:570px}.columns{grid-template-columns:1fr;gap:24px}.services,.gallery{grid-template-columns:1fr 1fr}section{padding:60px 0}}@media(max-width:480px){.services,.gallery{grid-template-columns:1fr}.tile img{height:280px}.links a:nth-child(3){display:none}nav{padding:12px}.hero{background-position:60% center}}

.logo{width:62px;height:52px;object-fit:contain;vertical-align:middle;margin-right:10px}.brand{display:flex;align-items:center;letter-spacing:1.2px}.topline{background:#d8ae58;color:#171717;text-align:center;padding:7px 15px;font-size:13px;font-weight:700}.topline a{text-decoration:underline}.area{color:#e5bb63;font-weight:700}.contact-grid{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.contact-grid a{min-width:210px}.location-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.location-list span{border:1px solid #6c5b38;border-radius:30px;padding:8px 18px;color:#f3dfb6}.service:hover{border-color:#ad8b4c}.gallery .tile img{cursor:zoom-in}.tile:focus-within{outline:2px solid var(--gold)}.tile a{display:block}.contact-phone{font-size:clamp(24px,4vw,38px);font-weight:800;color:var(--gold);display:block;margin:18px auto}.subtle{font-size:13px;color:#aaa}.brand-text{white-space:nowrap}@media(max-width:760px){.logo{width:48px;height:42px}.brand-text{font-size:13px}.links{gap:10px}.links a:first-child{display:none}}@media(max-width:430px){.links a:not(.button){display:none}.links .button{padding:10px 12px;font-size:12px}}

/* Premium branding refresh */
.brand{display:flex;align-items:center;gap:14px}.brand .logo{height:92px;width:auto;max-width:150px;object-fit:contain}.brand-text{font-size:17px}.hero{min-height:690px}.hero-brand{width:170px;max-width:42vw;display:block;margin:0 0 18px;filter:drop-shadow(0 8px 18px #0009)}.trust-strip{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.trust-strip span{border:1px solid #a78749;color:#f2d9a3;padding:8px 13px;background:#111a;font-weight:700;font-size:13px}.experience{color:var(--gold);font-weight:800}.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand img{width:105px;height:auto;object-fit:contain}.foot{align-items:center}.cta h2{max-width:760px;margin:12px auto 20px}.cta-strong{font-size:22px;color:var(--gold);font-weight:800;letter-spacing:1px}.service-areas{margin-top:20px;color:#d4d4d4}@media(max-width:760px){.brand .logo{height:65px}.brand-text{font-size:13px}.hero-brand{width:135px}.links{gap:10px}.links a:not(.button){display:none}.footer-brand img{width:80px}}@media(max-width:420px){nav{padding:10px 12px}.brand .logo{height:56px}.brand-text{display:none}.links .button{padding:10px 12px;font-size:12px}}

/* New editable-content preview sections */
.reviews-grid,.before-after-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.review-card,.comparison-card{background:#202124;border:1px solid #50432d;border-radius:5px;padding:26px}.review-card h3,.comparison-card h3{color:var(--gold);margin:0 0 12px}.review-card p,.comparison-card p{margin:0 0 12px}.placeholder{border:1px dashed #ad8b4c;color:#e9d4a7;border-radius:4px;padding:22px;background:#171717;text-align:center}.placeholder strong{display:block;color:var(--gold);margin-bottom:8px}.comparison-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.photo-slot{aspect-ratio:4/3;border:1px dashed #ad8b4c;background:linear-gradient(145deg,#303032,#18191a);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e5bb63;text-align:center;padding:12px}.photo-slot small{color:#c5c5c5}.section-note{font-size:13px;color:#bfb7a6}.review-card .stars{color:var(--gold);font-size:22px;letter-spacing:4px}.review-card .stars:empty{display:none}@media(max-width:800px){.reviews-grid,.before-after-grid{grid-template-columns:1fr}}

.admin-bar header{top:32px}@media(max-width:782px){.admin-bar header{top:46px}}

/* Mobile navigation repair, v1.1 */
.menu-toggle{display:none;background:transparent;border:1px solid var(--gold);border-radius:4px;width:46px;height:44px;padding:10px;cursor:pointer;flex-direction:column;justify-content:space-around;align-items:center;flex-shrink:0}
.menu-toggle span{display:block;width:23px;height:2px;background:var(--gold)}
@media(max-width:760px){
 nav{position:relative;flex-wrap:nowrap}
 .menu-toggle{display:flex;margin-left:auto}
 nav .links{display:none;position:absolute;top:100%;left:0;right:0;background:#101113;border-bottom:1px solid #80652f;padding:16px 22px 22px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 14px 22px #0008;max-height:calc(100vh - 110px);overflow-y:auto}
 nav .links.is-open{display:flex}
 nav .links a,nav .links a:first-child,nav .links a:nth-child(2),nav .links a:nth-child(3),nav .links a:not(.button){display:block;padding:12px 6px;font-size:16px;border-bottom:1px solid #333}
 nav .links .button{display:block;text-align:center;margin-top:14px;padding:13px 18px;font-size:15px}
}