/*
Theme Name: Samano & Sons Junk Removal
Theme URI: https://samano-sons-junk-removal.sfrizvi.chatgpt.site
Author: Samano & Sons
Description: Responsive WordPress theme for Samano & Sons Junk Removal.
Version: 1.0.10
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{--green:#07822e;--dark:#050807;--hero:#0b1511;--paper:#f7f6f1}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:Arial,Helvetica,sans-serif;color:#101410}a{text-decoration:none;color:inherit}.site-header{height:100px;padding:8px 4.4vw;display:flex;align-items:center;justify-content:space-between;background:var(--dark);color:#fff;gap:24px}.site-brand img{width:190px;height:auto;display:block;filter:grayscale(1) contrast(3) brightness(1.08);mix-blend-mode:screen}.site-nav{display:flex;gap:36px;font-size:15px;font-weight:800}.site-nav a:hover{color:#42c766}.cta-button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;border-radius:7px;padding:15px 22px;font-size:15px;font-weight:800;white-space:nowrap}.hero{height:635px;position:relative;overflow:hidden;background:var(--hero);color:#fff}.hero-copy{position:relative;z-index:2;padding:95px 0 0 4.4vw;max-width:56%}.hero h1{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(58px,5vw,86px);line-height:.98;letter-spacing:-.015em;margin:0 0 20px;text-transform:none}.hero p{font-size:22px;font-weight:700;line-height:1.45;margin:0 0 32px}.hero-actions{display:flex;gap:18px;align-items:center}.phone-button{min-width:238px;height:58px;border:2px solid #16873a;border-radius:29px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;font-size:20px;font-weight:800}.phone-button b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#30aa52;font-size:16px}.hero-truck{position:absolute;z-index:1;right:-80px;top:0;width:75%;height:100%;background:url('assets/hero-truck.png') right center/auto 95% no-repeat;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 15%,#000 28%)}.hero:before{content:"";position:absolute;inset:0;background:#0b1511;z-index:0}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:36px 4.4vw;background:var(--paper)}.service-card{height:128px;background:#fff;border:1px solid #d7d8d2;border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;align-items:center;padding:20px;gap:16px}.service-icon{width:62px;height:62px;flex:0 0 62px;border:2px solid #0d4a19;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#fff}.service-icon img{width:88px;height:88px;object-fit:contain}.service-card h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:21px;line-height:1.05;margin:0}.about{text-align:center;background:#fff;padding:38px 24px}.about span{color:#08752e;font-size:13px;font-weight:900;letter-spacing:.15em}.about h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;text-transform:uppercase;font-size:48px;margin:12px 0}.about p{max-width:720px;margin:0 auto 24px;color:#576159;font-size:17px;line-height:1.6}.footer{background:var(--dark);color:#c8cec9;padding:16px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.footer img{width:112px;height:auto;max-height:55px;filter:grayscale(1) contrast(3) brightness(1.08);mix-blend-mode:screen}.footer small{font-size:11px}.contact-wrap{background:#0d120f;color:#fff;padding:58px 6vw 80px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.contact-wrap h1{font-size:clamp(48px,6vw,84px);line-height:.95;margin:22px 0}.contact-wrap p{color:#b3bcb5;font-size:17px;line-height:1.7}.contact-card{background:#151c17;border:1px solid #237d3e;padding:22px}.contact-card strong{display:block;font-size:20px;margin:8px 0}.quote-form{background:#f7f7f2;color:#171a18;padding:32px}.quote-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;text-transform:uppercase;font-weight:900;margin-bottom:16px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:13px;border:1px solid #cdd3ce;font:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-form button{border:0;cursor:pointer;width:100%}.notice{padding:14px;background:#dff4e4;color:#145c27;margin-bottom:18px}
@media(max-width:1000px){.site-header{height:86px}.site-brand img{width:165px}.site-nav{display:none}.hero{height:760px}.hero-copy{max-width:none;padding:58px 22px}.hero h1{font-size:54px}.hero p{font-size:18px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-truck{top:390px;right:0;width:100%;height:370px;background-position:center;background-size:auto 110%;mask-image:linear-gradient(to bottom,transparent 0%,#000 18%)}.services{grid-template-columns:1fr 1fr;padding:26px 20px;gap:14px}.contact-wrap{grid-template-columns:1fr;padding:42px 22px;gap:32px}}
@media(max-width:620px){.site-header{padding:5px 18px}.site-brand img{width:145px}.site-header .cta-button{font-size:0;padding:11px 13px}.site-header .cta-button:after{content:'Free Estimate';font-size:12px}.hero{height:700px}.hero-copy{padding:46px 20px}.hero h1{font-size:48px}.hero p{font-size:17px}.cta-button{min-height:52px;font-size:15px}.phone-button{height:52px;min-width:220px;font-size:17px}.hero-truck{top:385px;height:310px;background-position:center bottom;background-size:100% auto;background-repeat:no-repeat}.services{grid-template-columns:1fr}.service-card{height:104px}.service-icon{width:58px;height:58px;flex-basis:58px}.service-icon img{width:82px;height:82px}.about h2{font-size:38px}.form-row{grid-template-columns:1fr}.quote-form{padding:24px 18px}}

/* Revision 1.0.1: keep service artwork fully inside its circle and restore readable title color. */
.service-card h2{font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1.1;font-weight:900;color:#111613}
.service-icon img{width:50px;height:50px;object-fit:contain}
@media(max-width:620px){.service-icon img{width:46px;height:46px}}

/* Revision 1.0.2: use the original artwork's single outline as the visible circle. */
.service-icon{border:0;background:transparent;overflow:visible}
.service-icon img{width:62px;height:62px}
@media(max-width:620px){.service-icon img{width:58px;height:58px}}

/* Revision 1.0.3: enlarge the original icon artwork to fill the icon area. */
.service-icon{width:70px;height:70px;flex-basis:70px}
.service-icon img{width:76px;height:76px}
@media(max-width:620px){.service-icon{width:62px;height:62px;flex-basis:62px}.service-icon img{width:68px;height:68px}}

/* Revision 1.0.7: use redrawn service artwork with one complete green outer border. */
.service-icon{width:70px;height:70px;flex:0 0 70px;border:0;border-radius:50%;display:grid;place-items:center;overflow:visible;background:transparent}
.service-icon img{width:70px;height:70px;object-fit:contain;display:block}
.about h2{font-family:Arial,Helvetica,sans-serif;font-weight:400}

/* Approved Modern & Energetic desktop composition */
.reference-desktop{display:none}
@media(min-width:1001px){
  .site-header,.responsive-home{display:none}
  .reference-desktop{display:block;position:relative;width:100%;overflow:hidden;background:#07100d}
  .reference-desktop>img{display:block;width:100%;height:auto}
  .reference-desktop:before{content:"";position:absolute;z-index:7;left:3.8%;top:1.2%;width:15.5%;height:22.7%;background:linear-gradient(to bottom,#010302 0 85%,transparent 85%),radial-gradient(circle at 2px 2px,rgba(80,96,87,.16) 1px,transparent 1.5px) 0 0/12px 12px,#07100d;pointer-events:none}
  .hotspot{position:absolute;z-index:8;display:block}
  .hs-logo{left:5.25%;top:1.8%;width:12.5%;height:16.7%;display:flex;align-items:center;justify-content:center}
  .hs-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(3) brightness(1.08);mix-blend-mode:screen}
  .hs-home{left:56%;top:4.3%;width:5%;height:6%}.hs-services{left:62.8%;top:4.3%;width:6.5%;height:6%}.hs-about{left:70.5%;top:4.3%;width:5.5%;height:6%}.hs-contact{left:77%;top:4.3%;width:5.5%;height:6%}.hs-header-estimate{left:84%;top:3.4%;width:13.5%;height:6.4%}.hs-hero-estimate{left:4.3%;top:71%;width:17.7%;height:8%}.hs-phone{left:23.1%;top:71%;width:15%;height:8%}
}