/*
Theme Name: Benamer Janitorial
Theme URI: https://benamerjanitorial.com/
Author: Benamer Janitorial LLC
Author URI: https://benamerjanitorial.com/
Description: A modern, customizable WordPress theme for Benamer Janitorial.
Version: 1.0.7
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: benamer-janitorial
License: Proprietary
Copyright: Benamer Janitorial LLC
*/
:root{--bj-navy:#102633;--bj-teal:#12b5a1;--bj-cream:#f4f8f8;--bj-muted:#627780;--bj-border:#e1e9ea;--bj-white:#fff;--bj-radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--bj-navy);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}a:hover{color:var(--bj-teal)}img{max-width:100%;height:auto}.wrap{max-width:1200px;margin:auto;padding:0 28px}.site-header{background:#fff;position:sticky;top:0;z-index:40;border-bottom:1px solid var(--bj-border)}.admin-bar .site-header{top:32px}.header-inner{min-height:84px;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{font-size:22px;font-weight:850;line-height:1.05;letter-spacing:-.9px;display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;background:var(--bj-navy);color:#fff;width:43px;height:43px;border-radius:13px;font-size:22px;letter-spacing:-2px}.brand small{font-size:10px;text-transform:uppercase;letter-spacing:3.2px;color:var(--bj-teal);display:block;margin-top:6px}.custom-logo{max-width:190px;max-height:55px;width:auto}.site-nav ul{display:flex;align-items:center;gap:28px;list-style:none;padding:0;margin:0}.site-nav a{font-size:14px;font-weight:650}.btn,.wp-block-button__link,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:11px;background:var(--bj-teal);color:#082d31!important;font-size:14px;font-weight:800;padding:15px 23px;cursor:pointer;transition:transform .2s,background .2s}.btn:hover,.wp-block-button__link:hover{transform:translateY(-2px);background:#28cdb9;color:#082d31}.btn-dark{background:var(--bj-navy);color:#fff!important}.btn-outline{background:transparent;color:var(--bj-navy)!important;border:1px solid #b5c9cb}.btn-outline:hover{background:#eaf6f4}.menu-toggle{display:none;background:none;border:1px solid var(--bj-border);padding:9px 13px;border-radius:10px;font-weight:700}.hero{background:var(--bj-navy);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:670px;height:670px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-210px;top:-240px;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.018)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center;min-height:665px;padding-top:85px;padding-bottom:95px}.eyebrow{display:inline-flex;align-items:center;gap:11px;text-transform:uppercase;color:var(--bj-teal);font-size:11px;letter-spacing:2.6px;font-weight:850}.eyebrow:before{content:"";width:22px;height:2px;background:var(--bj-teal)}.hero h1{font-size:clamp(42px,5.3vw,74px);line-height:1.07;letter-spacing:-3.8px;margin:23px 0}.hero h1 em{color:var(--bj-teal);font-style:normal}.hero p{color:#c4d4d8;max-width:510px;font-size:17px;line-height:1.85}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.hero-art{min-height:460px;position:relative;display:flex;justify-content:center;align-items:center}.hero-photo{height:490px;width:100%;object-fit:cover;border-radius:140px 16px 16px 16px;background:linear-gradient(145deg,#b9e8e2,#2b827c);box-shadow:28px 28px 0 rgba(255,255,255,.065)}.photo-placeholder{height:490px;width:100%;border-radius:140px 16px 16px 16px;background:linear-gradient(145deg,#207a79,#0e484d);display:flex;justify-content:center;align-items:center;color:#b9e8e2;font-size:120px}.float-note{position:absolute;bottom:25px;left:-35px;background:white;padding:20px 24px;border-radius:14px;color:var(--bj-navy);box-shadow:0 20px 50px #031b2444}.float-note strong{display:block;font-size:20px}.float-note span{font-size:12px;color:var(--bj-muted)}.section{padding:105px 0}.section-alt{background:var(--bj-cream)}.section-heading{max-width:670px;margin-bottom:36px}.section-heading h2,.split h2,.cta h2{font-size:clamp(34px,4vw,52px);line-height:1.14;letter-spacing:-2px;margin:15px 0}.section-heading p,.split p{font-size:16px;color:var(--bj-muted)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.service{background:#fff;border:1px solid var(--bj-border);border-radius:var(--bj-radius);padding:35px;transition:transform .2s,box-shadow .2s}.service:hover{transform:translateY(-5px);box-shadow:0 15px 35px #122d3610}.service .symbol{width:52px;height:52px;border-radius:14px;background:#dff9f5;color:#077d73;display:grid;place-items:center;font-size:24px}.service h3{font-size:21px;margin:24px 0 10px;letter-spacing:-.5px}.service p{color:var(--bj-muted);font-size:14px;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.feature-panel{border-radius:26px;background:#dcf3ef;padding:50px;min-height:370px;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.feature-panel:before{content:'✦';font-size:160px;position:absolute;top:0;right:30px;color:#86cfc1}.feature-panel b{font-size:31px;letter-spacing:-1.4px;position:relative}.feature-panel span{position:relative;color:#3d7270}.checklist{padding:0;list-style:none;display:grid;gap:13px;margin:26px 0}.checklist li:before{content:'✓';color:#008e81;font-weight:900;padding-right:12px}.cta{background:var(--bj-navy);color:#fff;border-radius:26px;padding:65px;display:flex;gap:35px;align-items:center;justify-content:space-between}.cta h2{margin:0 0 10px}.cta p{margin:0;color:#bed0d3}.site-footer{background:#0a202b;color:#d0ddde;padding:65px 0 25px}.footer-columns{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.site-footer h3{color:#fff}.site-footer p,.site-footer a{font-size:14px;color:#b2c6cb}.site-footer ul{list-style:none;padding:0;line-height:2.3}.footer-bottom{border-top:1px solid #2d434c;margin-top:55px;padding-top:25px;font-size:12px;color:#8ba3a9}.page-head{background:var(--bj-cream);padding:65px 0}.page-head h1{font-size:clamp(35px,4vw,56px);margin:0;letter-spacing:-2px}.content-area{max-width:850px;margin:70px auto;padding:0 28px;min-height:260px}.entry-content a{text-decoration:underline;color:#007c78}.entry-content h2,.entry-content h3{line-height:1.3}.entry-content input,.entry-content textarea,.entry-content select{max-width:100%;border:1px solid #bdced1;border-radius:8px;padding:12px;font:inherit}.post-card{border-bottom:1px solid var(--bj-border);padding-bottom:30px;margin-bottom:30px}.post-card h2{margin:8px 0}.post-card time{color:var(--bj-muted);font-size:13px}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:5px;top:5px;background:white;padding:12px;z-index:999}.alignwide{max-width:1200px;margin-left:auto;margin-right:auto}.alignfull{width:100%}@media(max-width:950px){.header-cta{display:none}.hero-grid{gap:30px}.hero h1{letter-spacing:-2px}.services{grid-template-columns:repeat(2,1fr)}.split{gap:35px}}@media(max-width:700px){.wrap{padding:0 20px}.header-inner{min-height:72px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--bj-border);padding:16px 20px;box-shadow:0 20px 25px #10263316}.site-nav.is-open{display:block}.site-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:5px}.site-nav li a{display:block;padding:10px}.hero-grid{grid-template-columns:1fr;min-height:unset;padding-top:65px;padding-bottom:70px}.hero-art{min-height:300px}.hero-photo,.photo-placeholder{height:330px;border-radius:90px 16px 16px 16px}.float-note{left:10px;bottom:-15px}.section{padding:65px 0}.services,.split,.footer-columns{grid-template-columns:1fr}.feature-panel{min-height:270px;padding:35px}.cta{padding:35px;display:block}.cta .btn{margin-top:25px}.site-footer{padding-top:45px}.footer-columns{gap:20px}.admin-bar .site-header{top:46px}}
/* 1.0.1: centered monogram and configurable contact actions */
.brand-mark{display:flex;align-items:center;justify-content:center;flex:0 0 43px;letter-spacing:0;line-height:1;font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:900;padding:0 0 1px 0;position:relative;overflow:hidden}
.brand-mark:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--bj-teal);bottom:5px;right:5px}
.contact-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;align-items:center;max-width:470px}
.contact-btn{white-space:nowrap;min-width:118px}
.contact-btn-outline{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important}
.contact-btn-outline:hover{background:rgba(255,255,255,.12)!important}
.contact-pending{font-size:13px!important;line-height:1.6!important;color:#bed0d3!important;max-width:310px;margin:0!important;text-align:right}
@media(max-width:700px){.contact-actions{justify-content:flex-start;margin-top:24px}.contact-pending{text-align:left}.contact-btn{flex:1 1 120px}}

/* Version 1.0.2 — Benamer purple palette & single-row contact actions */
:root{--bj-navy:#4C2365;--bj-teal:#9E7EB5;--bj-cream:#f8f5fa;--bj-muted:#715e7e;--bj-border:#e9dff0;--bj-purple-mid:#7F5D99;--bj-lilac:#C4A4DA}
body{color:var(--bj-navy)}
a:hover{color:var(--bj-purple-mid)}
.btn,.wp-block-button__link,input[type=submit]{background:var(--bj-purple-mid);color:#fff!important}
.btn:hover,.wp-block-button__link:hover,input[type=submit]:hover{background:var(--bj-navy);color:#fff!important}
.btn-dark{background:var(--bj-navy)!important;color:#fff!important}
.btn-outline{background:transparent;color:var(--bj-navy)!important;border-color:var(--bj-lilac)}
.btn-outline:hover{background:#f2e9f7;color:var(--bj-navy)!important}
.header-cta{background:var(--bj-navy)}
.brand small{color:var(--bj-purple-mid)}
.brand-mark:after{background:var(--bj-lilac)}
.hero{background:linear-gradient(130deg,var(--bj-navy),#39204d)}
.hero p{color:#e2d6e9}
.hero h1 em{color:var(--bj-lilac)}
.hero .btn-outline{color:#fff!important;border-color:rgba(255,255,255,.55)!important}
.hero .btn-outline:hover{background:rgba(255,255,255,.12);color:#fff!important}
.hero-photo{background:linear-gradient(140deg,var(--bj-lilac),var(--bj-purple-mid))}
.photo-placeholder{background:linear-gradient(145deg,var(--bj-purple-mid),var(--bj-navy));color:var(--bj-lilac)}
.float-note{color:var(--bj-navy)}
.service .symbol{background:#efe6f5;color:var(--bj-navy)}
.feature-panel{background:linear-gradient(145deg,#eee2f5,var(--bj-lilac))}
.feature-panel:before{color:#a882c4}
.feature-panel span{color:#5b3872}
.checklist li:before{color:var(--bj-purple-mid)}
.cta{background:var(--bj-navy);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 30px;padding:62px 48px}
.cta>div:first-child{min-width:0}
.cta h2{font-size:clamp(28px,3.1vw,46px)}
.cta p{color:#e5d9ed}
.contact-actions{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;gap:10px;max-width:none;min-width:0;width:max-content}
.contact-btn{display:inline-flex;white-space:nowrap;flex:0 0 auto;min-width:0;padding:14px 17px;background:var(--bj-lilac)!important;color:#301843!important}
.contact-btn:hover{background:#e0c9ef!important;color:#301843!important}
.contact-btn-outline{border:1px solid rgba(255,255,255,.55)!important;background:transparent!important;color:#fff!important}
.contact-btn-outline:hover{background:rgba(255,255,255,.15)!important;color:#fff!important}
.contact-pending{color:#e5d9ed!important}
.site-footer{background:#321b42;color:#eee1f3}
.site-footer p,.site-footer a{color:#e0cde9}
.footer-bottom{border-color:#674979;color:#d9c0e5}
.entry-content a{color:var(--bj-purple-mid)}
@media(max-width:1050px){.cta{grid-template-columns:1fr;padding:44px}.contact-actions{justify-content:flex-start;max-width:100%;width:100%}}
@media(max-width:700px){.cta{padding:31px 22px}.contact-actions{display:flex;flex-wrap:nowrap;gap:6px;justify-content:space-between;margin-top:18px}.contact-btn{flex:1 1 0;min-width:0;padding:11px 5px;font-size:12px;gap:5px}.contact-pending{text-align:left}.cta .contact-btn{margin-top:0}}
@media(max-width:380px){.contact-btn{font-size:11px;padding:10px 3px}}

/* v1.0.4 — logo fix, retaining the full v1.0.2 purple palette */
.brand-mark{display:flex;align-items:center;justify-content:center;letter-spacing:0;line-height:1;padding:0;text-align:center}
.brand-mark::after{content:none!important;display:none!important}

/* v1.0.5 — editable homepage service area section */
#service-area{scroll-margin-top:100px}
.service-area-section{background:#fff;padding-top:75px;padding-bottom:75px}
.service-area-card{border-radius:26px;border:1px solid #e7daee;background:linear-gradient(125deg,#f9f5fc 0%,#f2eaf8 100%);padding:46px 50px;display:flex;align-items:center;gap:28px}
.service-area-icon{width:66px;height:66px;border-radius:20px;flex:none;background:#e1d0ec;color:#4c2365;font-size:44px;display:grid;place-items:center;line-height:1}
.service-area-copy{flex:1;min-width:0}
.service-area-copy h2{font-size:clamp(29px,3.1vw,42px);line-height:1.16;letter-spacing:-1.5px;margin:12px 0}
.service-area-copy p{color:#675773;margin:0;max-width:640px}
.service-area-locations{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px;color:#4c2365;font-size:15px;line-height:1.6}
.service-area-locations strong{font-weight:800}
.service-area-link{background:#4c2365!important;color:#fff!important;white-space:nowrap}
.service-area-link:hover{background:#7f5d99!important;color:#fff!important}
@media(max-width:850px){.service-area-card{padding:32px;flex-wrap:wrap}.service-area-link{margin-left:94px}}
@media(max-width:550px){.service-area-card{padding:27px 23px;gap:18px}.service-area-icon{width:52px;height:52px;font-size:34px}.service-area-copy{flex-basis:100%}.service-area-link{margin-left:0;width:100%}}

/* v1.0.6 — consistent vector icons (no emoji glyphs on mobile or desktop) */
.bj-icon{display:inline-block;width:19px;height:19px;flex-shrink:0;vertical-align:middle;stroke:currentColor;fill:none}
.btn .bj-icon{width:17px;height:17px}
.menu-toggle{align-items:center;justify-content:center;gap:8px}
@media(max-width:700px){.menu-toggle{display:inline-flex}.contact-btn .bj-icon{width:16px;height:16px}.service .symbol .bj-icon{width:25px;height:25px}}
.service .symbol .bj-icon{width:26px;height:26px}
.photo-placeholder .bj-icon{width:110px;height:110px;stroke-width:1.15}
.service-area-icon .bj-icon{width:34px;height:34px;stroke-width:1.75}
@media(max-width:550px){.service-area-icon .bj-icon{width:27px;height:27px}}

/* v1.0.7 — comprehensive, editable commercial services */
#services .section-heading{max-width:760px}
#services .services{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#services .service{display:flex;flex-direction:column;min-height:255px;padding:32px 30px;border:1px solid #e6d9ee;border-radius:22px;box-shadow:0 5px 22px rgba(76,35,101,.035)}
#services .service .symbol{width:54px;height:54px;border-radius:16px;background:#f0e7f5;color:#4c2365}
#services .service h3{font-size:21px;line-height:1.28;margin:24px 0 9px;color:#4c2365}
#services .service p{font-size:14px;line-height:1.75;color:#725f7e}
#services .service:hover{box-shadow:0 20px 44px rgba(76,35,101,.10);border-color:#c4a4da}
@media(max-width:900px){#services .services{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#services .services{grid-template-columns:1fr}#services .service{min-height:0;padding:26px}}