/* Clear Home theme — WordPress integration layer on top of the approved design CSS */
[hidden]{display:none !important}
.sr,.screen-reader-text{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:#0B1B33;color:#fff;padding:10px 16px;border-radius:10px;font:600 14px Inter,sans-serif;text-decoration:none}
.skip:focus{top:12px;color:#fff}
body.admin-bar .hdr{top:32px}
@media (max-width:782px){body.admin-bar .hdr{top:46px}}
a.svc{display:block;text-decoration:none;color:inherit}
a.svc:hover{color:inherit}
.ch a.btn,.cx a.btn{text-decoration:none}
.util .grp a{text-decoration:none}
.fbot .r a{color:inherit;text-decoration:none;font-size:14px}
.fbot .r{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.fbot .r a:hover{color:#fff;text-decoration:underline}
.foot ul a{text-decoration:none}
/* segmented links on the sign-in screen */
.seg a{border:0;background:none;padding:9px 16px;border-radius:10px;font-size:14px;font-weight:600;color:#46566C;text-decoration:none;min-height:40px;display:inline-flex;align-items:center;transition:background .25s,color .25s,box-shadow .25s}
.seg a.on{background:#fff;color:#0B1B33;box-shadow:0 4px 12px -6px rgba(11,27,51,.35)}
.seg a:focus-visible{outline:3px solid #8DB6F3;outline-offset:3px}
/* account bottom nav uses links */
@media (max-width:1000px){
 .bnav a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#5A6A80;padding:6px 8px;border-radius:12px;min-width:60px;text-decoration:none}
 .bnav a.on{color:#1764D8;background:#E8F1FD}
}
.mini-t{width:100%;border-collapse:collapse;font-size:14px}
.mini-t td{padding:6px 0;border-bottom:1px solid #EEF2F7;color:#46566C}
.mini-t td.r{text-align:right;color:#0B1B33;font-weight:600}
/* jobs list (careers + homepage) */
.jobs-list{display:flex;flex-direction:column;gap:10px}
.job{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #E3E8EF;text-decoration:none;color:#0B1B33;transition:transform .3s,box-shadow .3s}
a.job:hover{color:#0B1B33;transform:translateX(4px);box-shadow:0 14px 30px -20px rgba(110,67,0,.45)}
.job .jic{width:42px;height:42px;border-radius:12px;background:#FFF4D6;color:#8A5A00;display:flex;align-items:center;justify-content:center;flex:none}
.job .jn{flex:1;min-width:0}
.job .jn b{display:block;font-size:15px}
.job .jn span{font-size:13px;color:#5A6A80}
.job .ja{font-size:13px;font-weight:600;color:#8A5A00;display:inline-flex;gap:4px;align-items:center}
/* form validation states */
.fld.has-err input,.fld.has-err select,.fld.has-err textarea{border-color:#B42318;box-shadow:0 0 0 3px rgba(180,35,24,.12)}
.fld .emsg{font-size:13px;color:#B42318}
.btn[aria-busy="true"]{opacity:.7;pointer-events:none}
.btn .spin-s{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:chspin .8s linear infinite}
@keyframes chspin{to{transform:rotate(360deg)}}
/* blog content */
.prose img{max-width:100%;height:auto;border-radius:16px}
.prose figure{margin:28px 0}
.prose figcaption{font-size:13px;color:#5A6A80;margin-top:8px}
.prose pre{background:#0B1B33;color:#E8F1FD;padding:18px;border-radius:14px;overflow:auto;font-size:14px}
.prose blockquote{margin:24px 0;padding:6px 0 6px 20px;border-left:4px solid #1764D8;color:#2A3A52;font-size:19px}
.prose .wp-block-image{margin:28px 0}
.pagination,.nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.nav-links a,.nav-links span{min-width:44px;height:44px;padding:0 14px;border-radius:12px;border:1px solid #E3E8EF;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;color:#0B1B33}
.nav-links .current{background:#0B1B33;color:#fff;border-color:#0B1B33}
.post-thumb{display:block;border-radius:18px;overflow:hidden;aspect-ratio:16/10;background:#E8F1FD}
.post-thumb img{width:100%;height:100%;object-fit:cover;display:block}
/* booking & quote helpers */
.drop{border:1.5px dashed #BFD3F2;border-radius:16px;padding:18px;background:#F7F9FC;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.drop input[type=file]{font-size:14px}
.thumbs{display:flex;gap:8px;flex-wrap:wrap}
.thumbs img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid #E3E8EF}
.slots-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:560px){.slots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.legal-note{font-size:13px;color:#5A6A80}
.notice-bar{background:#FFF4D6;color:#6E4300;font:600 13px Inter,sans-serif;text-align:center;padding:8px 16px}
/* generic page content */
.page-body{max-width:820px}
.page-body h2{font-family:'Schibsted Grotesk',sans-serif;font-size:28px;margin:36px 0 12px}
.page-body h3{font-family:'Schibsted Grotesk',sans-serif;font-size:21px;margin:28px 0 10px}
.page-body p,.page-body li{color:#2A3A52;line-height:1.7}
.page-body p{margin:0 0 14px}
.page-body ul{list-style:disc;padding-left:22px;margin:0 0 14px}
@media print{.util,.hdr,.mmenu,.foot,.fab,.chat,.toast{display:none !important}}
.rel a{display:flex;gap:14px;align-items:center;padding:18px;border-radius:18px;border:1px solid var(--line);background:#fff;font:inherit;text-align:left;cursor:pointer;color:var(--ink);transition:all .3s var(--ease)}
.rel a:hover{border-color:var(--blue-200);transform:translateY(-3px);box-shadow:var(--sh-2)}
.rel a{text-decoration:none;color:inherit}
a.fchip{text-decoration:none;color:inherit}

/* Cleaning service (v1.0.3): homepage grid and illustration motion */
.svc-grid .cell.full{grid-column:1/-1}
@media (max-width:1000px){.svc-grid .cell.ai-cell{grid-column:1/-1}}
.svc .twinkle path{transform-box:fill-box;transform-origin:center;animation:clhTwinkle 2.6s ease-in-out infinite}
.svc .twinkle path:nth-child(2){animation-delay:.8s}.svc .twinkle path:nth-child(3){animation-delay:1.6s}
.svc .mist circle{animation:clhMist 1.8s ease-out infinite}.svc .mist circle:nth-child(2){animation-delay:.25s}.svc .mist circle:nth-child(3){animation-delay:.5s}.svc .mist circle:nth-child(4){animation-delay:.75s}
.svc .foam{transform-box:fill-box;transform-origin:bottom center;animation:clhFoam 3s ease-in-out infinite}
@keyframes clhTwinkle{0%,100%{transform:scale(.6);opacity:.5}50%{transform:scale(1.1);opacity:1}}
@keyframes clhMist{0%{opacity:0;transform:translateX(-6px)}40%{opacity:1}100%{opacity:0;transform:translateX(10px)}}
@keyframes clhFoam{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){.svc .twinkle path,.svc .mist circle,.svc .foam{animation:none}}
.svc-grid .svc{display:flex}
@media (min-width:681px){.svc-grid .cell.full .wide-card .vis{width:34%}}

/* Hero scene follows UAE time of day (v1.0.4): data-tod = dawn | day | sunset | night */
.scene svg *{transition:fill 1.2s ease,stop-color 1.2s ease,opacity 1.2s ease,transform 1.6s ease}
.scene .sun,.scene .moon,.scene .stars,.scene .clouds,.scene .wlights,.scene .lampglow,.scene .beam{transition:opacity 1.2s ease,transform 1.6s ease}
.scene .sun{transform-box:view-box}
.scene{--sk1:#16346A;--sk2:#2B5DA8;--wl1:#12284A;--wl2:#0E2140;--fl:#0A1A33;--b1:#0C1E3B;--b2:#0F2547;--b3:#0A1A33;--fr:#2A4A7E;--sl:#1E3A66;--sh:#F7E7C0;--cl:#fff}
.scene .sk1{stop-color:var(--sk1)}.scene .sk2{stop-color:var(--sk2)}.scene .wl1{stop-color:var(--wl1)}.scene .wl2{stop-color:var(--wl2)}
.scene .floor{fill:var(--fl)}.scene .b1{fill:var(--b1)}.scene .b2{fill:var(--b2)}.scene .b3{fill:var(--b3)}
.scene .frame{stroke:var(--fr)}.scene rect.frame{fill:none}.scene .sill{fill:var(--sl)}.scene .shade{fill:var(--sh)}.scene .clouds{fill:var(--cl)}
.scene .sun,.scene .clouds,.scene .beam{opacity:0}
/* night (default) */
.scene[data-tod="night"] .moon,.scene[data-tod="night"] .stars,.scene[data-tod="night"] .wlights,.scene[data-tod="night"] .lampglow{opacity:1}
/* dawn */
.scene[data-tod="dawn"]{--sk1:#4A62A8;--sk2:#F4B18A;--wl1:#1A355E;--wl2:#142B4E;--fl:#102446;--b1:#2A3F66;--b2:#31497A;--b3:#253A61;--fr:#3A5A8E;--sl:#24426F;--cl:#FFE3D3}
.scene[data-tod="dawn"] .sun{opacity:1;transform:translateY(150px)}
.scene[data-tod="dawn"] .moon{opacity:0}.scene[data-tod="dawn"] .stars{opacity:.25}.scene[data-tod="dawn"] .clouds{opacity:.55}
.scene[data-tod="dawn"] .wlights{opacity:.35}.scene[data-tod="dawn"] .lampglow{opacity:.35}.scene[data-tod="dawn"] .beam{opacity:.35}
/* day */
.scene[data-tod="day"]{--sk1:#3D8BE6;--sk2:#A8D3FA;--wl1:#1D3D6B;--wl2:#17335C;--fl:#132B50;--b1:#5E7FAE;--b2:#7090BE;--b3:#4E6D9B;--fr:#4A6FA6;--sl:#2A4C80;--sh:#E4DAC4;--cl:#fff}
.scene[data-tod="day"] .sun{opacity:1;transform:translateY(0)}
.scene[data-tod="day"] .moon,.scene[data-tod="day"] .stars,.scene[data-tod="day"] .wlights,.scene[data-tod="day"] .lampglow{opacity:0}
.scene[data-tod="day"] .clouds{opacity:.95}.scene[data-tod="day"] .beam{opacity:1}
/* sunset */
.scene[data-tod="sunset"]{--sk1:#3C3F8E;--sk2:#FF9C6A;--wl1:#1B2F57;--wl2:#14264A;--fl:#0E2142;--b1:#25305A;--b2:#2C3A6A;--b3:#1E2850;--fr:#3A4F86;--sl:#22376A;--cl:#FFC9B5}
.scene[data-tod="sunset"] .sun{opacity:1;transform:translateY(165px)}
.scene[data-tod="sunset"] .moon{opacity:0}.scene[data-tod="sunset"] .stars{opacity:.2}.scene[data-tod="sunset"] .clouds{opacity:.5}
.scene[data-tod="sunset"] .wlights{opacity:.7}.scene[data-tod="sunset"] .lampglow{opacity:.75}.scene[data-tod="sunset"] .beam{opacity:.4}
.scene[data-tod="sunset"] .sun circle:last-child,.scene[data-tod="dawn"] .sun circle:last-child{fill:#FFA24D}
.scene .clouds .cl1{animation:clhDrift 26s ease-in-out infinite alternate}.scene .clouds .cl2{animation:clhDrift 34s ease-in-out infinite alternate-reverse}
@keyframes clhDrift{from{transform:translateX(-10px)}to{transform:translateX(18px)}}
@media (prefers-reduced-motion:reduce){.scene svg *{transition:none!important}.scene .clouds g{animation:none}}

/* ---------- Careers at Clear Home (/careers/) ---------- */
.cr-ic{width:52px;height:52px;border-radius:16px;background:var(--blue-100);color:var(--blue-600);display:inline-flex;align-items:center;justify-content:center;flex:none}
.cr-ic.sm{width:40px;height:40px;border-radius:12px}
.cr-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cr-whyc{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid var(--line);border-radius:var(--r-xl);background:#fff}
.cr-whyc h3{font-size:20px}
.cr-whyc p{color:var(--ink-3);font-size:15px;line-height:1.55}
.cr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cr-card{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:28px;box-shadow:var(--sh-1);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.cr-card:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--blue-200)}
.cr-card:focus-within{border-color:var(--blue-300)}
.cr-card-h{display:flex;justify-content:space-between;align-items:flex-start}
.cr-card h3{font-size:24px}
.cr-card h3 a{color:var(--ink);text-decoration:none}
.cr-card h3 a:hover{color:var(--blue-600)}
.cr-card>p{color:var(--ink-3);font-size:15px;line-height:1.55;flex:1}
.cr-tags{display:flex;gap:8px;flex-wrap:wrap}
.cr-tags span{font-size:13px;font-weight:600;padding:6px 11px;border-radius:999px;background:var(--grey);border:1px solid var(--line-2);color:var(--ink-2)}
.cr-card-a{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}
.cr-empty{display:flex;flex-direction:column;gap:8px;text-align:center;align-items:center;padding:48px 24px}
.cr-apply{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.cr-apply-l{display:flex;flex-direction:column;gap:16px;position:sticky;top:110px}
.cr-steps{counter-reset:crs;display:flex;flex-direction:column;gap:14px;margin-top:8px!important}
.cr-steps li{counter-increment:crs;display:grid;grid-template-columns:36px 1fr;column-gap:14px;row-gap:2px}
.cr-steps li::before{content:counter(crs);grid-row:span 2;width:36px;height:36px;border-radius:50%;background:var(--navy-800);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
.cr-steps b{font-size:15px}
.cr-steps span{font-size:14px;color:var(--ink-3)}
.cr-form{display:flex;flex-direction:column;gap:16px}
.cr-form-t{font-size:30px;letter-spacing:-.02em}
.cr-form .fld b{font-size:16px}
.cr-more{border:1px dashed #D5DDE8;border-radius:14px;padding:14px 16px}
.cr-more summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--ink-2)}
.cr-more summary:focus-visible{outline:3px solid var(--blue-300);outline-offset:3px;border-radius:6px}
.cr-form input[type=file]{height:auto;padding:12px;background:var(--grey);cursor:pointer}
.cr-form .btn[disabled]{opacity:.7;cursor:progress}
.cr-done{padding:28px 8px}
.cr-detail{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:48px;align-items:start}
.cr-body{display:flex;flex-direction:column;gap:18px}
.cr-body h2.h3{font-size:24px;margin-top:10px}
.cr-body h2.h3:first-child{margin-top:0}
.cr-prose{font-size:16px}
.cr-list .ck svg.i{width:13px;height:13px;stroke-width:2.6}
.cr-side{position:sticky;top:110px}
.cr-facts{display:flex;flex-direction:column;gap:16px}
.cr-facts dl{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--line-2)}
.cr-facts dl>div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line-2);font-size:14px}
.cr-facts dt{color:var(--ink-4)}
.cr-facts dd{margin:0;font-weight:600;text-align:right;color:var(--ink)}
.cr-note{margin-top:4px}
.cr-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cr-minic{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:18px;text-decoration:none;color:var(--ink);transition:transform .25s var(--ease),border-color .25s}
.cr-minic:hover{transform:translateX(3px);border-color:var(--blue-300);color:var(--ink)}
.cr-minic>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}
.cr-minic small{color:var(--ink-4);font-size:13px}
.cr-portal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cr-portal .card{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
@media (max-width:1000px){
 .cr-detail,.cr-apply{grid-template-columns:minmax(0,1fr);gap:28px}
 .cr-side,.cr-apply-l{position:static}
 .cr-mini{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
 .cr-why,.cr-grid,.cr-portal,.cr-mini{grid-template-columns:minmax(0,1fr)}
 .cr-card,.cr-whyc{padding:22px;border-radius:22px}
 .cr-card h3{font-size:21px}
 .cr-card-a .btn{flex:1;justify-content:center}
 .cr-form .frow{grid-template-columns:minmax(0,1fr)}
 .cr-form-t{font-size:25px}
}

/* Footer: Follow us */
.foot .fsoc h4{margin-bottom:14px}
.foot .fsoc ul{flex-direction:row;flex-wrap:wrap;gap:12px}
.foot .fsoc li a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#fff !important;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.foot .fsoc li a svg{width:20px;height:20px;fill:currentColor;fill-rule:evenodd;stroke:none}
.foot .fsoc li a:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.35);border-color:transparent}
.foot .fsoc li.s-facebook a:hover{background:#1877F2}
.foot .fsoc li.s-instagram a:hover{background:linear-gradient(45deg,#F9A03F,#E1306C 55%,#833AB4)}
.foot .fsoc li.s-linkedin a:hover{background:#0A66C2}
.foot .fsoc li.s-youtube a:hover{background:#E62117}
.foot .fsoc li.s-tiktok a:hover{background:#000;box-shadow:0 8px 18px rgba(0,0,0,.35),-2px -2px 0 #25F4EE inset,2px 2px 0 #FE2C55 inset}
.foot .fsoc li a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.foot .fsoc li a{transition:none}.foot .fsoc li a:hover{transform:none}}

/* Reviews */
.rvw-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.rvw-sum{display:flex;align-items:center;gap:14px}
.rvw-big{font-family:'Schibsted Grotesk',Inter,sans-serif;font-size:44px;line-height:1;color:#0B1F3A}
.rvw-cnt{display:block;font-size:13px;color:#5A6B82;margin-top:4px}
.rvw-cta{display:flex;flex-wrap:wrap;gap:10px}
.rvw-stars{display:inline-flex;gap:2px;vertical-align:middle}
.rvw-stars svg{fill:#D5DDE8}
.rvw-stars svg.on{fill:#F5A623}
.rvw-h{font-size:17px;margin:28px 0 14px;font-family:Inter,sans-serif;color:#0B1F3A}
.rvw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.rvw-card{margin:0;background:#fff;border:1px solid #E3E9F2;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px rgba(11,31,58,.04)}
.rvw-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rvw-src{font-size:11px;font-weight:600;letter-spacing:.03em;border-radius:99px;padding:3px 9px}
.rvw-src.g{background:#E8F0FE;color:#1A4FA3}
.rvw-src.w{background:#EEF2F7;color:#3B4A60}
.rvw-card blockquote{margin:0;font-size:15px;line-height:1.6;color:#22344D;white-space:pre-line;overflow-wrap:anywhere}
.rvw-card figcaption{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:13px;color:#5A6B82;margin-top:auto}
.rvw-card figcaption b{color:#0B1F3A;font-size:14px}
.rvw-card figcaption a{color:#1A63D6}
.rvw-orig{margin-left:auto}
.rvw-reply{background:#F3F7FC;border-left:3px solid #1A63D6;border-radius:8px;padding:10px 12px;font-size:14px}
.rvw-reply p{margin:4px 0 0;color:#22344D}
.rvw-attr,.rvw-more{font-size:13px;color:#5A6B82;margin-top:14px}
.rvw-more a{font-weight:600}
.rvw-empty{background:#fff;border:1px dashed #C9D4E3;border-radius:18px;padding:26px;text-align:center}
.rvw-empty p{margin:6px 0 0;color:#5A6B82}
.rvw-thanks{background:#EAF7F0;border:1px solid #BFE5D0;border-radius:16px;padding:20px 22px;margin-bottom:28px;color:#14532D}
.rvw-thanks p{margin:8px 0 0}
.rvw-policy,.rvw-note{margin-top:20px;font-size:14px;color:#22344D;line-height:1.55}
.rvw-policy ul{margin:8px 0 0 18px;list-style:disc;display:flex;flex-direction:column;gap:6px}
.rvw-note{background:#fff;border:1px solid #D6E5FA;border-radius:14px;padding:14px 16px}
.rvw-pick{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}
.rvw-pick input{position:absolute;opacity:0;width:1px;height:1px}
.rvw-pick label{cursor:pointer;line-height:0;padding:3px}
.rvw-pick svg{fill:#D5DDE8;transition:fill .15s,transform .15s}
.rvw-pick label:hover svg,.rvw-pick label:hover ~ label svg,.rvw-pick input:checked ~ label svg{fill:#F5A623}
.rvw-pick input:focus-visible + label{outline:2px solid #1A63D6;outline-offset:2px;border-radius:6px}
.rvw-rate{border:0;padding:0;margin:0;min-width:0}
.rvw-rate legend{font-size:13px;font-weight:600;color:#22344D;margin-bottom:6px;padding:0}
.rvw-rate legend i{font-style:normal;color:#D93025}
@media (max-width:640px){.rvw-big{font-size:36px}.rvw-cta .btn{flex:1 1 100%;justify-content:center}.rvw-grid{grid-template-columns:1fr}}