/*
Theme Name: OJKAR
Theme URI: https://ojkar.ir/
Author: OJKAR
Description: قالب فارسی و راست‌چین خدمات تخصصی کار در ارتفاع
Version: 1.0.9
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ojkar
*/
@font-face{font-family:"Vazir";src:url("assets/fonts/vazir/Vazir-Regular-FD.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Vazir";src:url("assets/fonts/vazir/Vazir-Bold-FD.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Vazir";src:url("assets/fonts/vazir/Vazir-Black-FD.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap}
:root{--ink:#17212b;--navy:#102c49;--orange:#ff8200;--muted:#677582;--paper:#f6f8fb;--line:#e5eaf0;--bluewash:#eaf1fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.95 "Vazir", "Segoe UI", Tahoma, Arial, sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.ojkar{direction:rtl;overflow:hidden}.wrap{width:min(1200px,calc(100% - 40px));margin:auto}.topbar{background:var(--navy);color:#fff;font-size:12px}.topbar .wrap{height:38px;display:flex;align-items:center;justify-content:space-between}.topbar b{color:var(--orange);font-weight:700}.header{background:#fff;position:relative;z-index:5;box-shadow:0 2px 18px #102c4909}.header .wrap{height:83px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;min-width:190px}.brand img{display:block;width:170px;height:auto}.nav{display:flex;align-items:center;gap:28px;margin:auto;font-size:13px;color:#263b50}.nav a:hover{color:var(--orange)}.call{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:white;padding:10px 17px;border-radius:28px;font-weight:bold;font-size:12px}.menu-toggle{display:none;border:0;background:none;color:var(--navy);font-size:24px}.hero{position:relative;min-height:485px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(105deg,#e7effa,#f8fbff 52%,#d7e6f9);overflow:hidden}.hero:before{content:"";position:absolute;left:-6%;bottom:-140px;width:68%;height:230px;background:var(--orange);border-radius:50%;transform:rotate(-7deg);opacity:.96}.hero .wrap{display:contents}.hero-copy{z-index:2;padding:55px max(calc((100vw - 1200px)/2),5vw) 72px 20px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-weight:bold;font-size:13px}.eyebrow:before,.eyebrow:after{content:"";width:38px;height:2px;background:var(--orange)}.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.35;color:var(--navy);margin:14px 0 8px;font-weight:900}.hero h1 span{color:var(--orange)}.hero-copy>p{max-width:485px;color:#334c64;font-size:15px;margin:0 0 22px}.actions{display:flex;align-items:center;gap:20px}.button{display:inline-flex;gap:14px;align-items:center;background:var(--orange);color:#fff;padding:12px 22px;border-radius:28px;font-size:13px;font-weight:bold;box-shadow:0 8px 20px #ff820033}.text-link{font-size:12px;font-weight:bold;color:var(--navy)}.highlights{margin-top:24px;color:#3e5367;font-size:12px}.highlights i{font-style:normal;color:var(--orange);padding:0 7px}.hero-art{height:485px;position:relative;overflow:hidden;background:linear-gradient(180deg,#82b9f1 0,#c4ddf7 61%,#526a80 61%,#172b42 100%)}.skyline{position:absolute;bottom:0;left:0;right:0;height:45%;display:flex;align-items:end;gap:9px;opacity:.82}.skyline i{display:block;flex:1;background:linear-gradient(90deg,#34516b,#7894ac);height:var(--h);position:relative}.skyline i:after{content:"";position:absolute;inset:9px 5px;background:repeating-linear-gradient(0deg,transparent 0 13px,#c2d9e8 13px 15px),repeating-linear-gradient(90deg,transparent 0 13px,#c2d9e8 13px 15px);opacity:.5}.tower{position:absolute;bottom:35%;right:14%;width:28%;height:62%;background:repeating-linear-gradient(0deg,#315776 0 26px,#d0e4f1 27px 29px);border:4px solid #e7f2f8;box-shadow:inset 10px 0 #7898ad}.tower:after{content:"";position:absolute;left:42%;top:-27%;height:28%;border-left:2px solid #394d5b}.rope{position:absolute;z-index:2;top:0;left:46%;height:53%;border-left:2px solid #263747}.worker{position:absolute;z-index:3;top:28%;left:40%;width:70px;height:128px;transform:rotate(-10deg)}.worker:before{content:"";position:absolute;top:0;left:22px;width:34px;height:18px;border-radius:20px 20px 3px 3px;background:var(--orange);border-bottom:4px solid #263747}.worker:after{content:"";position:absolute;top:22px;left:20px;width:38px;height:58px;background:#172b42;clip-path:polygon(20% 0,80% 0,100% 24%,84% 100%,15% 100%,0 25%);box-shadow:0 0 0 5px #f5a42b}.worker i{position:absolute;top:72px;left:28px;width:33px;height:52px;border-left:10px solid #172b42;border-bottom:9px solid #172b42;transform:skew(-20deg);border-radius:0 0 0 12px}.art-label{position:absolute;z-index:4;bottom:28px;right:25px;background:#fff;padding:10px 16px;border-right:3px solid var(--orange);font-size:12px;color:var(--navy);box-shadow:0 7px 22px #102c4922}.art-label small{display:block;color:var(--muted);font-size:10px}.hero-wave{position:absolute;z-index:3;bottom:9px;right:7%;left:7%;color:#fff;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.services{padding:55px 0 48px;background:linear-gradient(180deg,#f8fbff,#f0f4fb);border-radius:28px;margin-top:-1px;position:relative;z-index:2}.section-title{text-align:center;margin:0 auto 26px;color:var(--navy);font-size:27px;display:flex;align-items:center;justify-content:center;gap:16px}.section-title:before,.section-title:after{content:"";height:2px;width:90px;background:var(--orange)}.section-intro{text-align:center;color:var(--muted);font-size:13px;margin:-20px auto 27px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.service{min-height:165px;background:#e5eefc;border:1px solid #edf3fd;border-radius:18px;padding:20px 14px 15px;text-align:center;transition:.2s}.service:hover{transform:translateY(-4px);background:#fff;border-color:#ffc17f;box-shadow:0 10px 25px #173b6010}.service-icon{font-size:31px;color:var(--navy);line-height:1.3}.service h3{font-size:13px;line-height:1.6;color:var(--navy);margin:8px 0 0}.service p{display:none}.why{margin:10px auto 52px;min-height:205px;background:var(--navy);border-radius:22px;color:#fff;display:grid;grid-template-columns:1.05fr 1.55fr;overflow:hidden;position:relative}.why-photo{background:linear-gradient(130deg,#183d5d,#8db7d8 52%,#29425b);position:relative;min-height:205px}.why-photo:before{content:"";position:absolute;inset:15% 18% 0;background:repeating-linear-gradient(0deg,#46708c 0 32px,#a6c4d3 33px 35px);border:4px solid #e2edf1;transform:skewY(-8deg)}.why-content{padding:22px 28px}.why-content h2{font-size:22px;margin:0 0 13px}.why-content h2 span{color:var(--orange)}.why-points{display:grid;grid-template-columns:repeat(3,1fr)}.why-point{text-align:center;padding:6px 13px;border-left:1px solid var(--orange)}.why-point:last-child{border:0}.why-point b{display:block;font-size:25px;color:#fff}.why-point strong{display:block;font-size:13px}.why-point small{display:block;color:#cad8e3;font-size:10px}.groups{padding:8px 0 55px}.group-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.group{border:1px solid var(--line);background:#fff;padding:23px 26px;border-radius:14px}.group h3{font-size:17px;color:var(--navy);margin:0 0 10px}.group ul{margin:0;padding-right:18px;color:#596976;font-size:12px;columns:2}.group li{padding:3px 0}.cta{margin:0 auto 55px;padding:28px 34px;border-radius:18px;background:linear-gradient(100deg,#dceafd,#f6f9fe);display:flex;align-items:center;justify-content:space-between}.cta h2{color:var(--navy);font-size:22px;margin:0 0 3px}.cta p{font-size:12px;color:var(--muted);margin:0}.footer{background:#092343;color:#fff;padding:28px 0 14px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer .brand{filter:brightness(0) invert(1)}.footer p{font-size:11px;color:#cad6e1}.footer-nav{display:flex;gap:20px;font-size:11px}.copyright{text-align:center;border-top:1px solid #ffffff1b;margin-top:20px;padding-top:10px;color:#b9c9d8;font-size:10px}@media(max-width:900px){.service-grid{grid-template-columns:repeat(3,1fr)}.header .wrap{gap:12px}.nav{gap:16px}.brand{min-width:155px}.brand img{width:145px}}@media(max-width:650px){.wrap{width:calc(100% - 30px)}.topbar .wrap{height:33px;font-size:10px}.header .wrap{height:69px}.brand{min-width:0}.brand img{width:135px}.nav{display:none;position:absolute;top:69px;right:0;left:0;background:#fff;padding:15px 22px;box-shadow:0 12px 15px #102c4918;flex-direction:column;align-items:stretch;gap:8px}.nav.is-open{display:flex}.menu-toggle{display:block;margin-right:auto}.call{font-size:0;padding:8px 12px}.call:after{content:"مشاوره";font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 22px 15px}.hero h1{font-size:45px}.hero-copy>p{font-size:13px}.hero-art{height:300px}.hero:before{height:110px;bottom:-75px}.hero-wave{font-size:8px}.services{padding:38px 0 32px;border-radius:20px}.section-title{font-size:22px;gap:10px}.section-title:before,.section-title:after{width:35px}.service-grid{grid-template-columns:repeat(2,1fr);gap:9px}.service{min-height:146px;padding:15px 9px;border-radius:14px}.service-icon{font-size:27px}.service h3{font-size:12px}.why{grid-template-columns:1fr;margin-bottom:38px}.why-photo{display:none}.why-content{padding:22px 17px}.why-content h2{font-size:19px}.why-point{padding:5px}.why-point strong{font-size:11px}.why-point small{font-size:9px}.groups{padding-bottom:38px}.group-grid{grid-template-columns:1fr;gap:9px}.group{padding:18px}.group ul{columns:1}.cta{margin-bottom:35px;padding:20px;gap:15px;align-items:flex-start;flex-direction:column}.cta h2{font-size:19px}.footer-main{flex-wrap:wrap}.footer-nav{width:100%;justify-content:space-between}.footer p{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Rich editorial layout and optimized photos cropped from the supplied design reference. */
.header .wrap{height:90px}.brand img{width:158px}.footer .brand{filter:none;background:#fff;border-radius:8px;padding:4px 9px}.footer .brand img{width:148px}.hero:before{display:none}.hero{background:linear-gradient(90deg,#eef4fc 0,#f8fbff 100%)}.hero-art{height:490px;background:#9fc8eb url("assets/images/facade-hero.webp") center center/cover no-repeat}.hero-art:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#09234399,transparent)}.skyline,.tower,.rope,.worker{display:none}.art-label{bottom:26px;right:24px}.hero-copy{padding-top:55px;padding-bottom:66px}.eyebrow{color:#17395b}.services{margin-top:-18px;padding-top:45px;box-shadow:0 -3px 26px #fff8; background:linear-gradient(180deg,#f6f8ff,#edf3ff)}.service{background:#e6edfc;border:1px solid #ffffffa8;border-radius:19px;box-shadow:0 6px 16px #173b6007}.service-icon{width:58px;height:58px;margin:0 auto 7px;display:grid;place-items:center;color:#0c3b6d;background:#f7f9ff;border-radius:16px;box-shadow:0 5px 14px #173b6012;font-size:33px}.service h3{font-size:14px}.why-photo{background:#22445b url("assets/images/building-feature.webp") center/cover no-repeat}.why-photo:before{content:none}.why{box-shadow:0 12px 30px #102c4923}.why-point b{color:#fff}.gallery{padding:10px 0 56px}.gallery-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.gallery-kicker{color:var(--orange);font-size:11px;font-weight:bold}.gallery-heading h2{font-size:24px;color:var(--navy);margin:2px 0 0}.gallery-heading>a{font-size:11px;color:var(--navy);font-weight:bold}.gallery-heading>a b{color:var(--orange);padding-right:5px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery-grid figure{margin:0;height:245px;position:relative;overflow:hidden;border-radius:15px;background:#d5e3f5;box-shadow:0 7px 20px #12395a16}.gallery-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.gallery-grid figure:hover img{transform:scale(1.045)}.gallery-grid figcaption{position:absolute;right:0;left:0;bottom:0;padding:34px 15px 12px;color:white;background:linear-gradient(0deg,#071f39df,transparent)}.gallery-grid figcaption b,.gallery-grid figcaption span{display:block}.gallery-grid figcaption b{font-size:13px}.gallery-grid figcaption span{font-size:10px;color:#e0eaf3}.groups{padding-top:3px}.group{border-radius:16px;box-shadow:0 8px 22px #102c4909;border-top:3px solid var(--orange)}.group:nth-child(2){border-top-color:var(--navy)}.group h3{font-size:18px}.cta{background:linear-gradient(90deg,#f3f8ffdf,#e8f1fde0),url("assets/images/city-cta.webp") center/cover no-repeat;min-height:150px;border-right:4px solid var(--orange);box-shadow:0 8px 24px #17456d12}.cta .button{border-radius:30px}.footer{background:radial-gradient(ellipse at 20% 0,#17426a,#092343 70%)}.footer .brand{min-width:0}@media(max-width:900px){.hero-art{height:420px}.gallery-grid figure{height:205px}.why-photo{min-height:200px}}@media(max-width:650px){.header .wrap{height:73px}.brand img{width:132px}.hero-art{height:285px;grid-row:2}.hero-copy{padding:32px 22px 18px}.hero:before{display:none}.hero-wave{bottom:8px}.services{margin-top:-10px;padding-top:35px}.service{min-height:148px}.service-icon{width:50px;height:50px;font-size:29px}.gallery{padding:4px 0 38px}.gallery-heading{align-items:start;gap:10px;flex-direction:column}.gallery-heading h2{font-size:20px}.gallery-grid{gap:9px}.gallery-grid figure{height:165px;border-radius:11px}.gallery-grid figcaption{padding:30px 8px 8px}.gallery-grid figcaption b{font-size:10px}.gallery-grid figcaption span{font-size:9px}.why-photo{display:block;min-height:170px}.cta{background-position:center;background-size:cover}}

/* Full bleed homepage hero with legible copy over the supplied facade photo. */
.hero{display:block;min-height:590px;isolation:isolate;background:#102c49}
.hero-art{position:absolute;z-index:-1;inset:0;height:auto;background-position:center 46%;background-size:cover}
.hero-art:after{inset:0;background:linear-gradient(270deg,rgba(7,26,47,.9) 0%,rgba(7,26,47,.78) 31%,rgba(7,26,47,.36) 58%,rgba(7,26,47,.04) 100%)}
.art-label{display:none}
.hero-copy{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:94px 0 104px;position:relative;z-index:2;color:#fff}
.hero .eyebrow,.hero-copy>p,.highlights{color:#f4f7fb}
.hero h1{color:#fff;max-width:680px}
.hero h1 span{color:#ff9b2f}
.hero .text-link{color:#fff}
.hero-wave{bottom:30px;right:max(calc((100vw - 1200px)/2),5vw);left:max(calc((100vw - 1200px)/2),5vw);z-index:2}
.art-label{right:max(calc((100vw - 1200px)/2),5vw);bottom:26px;z-index:2;background:#ffffffed}
.services{margin-top:-22px;border-radius:28px 28px 0 0;z-index:3}
@media(max-width:900px){.hero{min-height:560px}.hero-art{height:auto}.hero-copy{padding-top:90px;padding-bottom:110px}}
@media(max-width:650px){.header .wrap{height:73px;gap:10px}.brand img{width:124px}.menu-toggle{order:3;margin-right:0;padding:7px 9px;line-height:1}.call{order:2;padding:9px 12px;white-space:nowrap}.call:after{content:"درخواست مشاوره"}.hero{min-height:620px;display:flex;align-items:center}.hero-art{inset:0;background-size:auto 100%;background-position:38% center}.hero-art:after{background:linear-gradient(270deg,rgba(7,26,47,.9) 0%,rgba(7,26,47,.74) 48%,rgba(7,26,47,.36) 100%)}.hero-copy{width:calc(100% - 36px);margin:0;padding:60px 0 94px}.hero h1{font-size:clamp(36px,10vw,46px);line-height:1.4}.hero-copy>p{max-width:520px;font-size:13px;line-height:2}.hero .eyebrow{font-size:11px}.hero-wave{right:18px;left:18px;bottom:18px;font-size:8px;gap:8px}.art-label{right:18px;bottom:50px;padding:8px 11px;font-size:10px}.art-label small{font-size:9px}.services{margin-top:-18px;padding-top:35px;border-radius:22px 22px 0 0}}
.nav-inner{width:100%;margin:auto}.nav .menu,.footer-menu{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:22px}.nav .menu li,.footer-menu li{margin:0;padding:0}.nav .menu a{display:block}.footer-menu{flex-wrap:wrap;gap:8px 18px}.footer-nav{display:block}.footer-nav a{display:block}
@media(max-width:650px){.nav-inner{margin:0}.nav .menu{align-items:stretch;flex-direction:column;gap:3px}.nav .menu a{padding:8px 4px}.footer-menu{justify-content:space-between}}
.header-actions{display:flex;align-items:center;gap:9px;flex:none}
.nav .menu>li{position:relative}
.nav .menu .sub-menu{position:absolute;z-index:20;top:calc(100% + 10px);right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px;width:min(580px,80vw);max-height:calc(100vh - 130px);overflow:auto;list-style:none;margin:0;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px #102c4924;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s}
.nav .menu>li:hover>.sub-menu,.nav .menu>li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav .menu .sub-menu a{padding:8px 10px;border-radius:8px;font-size:12px;line-height:1.8;color:#29445d}
.nav .menu .sub-menu a:hover,.nav .menu .sub-menu a:focus-visible{background:#f2f6fc;color:#db6b0c}
.nav .menu>li.menu-item-has-children>a:after{content:"⌄";display:inline-block;margin-right:5px;color:var(--orange);font-size:12px}
.footer-menu{gap:7px 22px}
.footer-menu a{padding:3px 0;color:#e1eaf2}
.footer-menu a:hover,.footer-menu a:focus-visible{color:#ffb15c}
.footer-main{align-items:center;gap:22px}
.footer-main>p{max-width:300px;line-height:1.9}
@media(max-width:980px){
	.header .wrap{height:73px;gap:12px;position:relative}
	.brand{min-width:0}
	.brand img{width:132px}
	.header-actions{margin-inline-start:auto}
	.menu-toggle{display:block;cursor:pointer;padding:7px 10px;line-height:1;border-radius:10px;background:#f2f6fb}
	.nav{display:none;position:absolute;top:73px;right:0;left:0;max-height:calc(100vh - 73px);max-height:calc(100dvh - 73px);margin:0;padding:14px 18px;overflow-y:auto;overscroll-behavior:contain;background:#fff;box-shadow:0 14px 24px #102c491c;flex-direction:column;align-items:stretch;gap:8px}
	.nav.is-open{display:flex}
	.nav-inner{width:100%;margin:0}
	.nav .menu{align-items:stretch;flex-direction:column;gap:2px}
	.nav .menu a{padding:9px 8px}
	.nav .menu .sub-menu{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px;width:100%;max-height:min(48vh,360px);margin:2px 0 5px;padding:8px;overflow:auto;background:#f4f7fb;border:0;border-radius:10px;box-shadow:none;opacity:1;visibility:visible;transform:none;transition:none}
	.nav .menu .sub-menu a{padding:7px 8px;font-size:11px}
}
@media(max-width:650px){
	.header .wrap{height:73px;justify-content:space-between}
	.brand img{width:124px}
	.header-actions{gap:8px;margin-inline-start:auto}
	.menu-toggle{order:2;margin:0;padding:8px 10px}
	.call{order:1;padding:9px 12px;white-space:nowrap}
	.call:after{content:"درخواست مشاوره";font-size:11px}
	.hero-copy{width:calc(100% - 48px);padding:60px 0 94px}
	.hero-art>img{object-position:38% center}
	.footer-main{align-items:flex-start;gap:12px}
	.footer-main>p{max-width:none}
	.footer-nav{width:100%;padding-top:8px;border-top:1px solid #ffffff20}
	.footer-menu{justify-content:flex-start;gap:8px 18px}
}

/* Responsive navigation and hero spacing refinement. */
.nav .menu>li:hover>.sub-menu,.nav .menu>li:focus-within>.sub-menu{opacity:0;visibility:hidden;transform:translate(-50%,6px)}
.nav .menu>li.services-menu-open>.sub-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav .menu .sub-menu{left:50%;right:auto;transform:translate(-50%,6px)}
.nav .menu .all-services{grid-column:1/-1;border-bottom:1px solid var(--line);margin-bottom:5px;padding-bottom:6px}
.nav .menu .all-services a{color:var(--orange);font-weight:800}
@media(max-width:980px){
  .nav .menu>li:hover>.sub-menu,.nav .menu>li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
  .nav .menu .sub-menu{display:none;position:static;left:auto;right:auto;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-height:min(48vh,360px);margin:2px 0 5px;padding:8px;overflow:auto;background:#f4f7fb;border:0;border-radius:10px;box-shadow:none;opacity:1;visibility:visible;transform:none;transition:none}
  .nav .menu>li.services-menu-open>.sub-menu{display:grid}
  .nav .menu .all-services{grid-column:1/-1}
}
@media(max-width:650px){
  .hero-copy{box-sizing:border-box;width:100%;max-width:760px;margin:0;padding:60px 30px 94px 20px}
}