/*
Theme Name: Khaleej Steel — مجمع الخليج
Theme URI: https://khaleejsteel.ly/
Author: Khaleej Steel
Description: قالب عربي تعريفي من صفحة واحدة لمجمع الخليج لتشكيل الحديد. يتضمن تخصيص النصوص والخدمات والشعار والأعمال ووسائل التواصل.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: khaleej-steel
Tags: one-column, custom-logo, custom-colors, rtl-language-support
*/
:root{--navy:#101d2a;--deep:#10212e;--orange:#df5b2b;--orange-dark:#ba4017;--cream:#f3f2ed;--text:#20313d;--muted:#5d6870;--border:#d8dcd9;--accent:#df5b2b;--white:#fff;--container:1200px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--text);background:var(--white);font-family:Tahoma,"Arial",sans-serif;font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}body,button,input,textarea{font-family:Tahoma,"Arial",sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img,svg{max-width:100%}img{height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--navy);line-height:1.5}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.container{width:min(var(--container),calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;z-index:1000;top:10px;right:10px;padding:10px 20px;background:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{background:rgba(255,255,255,.98);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.header-inner{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:13px;min-width:0}.brand-mark{width:46px;height:46px;flex:none}.brand-text{display:flex;flex-direction:column}.brand-name{font-size:20px;line-height:1.65;font-weight:700;color:var(--navy)}.brand-subtitle{font-size:11px;letter-spacing:.2px;line-height:1.7;color:#66737a}.custom-logo-link{display:flex;max-width:250px}.custom-logo{max-height:72px;width:auto}.main-navigation{display:flex;gap:28px;font-size:13px;font-weight:bold}.main-navigation a{position:relative;padding-block:10px}.main-navigation a::after{content:"";position:absolute;inset-inline:0;bottom:2px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .2s}.main-navigation a:hover::after,.main-navigation a[aria-current="location"]::after{transform:scaleX(1)}.header-cta{display:flex;gap:28px;align-items:center;background:var(--navy);color:#fff;padding:12px 20px;font-size:13px}.header-cta:hover{background:var(--orange-dark)}.header-cta span{font-size:20px}.menu-toggle{display:none}.hero{background:var(--cream);overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.03fr 1fr;gap:64px;align-items:center;padding-block:66px 58px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:bold;margin-bottom:25px;color:#52616a}.eyebrow>span{width:7px;height:7px;background:var(--orange);display:inline-block}.hero h1{font-size:clamp(35px,4vw,59px);font-weight:700;line-height:1.6;letter-spacing:-2px}.hero h1>span{color:var(--orange)}.hero-description{font-size:16px;line-height:2.15;color:var(--muted);max-width:450px;margin-top:22px}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:31px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:54px;padding:13px 24px;line-height:1.8;font-size:14px;font-weight:bold;transition:background .2s}.button-primary{background:var(--orange);color:#fff}.button-primary:hover{background:var(--orange-dark)}.button span{font-size:22px}.text-link{font-size:13px;font-weight:bold;display:inline-flex;gap:20px;align-items:center}.text-link span{font-size:23px}.text-link:hover{color:var(--orange)}.hero-footnote{display:flex;align-items:center;gap:13px;margin-top:35px;font-size:11px;color:#6e7778}.small-line{width:32px;height:1px;background:#97a1a3}.hero-art{aspect-ratio:1.02;background:var(--deep);position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:25px 28px;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),radial-gradient(ellipse at 35% 40%,#2e4657,transparent 65%);background-size:48px 48px,48px 48px,100% 100%}.hero-art::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:5px;height:64px;background:var(--orange)}.art-topline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2.5px;color:#b4c1c7;z-index:1}.art-cross{font-size:25px;line-height:1}.steel-art{position:absolute;width:112%;height:88%;top:3%;left:-4%;filter:drop-shadow(0 25px 20px #0005)}.art-bottomline{display:flex;justify-content:space-between;align-items:end;font-size:12px;line-height:1.9;z-index:1;gap:24px}.art-index{font-family:Arial,sans-serif;direction:ltr;font-size:45px;line-height:.9;font-weight:bold;color:#dce4e4}.art-index>span{font-size:11px;display:block;font-weight:400;margin-top:8px;color:#8c9da8}.hero-baseline{border-top:1px solid #cfd3cf;padding-block:18px 22px;display:flex;justify-content:space-between;font-size:11px;color:#5c686d}.hero-baseline>a{display:inline-flex;gap:24px}.baseline-middle{letter-spacing:1px}.section{padding-block:100px}.about-layout{display:grid;grid-template-columns:.88fr 1fr;gap:100px}.section-kicker{font-size:11px;font-weight:bold;color:#647079;display:flex;gap:16px;align-items:center;margin-bottom:25px}.section-kicker>span{direction:ltr;letter-spacing:1px;font-family:Arial,sans-serif;color:var(--orange)}h2{font-size:clamp(29px,3vw,42px);letter-spacing:-1px;line-height:1.65}.about-copy{padding-top:36px}.about-copy .lead{font-size:23px;line-height:1.95;color:var(--navy);margin-bottom:19px}.about-copy>p:not(.lead){color:var(--muted);font-size:14px;line-height:2.1}.about-copy .text-link{margin-top:22px}.services-section{background:var(--navy);color:#b9c4c9;padding-block:77px 70px}.services-section h2,.services-section h3{color:#fff}.services-section .section-kicker{color:#b4bec5}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:65px;margin-bottom:48px}.section-heading>p{max-width:370px;font-size:13px;line-height:2.05}.service-row{border-top:1px solid #ffffff26;display:grid;grid-template-columns:44px 1fr 1.1fr 40px;gap:20px;padding-block:29px;align-items:center}.service-row:last-child{border-bottom:1px solid #ffffff26}.service-index{font-family:Arial,sans-serif;font-size:12px;color:#95a3aa;direction:ltr;text-align:right}.service-row h3{font-size:25px;font-weight:400}.service-row p{font-size:13px;line-height:2}.service-icon{width:35px;height:35px;stroke:var(--orange);fill:none;stroke-width:1.3}.steps-heading{max-width:630px}.steps-heading>p:last-child{font-size:14px;color:var(--muted);margin-top:17px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:48px}.step{padding-top:22px;border-top:1px solid var(--border)}.step-number{font-family:Arial,sans-serif;color:var(--orange);font-size:13px}.step h3{font-size:19px;margin:20px 0 10px}.step p{font-size:13px;color:var(--muted);line-height:2.1;max-width:310px}.projects-section{background:var(--cream)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}.project-grid figure{margin:0}.project-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.project-grid figcaption{padding-top:13px;font-size:15px;font-weight:bold}.contact-section{padding-block:75px;background:var(--cream);border-top:1px solid var(--border)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.contact-intro{font-size:14px;color:var(--muted);margin-top:18px}.contact-details{display:grid;gap:14px;padding-top:15px}.contact-detail{padding-bottom:13px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:13px}.contact-detail span{color:var(--muted)}.contact-detail a{font-weight:bold}.contact-detail a:hover{color:var(--orange)}.contact-address{font-style:normal;font-size:13px}.contact-buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:11px}.button-dark{background:var(--navy);color:#fff}.button-dark:hover{background:#284050}.site-footer{background:#fff}.footer-main{padding-block:40px;display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-domain{font-size:13px;letter-spacing:2px;color:var(--muted)}.back-top{font-size:12px;display:flex;gap:24px;align-items:center}.back-top span{color:var(--orange);font-size:20px}.footer-bottom{border-top:1px solid var(--border);padding-block:18px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.preview-notice{padding:9px 22px;background:#fff6e9;border-bottom:1px solid #ebdbc4;text-align:center;font-size:11px;color:#6d573c;line-height:1.8}.preview-notice strong{font-weight:bold}.document-content{max-width:780px;margin:60px auto;padding:24px}.document-content a{color:var(--orange-dark);text-decoration:underline}.document-content li{margin-bottom:16px}.document-content h2{font-size:26px;margin-top:35px}.document-content h1{font-size:32px}.document-content p{margin-block:14px}.document-content code{font-size:14px;direction:ltr;display:inline-block}.admin-bar .site-header{top:32px}html:has(.admin-bar){scroll-padding-top:145px}
@media(min-width:1500px){.hero-layout{padding-block:85px}.hero-art{max-height:540px}.hero-copy{padding-inline-end:25px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero-layout{gap:36px}.main-navigation{gap:20px}.header-inner{gap:20px}.header-cta{gap:12px;padding:10px 14px}.brand-name{font-size:18px}.brand-mark{width:40px}.about-layout{gap:60px}.hero h1{font-size:43px}.hero-description{font-size:14px}.hero-actions{gap:20px}.hero-footnote{margin-top:24px}.service-row h3{font-size:22px}}
@media(max-width:850px){.header-inner{min-height:83px}.header-cta{display:none}.hero-layout{gap:30px;grid-template-columns:1.05fr 1fr;padding-block:44px}.hero h1{font-size:36px;letter-spacing:-1px}.eyebrow{font-size:10px;margin-bottom:18px}.hero-description{font-size:13px}.hero-actions{gap:15px;margin-top:20px}.hero-actions .button{font-size:12px;padding:11px 16px;gap:18px}.hero-actions .text-link{font-size:11px}.hero-art{padding:20px;aspect-ratio:.82}.art-topline{font-size:8px;letter-spacing:1.5px}.art-bottomline{font-size:10px}.section{padding-block:70px}.section-heading{gap:35px}.section-heading>p{max-width:280px}.about-layout{gap:45px}.about-copy{padding-top:28px}.about-copy .lead{font-size:20px}.contact-layout{gap:45px}.service-row{grid-template-columns:30px 1fr 1.2fr 28px;gap:15px}.service-icon{width:28px}.steps-grid{gap:25px}.footer-domain{letter-spacing:1px}}
@media(max-width:640px){html{scroll-padding-top:88px}.container{width:calc(100% - 40px)}.header-inner{min-height:78px;gap:15px}.brand-name{font-size:18px}.brand-subtitle{font-size:10px}.brand-mark{width:38px;height:38px}.menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:transparent;border:1px solid #d2d8d7;width:42px;height:42px;flex-shrink:0}.menu-toggle span{display:block;width:18px;height:1.5px;background:var(--navy);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.main-navigation{display:none;position:absolute;top:100%;right:0;left:0;background:white;border-bottom:1px solid var(--border);padding:18px 20px 24px;box-shadow:0 18px 18px #0000000a;gap:6px}.main-navigation.is-open{display:flex;flex-direction:column}.main-navigation a{padding:11px 10px;font-size:14px}.main-navigation a::after{display:none}.hero-layout{display:flex;flex-direction:column;gap:32px;padding-block:39px 34px}.hero-copy{width:100%}.hero h1{font-size:clamp(32px,8.5vw,44px);line-height:1.65;letter-spacing:-1.2px}.eyebrow{font-size:10px;margin-bottom:16px}.hero-description{max-width:480px;font-size:14px;line-height:2.1;margin-top:17px}.hero-actions{gap:25px;margin-top:25px}.hero-actions .button{padding:12px 20px;font-size:12px}.hero-actions .text-link{font-size:12px}.hero-footnote{font-size:10px;margin-top:23px}.hero-art{width:100%;max-width:520px;aspect-ratio:1.19;padding:23px}.steel-art{top:-6%;height:100%}.art-topline{font-size:9px}.art-bottomline{font-size:11px}.art-index{font-size:36px}.hero-baseline{font-size:10px;padding-block:15px 17px}.baseline-middle{display:none}.section{padding-block:58px}.about-layout{display:block}.section-kicker{margin-bottom:17px;font-size:10px}h2{font-size:30px;line-height:1.6}.about-copy{padding-top:22px}.about-copy .lead{font-size:20px;margin-bottom:16px}.about-copy>p:not(.lead){font-size:13px}.about-copy .text-link{margin-top:18px}.services-section{padding-block:52px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:100%;margin-top:17px;font-size:12px}.service-row{grid-template-columns:25px 1fr 32px;gap:12px;padding-block:24px}.service-row h3{font-size:22px}.service-row p{grid-column:2/3;font-size:12px}.service-row .service-icon{grid-column:3;grid-row:1/3;align-self:start}.service-index{align-self:center}.steps-heading>p:last-child{font-size:13px}.steps-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.step{position:relative;padding-top:20px;padding-inline-start:42px}.step-number{position:absolute;right:0;top:22px}.step h3{margin:0 0 10px;font-size:18px}.step p{max-width:none;font-size:12px}.project-grid{grid-template-columns:1fr;gap:30px}.contact-section{padding-block:52px}.contact-layout{display:block}.contact-details{padding-top:27px}.contact-detail{font-size:12px}.contact-address{max-width:75%;text-align:left}.footer-main{padding-block:30px;flex-wrap:wrap;gap:25px}.footer-domain{order:3;width:100%;font-size:11px}.back-top{font-size:11px}.footer-main .brand-name{font-size:17px}.footer-bottom{font-size:9px;line-height:1.9}.footer-bottom>span:last-child{display:none}.preview-notice{font-size:10px;padding:8px 20px}.admin-bar .site-header{top:46px}html:has(.admin-bar){scroll-padding-top:134px}}
@media(max-width:359px){.container{width:calc(100% - 30px)}.brand-name{font-size:16px}.brand-subtitle{font-size:9px}.hero h1{font-size:30px}.hero-actions{gap:17px}.hero-actions .button{padding-inline:15px}.hero-art{padding:18px}.art-bottomline{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.site-header{position:static}.menu-toggle,.header-cta,.hero-actions,.hero-baseline,.back-top,.preview-notice{display:none}.hero-art{max-width:350px}.section{padding-block:32px}.site-footer{border-top:1px solid #bbb}a{color:#000}.hero,.services-section{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.74}.hero-art:has(.hero-photo)::before{content:"";position:absolute;inset:0;background:linear-gradient(#10212e88,transparent 45%,#10212ecc);z-index:1}.main-navigation.no-script{display:flex}
@media(max-width:640px){html.no-js .menu-toggle{display:none}html.no-js .main-navigation{position:static;display:flex;flex-wrap:wrap;border:0;box-shadow:none;padding:0;gap:4px 12px}html.no-js .header-inner{flex-wrap:wrap;padding-block:15px}html.no-js .main-navigation a{padding:4px 0;font-size:11px}}

/* Bold company name, without an invented logo. */
.brand-name{font-weight:800;font-size:21px;line-height:1.7;max-width:285px}.brand{gap:0}.contact-detail{flex-wrap:wrap}.contact-detail>a{overflow-wrap:anywhere}.footer-main .brand-name{max-width:300px}
@media(max-width:850px){.brand-name{font-size:18px;max-width:245px}.main-navigation{gap:18px}}
@media(max-width:640px){.brand-name{font-size:17px;max-width:245px}.footer-main .brand-name{max-width:230px}}
@media(max-width:359px){.brand-name{font-size:15px;max-width:205px}}