/*
Theme Name: Gold Clean Jazan VIP
Author: Gold Clean
Description: قالب عربي مستقل لجولد كلين في جيزان؛ 15 صفحة وخط كايرو محلي وحجز واتساب.
Version: 1.4.0
Text Domain: gold-clean-jazan
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
*/

:root{--ink:#102b30;--deep:#091e24;--gold:#b9944e;--light:#f8f5ee;--line:#e4dfd4;--muted:#617171}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--light);font-family:Cairo,Tahoma,sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.wrap{width:min(1200px,90%);margin:auto}.top{background:var(--deep);color:#ead6af;font-size:12px;text-align:center;padding:7px}.header{background:#f8f5eef5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800;line-height:1.25}.brand small{display:block;font-size:10px;letter-spacing:4px;color:#826630;margin-top:8px}.mark{display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;width:51px;height:51px;color:var(--gold);font-size:30px}.links{display:flex;gap:28px;font-size:13px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--gold);color:#10252a;border:1px solid var(--gold);border-radius:5px;padding:12px 25px;font-weight:800;font-size:14px;cursor:pointer}.btn.outline{background:transparent;color:inherit;border-color:#b4beb9}.menu{display:none;background:none;border:1px solid var(--line);padding:8px 13px}.hero{padding:64px 0 70px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#8b6d31;display:block}.hero h1{font-size:clamp(34px,4.4vw,61px);line-height:1.5;letter-spacing:-1.5px;margin:18px 0}.hero h1 em{font-style:normal;color:#9d793a}.hero p{max-width:550px;color:var(--muted);font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.small-notes{display:flex;gap:23px;font-size:12px;margin-top:28px;color:#5d706d}.art{position:relative;min-height:480px;border-radius:150px 150px 8px 8px;background:#ded6c4;overflow:hidden}.art svg{position:absolute;width:100%;height:100%;inset:0}.art-tag{position:absolute;bottom:24px;right:24px;left:24px;background:#fffcf3ed;border:1px solid #fff;padding:17px 24px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;font-weight:700}.art-tag small{display:block;font-size:11px;font-weight:400}.ribbon{background:var(--ink);color:#e8deca}.ribbon .wrap{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:23px 0}.ribbon span{border-left:1px solid #ffffff24;font-size:13px}.ribbon span:last-child{border:0}.ribbon b{color:#e4bf7a;margin-left:10px}.section{padding:78px 0}.section.white{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section h2{font-size:34px;line-height:1.5;margin:9px 0 14px}.section-head p{max-width:430px;color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card-body{padding:25px}.card h3{font-size:20px;margin:12px 0 8px}.card p{font-size:13px;color:var(--muted);margin:0 0 20px}.tile{height:135px;position:relative;background:#ede8dc;display:flex;align-items:center;justify-content:space-between;padding:30px;color:#92713a}.tile svg{width:70px;height:70px;stroke:currentColor;fill:none;stroke-width:1.3}.tile span{font-size:44px;font-weight:800;opacity:.18;direction:ltr}.card-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;border-top:1px solid var(--line);padding-top:15px}.card-link a:first-child{color:#78602d}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.dark{background:var(--deep);color:#fff}.dark p{color:#bccbc8}.dark .eyebrow{color:#dfbc7f}.steps{counter-reset:steps;display:grid;gap:18px}.step{padding:22px;border:1px solid #d9dfd6;border-radius:6px;display:flex;gap:20px}.step b{color:var(--gold);font-size:28px}.step h3{margin:0;font-size:18px}.step p{font-size:13px;margin:4px 0;color:var(--muted)}.checklist{list-style:none;padding:0}.checklist li{padding:16px 0;border-bottom:1px solid var(--line)}.checklist li:before{content:'✓';color:#8c6a2f;margin-left:15px}.faq{display:grid;gap:12px}details{border:1px solid var(--line);padding:18px 24px;border-radius:6px;background:#fff}summary{cursor:pointer;font-weight:700;font-size:15px}details p{font-size:14px;color:var(--muted)}.booking{background:#fff;border-radius:10px;padding:32px;color:var(--ink)}label{display:block;font-size:13px;margin-bottom:13px}input,select,textarea{display:block;width:100%;border:1px solid #d8dfd9;background:#fafaf6;border-radius:4px;padding:12px;margin-top:6px;color:var(--ink)}textarea{min-height:90px;resize:vertical}.booking .btn{width:100%}.fine{font-size:11px!important;color:#64736c!important}.footer{background:#06171d;color:#d3ded9;padding:50px 0 95px}.foot-grid{display:grid;grid-template-columns:1.2fr 2fr 1fr;gap:40px;font-size:13px}.foot-links{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px}.copyright{border-top:1px solid #ffffff20;margin-top:35px;padding-top:20px;font-size:11px;color:#aebbb5}.float{position:fixed;bottom:22px;z-index:40;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;box-shadow:0 5px 20px #0003}.wa{right:22px;background:#18874d;color:white}.call{left:22px;background:#b9944e;color:#10252a}.float svg{width:27px;height:27px;fill:currentColor}.crumb{font-size:12px;color:var(--muted);margin-bottom:22px}.service-title{max-width:850px}.service-title h1{font-size:44px}.reading{max-width:800px}.reading p{font-size:16px;line-height:2.2;color:var(--muted)}@media(max-width:850px){.links{display:none;position:absolute;top:90px;left:0;right:0;padding:22px;background:var(--light);border-bottom:1px solid var(--line)}.links.open{display:grid}.menu{display:block}.nav>.btn{display:none}.hero-grid,.split{grid-template-columns:1fr;gap:30px}.hero{padding:35px 0}.hero h1{font-size:39px}.art{min-height:370px}.grid{grid-template-columns:repeat(2,1fr)}.section{padding:48px 0}.section-head{display:block}.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:first-child{grid-column:1/-1}.ribbon span{font-size:11px}.ribbon b{display:block;margin:0}.small-notes{gap:12px;font-size:10px}}@media(max-width:520px){.grid{grid-template-columns:1fr}.art{min-height:340px}.hero h1{font-size:35px}.section h2{font-size:28px}.brand{font-size:22px}.section-head p{font-size:13px}.foot-grid{grid-template-columns:1fr}.actions .btn{flex:1;padding:11px 15px}.booking{padding:23px}.small-notes{flex-wrap:wrap}.service-title h1{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.screen-reader-text:focus{position:fixed;top:10px;right:10px;width:auto;height:auto;padding:15px;background:white;z-index:99;clip:auto}

.guide-section{padding:25px 0;border-bottom:1px solid var(--line)}.guide-section h2{font-size:26px}.guide-section h3{font-size:21px}.guide-section p{line-height:2.1}

/* Reference-led redesign: full-width hero, black/gold navigation, centered sections. */
:root{--gold:#dfaa08;--ink:#111;--deep:#050505;--light:#f4f1e9;--muted:#4c4b45;--line:#dfd8c6}
body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,nav,a,p,summary,label{font-family:'Cairo',Tahoma,sans-serif!important}body{background:var(--light)}.top{display:none}.header{background:#000;border-bottom:1px solid var(--gold);color:white}.nav{width:96%;max-width:1440px;min-height:98px;gap:35px}.brand{font-size:36px;color:var(--gold);gap:10px;white-space:nowrap}.brand small{font-size:10px;letter-spacing:5px;color:var(--gold)}.mark{width:65px;height:65px;border:0;border-radius:14px;background:var(--gold);color:#000}.mark svg{width:44px;height:44px;stroke:currentColor;fill:none;stroke-width:2.4}.links{margin-right:auto;font-size:13px;gap:6px;align-items:center}.links a{padding:4px 15px;border-radius:25px}.links a:first-child{background:white;color:#111}.links a:hover{background:#dfaa0826}.header .nav>.btn{display:none}.btn{background:var(--gold);border:4px double #2e2200;border-radius:10px;color:#080808;padding:10px 27px;box-shadow:0 0 0 2px var(--gold);font-size:16px;line-height:1.5}.btn.outline{box-shadow:none;border:1px solid #d4c4a1;background:transparent;color:inherit}.hero.reference-hero{padding:64px 20px 72px;min-height:690px;display:grid;place-items:center;background:linear-gradient(#0008,#0009),url('assets/hero-cleaning.webp') center 54%/cover no-repeat;text-align:center;color:#fff;border-bottom:1px solid var(--gold)}.hero-inner{width:min(860px,100%);margin:auto}.hero.reference-hero h1{font-size:39px;line-height:1.7;letter-spacing:0;margin:12px 0 20px;font-weight:800}.hero.reference-hero .hero-subtitle{font-size:29px;color:var(--gold);line-height:1.7;font-weight:800;margin:24px auto 0}.hero.reference-hero p.hero-services{color:#fff;font-size:28px;line-height:1.55;font-weight:700;margin:0 auto;max-width:690px}.gold-rule{display:block;background:var(--gold);width:95px;height:6px;margin:23px auto}.hero-ribbon{display:inline-block;background:var(--gold);color:#000;font-weight:800;font-size:23px;padding:8px 34px;clip-path:polygon(0 0,100% 0,97% 50%,100% 100%,0 100%,3% 50%)}.hero.reference-hero .hero-note{color:var(--gold);font-weight:700;font-size:23px;margin:26px 0 42px}.hero.reference-hero .actions{justify-content:center;margin-top:35px}.section{padding:60px 0}.section-title{text-align:center;margin-bottom:36px}.section-title h2{font-size:36px;font-weight:600;margin:0 0 18px}.section-title:after{content:'';display:block;width:180px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:20px auto}.section-title p{max-width:850px;margin:15px auto 0;color:#383832;line-height:1.9;font-size:17px}.section-head{display:block;text-align:center}.section-head p{max-width:840px;margin:15px auto}.section-head h2:after{content:'';display:block;width:170px;height:1px;background:var(--gold);margin:20px auto}.services-grid{gap:50px 42px}.services-grid .card{background:none;border:0;border-radius:0;overflow:visible;text-align:center}.services-grid .card:hover{transform:none}.service-photo{width:112px;height:112px;margin:0 auto 18px;border-radius:50%;background-image:url('assets/services-atlas.webp');background-size:400% 400%;background-repeat:no-repeat;border:3px solid #e6dbbb;box-shadow:0 4px 12px #0001}.services-grid .card-body{padding:0 5px}.services-grid .card h3{font-size:22px;margin:12px 0 8px;line-height:1.65}.services-grid .card p{font-size:15px;line-height:1.8;min-height:80px;color:#333}.services-grid .card-link{border:0;justify-content:center;gap:15px;flex-wrap:wrap;padding-top:8px}.services-grid .card-link a:first-child{font-size:13px;color:#503c00}.services-grid .card-link a:last-child{background:var(--gold);border:4px double #2e2200;box-shadow:0 0 0 2px var(--gold);border-radius:8px;color:#000;padding:7px 18px;font-size:15px}.service-banner{padding:48px 20px;text-align:center;background:#000;color:#fff;border-block:1px solid var(--gold)}.service-banner h2{font-size:30px;margin:5px 0;color:var(--gold)}.service-banner p{color:#fff;font-size:20px}.reference-booking{background:#fff;color:#111}.reference-booking .split{display:block}.reference-booking .booking-intro{text-align:center;max-width:800px;margin:0 auto 28px}.reference-booking .booking-intro h2{font-size:34px}.reference-booking .booking-intro h2:after{content:'';display:block;background:var(--gold);height:1px;width:180px;margin:20px auto}.reference-booking .booking-intro p{color:#555;font-size:15px}.reference-booking .booking{max-width:840px;margin:auto;padding:28px 30px;background:#f6f3eb;border:1px solid #e4dac1;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.reference-booking .booking h3{display:none}.reference-booking .booking label{margin:0}.reference-booking .booking label:nth-of-type(5),.reference-booking .booking button,.reference-booking .booking .fine{grid-column:1/-1}.reference-booking input,.reference-booking select,.reference-booking textarea{background:white;border-color:#cfc5ae;min-height:48px}.reference-booking .booking button{margin-top:8px}.reference-booking .booking-intro h3,.reference-booking .booking-intro>a{display:none}.dark{background:#000}.footer{background:#000;color:#ddd;border-top:1px solid var(--gold)}.footer .brand{font-size:29px}.footer .foot-links{font-size:12px}.footer .mark{width:50px;height:50px}.footer .mark svg{width:34px;height:34px}.contact-panel{background:#f4f1e9;text-align:center;padding:65px 20px;border-top:1px solid var(--gold)}.contact-panel h2{font-size:34px;margin:0 0 20px}.contact-panel .phone{font-size:38px;font-weight:800;display:block;color:#161616;direction:ltr;margin:15px auto 28px}.contact-panel p{color:#444}.hero:not(.reference-hero){background:#0b0b0b;color:white;text-align:center;border-bottom:1px solid var(--gold)}.service-title{margin:auto}.hero:not(.reference-hero) h1{color:var(--gold);letter-spacing:0;font-size:37px}.hero:not(.reference-hero) p,.hero:not(.reference-hero) .crumb{color:#ddd}.hero:not(.reference-hero) .actions{justify-content:center}.hero:not(.reference-hero) h1 em{color:white}.menu{border-color:var(--gold);color:var(--gold)}.wa{background:#16874b}.call{background:var(--gold);color:#000}.float{width:56px;height:56px}
@media(max-width:1050px){.brand{font-size:28px}.links a{padding:5px 8px}.nav{gap:18px}.mark{width:55px;height:55px}.links{font-size:12px}}
@media(max-width:850px){.links{background:#000;top:98px;text-align:center;padding:20px}.links.open{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brand{font-size:30px}.menu{margin-right:auto}.hero.reference-hero{min-height:620px;padding:45px 18px}.hero.reference-hero h1{font-size:32px}.hero.reference-hero .hero-subtitle{font-size:25px}.hero.reference-hero p.hero-services{font-size:24px}.hero-ribbon{font-size:19px}.services-grid{gap:40px 20px}.services-grid .card p{min-height:100px}.section-title h2{font-size:29px}}
@media(max-width:520px){.nav{min-height:82px}.links{top:82px}.brand{font-size:27px}.mark{width:50px;height:50px}.hero.reference-hero{min-height:620px;background-position:60% center}.hero.reference-hero h1{font-size:27px;line-height:1.8}.hero.reference-hero .hero-subtitle{font-size:23px}.hero.reference-hero p.hero-services{font-size:22px;line-height:1.8}.hero.reference-hero .hero-note{font-size:19px;margin-bottom:30px}.hero-ribbon{font-size:16px;padding:8px 24px}.hero.reference-hero .btn{flex:initial}.services-grid{grid-template-columns:1fr;gap:43px}.services-grid .card p{min-height:0;max-width:340px;margin:10px auto 18px}.service-photo{width:120px;height:120px}.reference-booking .booking{grid-template-columns:1fr;padding:22px 18px}.reference-booking .booking>*{grid-column:1/-1}.reference-booking .booking-intro h2{font-size:29px}.section{padding:42px 0}.hero:not(.reference-hero) h1{font-size:28px}.service-banner h2{font-size:26px}.service-banner p{font-size:17px}.contact-panel .phone{font-size:32px}}

/* Wide square-cornered stacked service actions. */
.services-grid .card-link{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:300px;margin:0 auto;padding-top:8px}
.services-grid .card-link a:first-child,.services-grid .card-link a:last-child{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:11px 18px;border:1px solid #a67a00;border-radius:0;background:var(--gold);color:#111;box-shadow:none;font-size:15px;font-weight:800;line-height:1.6;text-align:center}
.services-grid .card-link a:hover{background:#f0bf35}

.services-grid .card-link a.service-whatsapp{background:#25D366;border-color:#1bab52;color:#073b1c;gap:10px}
.services-grid .card-link a.service-whatsapp:hover{background:#1fbd5a}
.services-grid .card-link a.service-whatsapp svg{width:24px;height:24px;flex:0 0 24px;fill:currentColor}

.service-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:10px}.hero .btn.service-whatsapp{background:#25d366;color:#073b1c;border-color:#1bab52;box-shadow:none;border-radius:0}.service-whatsapp svg{width:24px;height:24px;fill:currentColor;flex-shrink:0}.service-tagline{font-size:26px!important;color:#fff!important;font-weight:700}.detail-services .card{background:#f8f5ed;border:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.detail-services .card-body{display:flex;flex-direction:column;flex:1}.detail-services .card p{min-height:150px}.detail-services .card-link{margin-top:auto}.service-number{display:block;font-size:36px;font-weight:800;color:#9d7500;line-height:1.3}.service-copy p,.care-card p{line-height:2.1;font-size:16px;color:#444}.care-card{border:1px solid var(--line);padding:25px;background:#faf8f1}.care-card h3{font-size:21px;margin:0 0 14px}.related-inline{margin-top:32px;border-top:1px solid var(--line);padding-top:16px}.related-inline a{display:inline-block;color:#6f5100;margin:5px 0 5px 22px;text-decoration:underline}@media(max-width:850px){.care-grid{grid-template-columns:1fr}.detail-services .card p{min-height:0}}

.hero.service-hero p{margin-left:auto;margin-right:auto}.hero.service-hero .eyebrow{color:#d9b55f}

/* Wide, consistently spaced service buttons with clear icon and text. */
.services-grid .card-link{max-width:none;gap:12px;margin-top:auto;padding-top:18px}
.services-grid .card{display:flex;flex-direction:column}.services-grid .card-body{display:flex;flex-direction:column;flex:1}
.services-grid .card-link a:first-child,.services-grid .card-link a:last-child{min-height:52px;border-width:1px;letter-spacing:0;font-size:15px;transition:background .15s,box-shadow .15s,transform .15s}
.services-grid .card-link a.service-whatsapp{background:#25d366;color:#073b1c;border-color:#16a34a;box-shadow:0 3px 0 #15803d;gap:12px}
.services-grid .card-link a:last-child{background:#dfaa08;color:#171300;border-color:#a87a00;box-shadow:0 3px 0 #9a7100}
.services-grid .card-link a:hover{transform:translateY(-1px);filter:brightness(1.04)}
.services-grid .card-link a:active{transform:translateY(2px);box-shadow:none}
.services-grid .card-link a.service-whatsapp svg{width:25px;height:25px;flex-basis:25px}
.services-grid .card-link a:last-child:after{content:'←';margin-inline-start:12px;font-size:20px;line-height:1}
@media(prefers-reduced-motion:reduce){.services-grid .card-link a:first-child,.services-grid .card-link a:last-child{transition:none;transform:none}}