/*
Theme Name: Jazan Clean Signature
Version: 1.0.0
Text Domain: dazzle7
*/
@font-face{font-family:Almarai;src:url('assets/fonts/almarai-400-ar.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Almarai;src:url('assets/fonts/almarai-700-ar.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Almarai;src:url('assets/fonts/almarai-800-ar.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/fonts/tajawal-400-ar.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/fonts/tajawal-500-ar.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/fonts/tajawal-700-ar.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--navy:#132e42;--gold:#d8b66d;--paper:#f8f8f3;--ink:#203e50;--muted:#526673;--line:#dce3e4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tajawal,sans-serif;font-size:18px;line-height:1.8}h1,h2,h3,.brand{font-family:Almarai,sans-serif;line-height:1.45}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{max-width:1240px;margin:auto;padding:0 32px}.topline{background:var(--navy);color:#e5edf0;font-size:13px;padding:7px 0}.topline .wrap{display:flex;justify-content:space-between}header{background:var(--paper);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:22px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:25px}.brand-mark{display:grid;place-items:center;background:var(--navy);color:var(--gold);width:49px;height:49px;border-radius:50%;font-size:30px}.brand small{display:block;font:12px Tajawal,sans-serif;letter-spacing:1px;color:var(--muted)}nav{display:flex;gap:28px;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 23px;background:var(--gold);color:var(--navy);font-weight:700;border-radius:5px;transition:transform .2s,background .2s;min-height:48px}.button:hover{background:#e6c785;transform:translateY(-2px)}.button.outline{background:transparent;border:1px solid #78909f;color:inherit}.button.dark{background:var(--navy);color:var(--paper)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:610px;align-items:center;gap:60px;padding-top:54px;padding-bottom:62px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.4px;display:flex;align-items:center;gap:10px;margin-bottom:23px}.eyebrow:before{content:'';width:24px;height:1px;background:var(--gold)}h1{font-size:clamp(38px,4.2vw,62px);font-weight:800;letter-spacing:-1.8px}.hero h1 span{color:#957039}.hero p{color:var(--muted);max-width:470px;margin-top:24px;font-size:20px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-note{margin-top:27px;font-size:14px;color:var(--muted)}.hero-visual{position:relative;padding:0 0 26px 26px}.hero-visual img{width:100%;height:490px;object-fit:cover;border-radius:110px 6px 6px 6px}.photo-tag{position:absolute;bottom:0;left:0;background:var(--navy);color:var(--paper);padding:19px 28px;min-width:260px;border-radius:4px}.photo-tag b{color:var(--gold);font-size:20px}.photo-tag span{display:block;font-size:14px}.service-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.service-strip .wrap{display:flex;justify-content:space-between;gap:20px;font-size:16px}.service-strip span:before{content:'✧';color:#99743a;margin-left:10px}section.section{padding:86px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}.section-head p{color:var(--muted);max-width:370px}.section h2{font-size:clamp(29px,3vw,42px);font-weight:800}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.service{border-bottom:1px solid #bdcbd0;padding-bottom:24px}.service img{width:100%;height:210px;object-fit:cover;border-radius:5px;margin-bottom:22px}.service h3{font-size:21px;margin-bottom:10px}.service p{color:var(--muted);font-size:16px}.service a.more{display:inline-block;margin-top:15px;font-weight:700;font-size:15px}.service a.more:hover{text-decoration:underline}.other-services{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.other-services a{font-size:15px;padding:8px 16px;border:1px solid var(--line);border-radius:30px}.other-services a:hover{background:#e9eef0}.about{background:var(--navy);color:var(--paper)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.about p{color:#c2d2dc;margin:20px 0}.steps{display:grid;gap:24px}.step{display:grid;grid-template-columns:40px 1fr;gap:18px;border-bottom:1px solid #41596a;padding-bottom:22px}.step strong{font:24px Almarai,sans-serif;color:var(--gold)}.step h3{font-size:20px}.step p{margin:8px 0 0;font-size:16px}.faq{max-width:820px;margin:auto}.faq h2{margin-bottom:30px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:20px;font-weight:700}.faq details p{color:var(--muted);padding-top:14px}.contact{padding:0 0 80px}.contact-inner{padding:45px 50px;background:#e8edeb;display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:6px}.contact h2{font-size:34px}.contact p{color:var(--muted);margin-top:8px}footer{background:var(--navy);color:#d4e0e6;padding:38px 0;font-size:14px}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.mobile-contact{display:none}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:var(--gold);padding:16px;z-index:100}:focus-visible{outline:3px solid #ab7e29;outline-offset:5px}.article{max-width:900px;margin:auto;padding:60px 30px}.article h1{font-size:38px;margin-bottom:36px}.entry-content p{margin:18px 0}.entry-content h2,.entry-content h3{margin:32px 0 18px}.entry-content a{text-decoration:underline}.entry-content img{height:auto;max-width:100%}.entry-content .alignfull{max-width:100%;margin-inline:0}.entry-content .wp-block-columns{flex-wrap:wrap!important}.post-row{padding:25px 0;border-bottom:1px solid var(--line)}.post-row h2{font-size:24px}.not-found{min-height:50vh}
@media(max-width:900px){.wrap{padding-inline:22px}.nav{gap:14px}nav{gap:16px}.nav>.button{display:none}.hero{gap:30px;min-height:auto}.hero-visual img{height:410px}.services{gap:20px}.about-grid{gap:40px}.service-strip .wrap{flex-wrap:wrap}.contact-inner{padding:30px}.contact h2{font-size:27px}}
@media(max-width:640px){body{font-size:17px}.topline{font-size:11px}.nav{flex-wrap:wrap;padding-block:17px}.brand{font-size:21px}.brand-mark{width:42px;height:42px}nav{width:100%;justify-content:space-between;font-size:14px;border-top:1px solid var(--line);padding-top:12px}.hero{grid-template-columns:1fr;padding-top:34px;padding-bottom:36px;gap:32px}.hero h1{font-size:42px;letter-spacing:-1px}.hero p{font-size:18px;margin-top:18px}.hero-visual{padding-left:18px}.hero-visual img{height:340px;border-top-right-radius:70px}.photo-tag{padding:13px 20px;min-width:220px}.hero-note{margin-top:16px}.service-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px}section.section{padding:54px 0}.section-head{display:block}.section-head p{margin-top:16px}.services,.about-grid{grid-template-columns:1fr}.services{gap:32px}.service img{height:225px}.about-grid{gap:30px}.contact-inner,.footer-inner{flex-direction:column;align-items:start}.contact{padding-bottom:45px}.contact-inner{padding:28px 24px}.footer-inner{gap:20px}footer{padding-bottom:105px}.mobile-contact{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--paper);padding:10px 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line)}.mobile-contact .button{padding:8px;font-size:15px}.article h1{font-size:29px}.article{padding:38px 22px}}
.brand-mark img{width:82%;height:82%;object-fit:contain}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
