/*
Theme Name: LINK Systems Development
Theme URI: https://example.com/
Author: LINK Systems Development
Description: Professional bilingual, Elementor-friendly corporate WordPress theme for LINK Systems Development.
Version: 6.4.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: link-systems
*/
:root{--link-teal:#00a9a7;--link-teal-dark:#007f82;--link-ink:#33383d;--link-muted:#73787d;--link-light:#f4f7f7;--link-white:#fff;--link-border:#e4e9e9;--link-shadow:0 18px 50px rgba(24,48,54,.10);--link-radius:18px;--link-container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--link-ink);background:#fff;font-family:Arial,"Tajawal","Noto Sans Arabic",sans-serif;line-height:1.8}a{color:var(--link-teal-dark);text-decoration:none}a:hover{color:var(--link-teal)}img{max-width:100%;height:auto}.container{width:min(100% - 40px,var(--link-container));margin:auto}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.site-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--link-border)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:205px;display:block}.main-nav ul{display:flex;gap:28px;align-items:center;list-style:none;margin:0;padding:0}.main-nav a{font-weight:700;color:var(--link-ink);font-size:15px}.main-nav a:hover{color:var(--link-teal-dark)}.header-actions{display:flex;align-items:center;gap:10px}.phone-btn,.primary-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;background:var(--link-teal);color:#fff;font-weight:800;border:1px solid var(--link-teal);transition:.2s}.phone-btn:hover,.primary-btn:hover{background:var(--link-teal-dark);color:#fff;transform:translateY(-1px)}.menu-toggle{display:none;background:none;border:0;font-size:28px;color:var(--link-ink)}.hero{position:relative;overflow:hidden;padding:110px 0 95px;background:radial-gradient(circle at 90% 10%,rgba(0,169,167,.14),transparent 35%),linear-gradient(135deg,#f8fbfb 0%,#fff 60%)}.hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(0,169,167,.14);border-radius:50%;right:-120px;bottom:-180px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{display:inline-flex;padding:6px 12px;border-radius:999px;background:rgba(0,169,167,.1);color:var(--link-teal-dark);font-size:13px;font-weight:800;letter-spacing:.3px}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.12;margin:18px 0 20px;letter-spacing:-1.2px}.hero h1 span{color:var(--link-teal)}.hero p{font-size:19px;color:var(--link-muted);max-width:640px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;border:1px solid var(--link-border);color:var(--link-ink);font-weight:800;background:#fff}.hero-art{min-height:390px;position:relative;display:flex;align-items:center;justify-content:center}.hero-card{width:min(100%,470px);padding:38px;border:1px solid rgba(0,169,167,.16);border-radius:28px;background:rgba(255,255,255,.9);box-shadow:var(--link-shadow);position:relative}.hero-card img{width:270px;margin:auto;display:block}.hero-card .code-line{height:10px;border-radius:10px;background:#e8eeee;margin:18px 0}.hero-card .code-line.short{width:62%}.section{padding:90px 0}.section.alt{background:var(--link-light)}.section-head{max-width:720px;margin:0 auto 42px;text-align:center}.section-head h2{font-size:38px;line-height:1.2;margin:0 0 12px}.section-head p{margin:0;color:var(--link-muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:30px;border:1px solid var(--link-border);border-radius:var(--link-radius);background:#fff;box-shadow:0 8px 28px rgba(24,48,54,.05)}.card .icon{width:52px;height:52px;border-radius:14px;background:rgba(0,169,167,.1);display:grid;place-items:center;color:var(--link-teal-dark);font-size:22px;font-weight:900;margin-bottom:18px}.card h3{margin:0 0 8px;font-size:21px}.card p{margin:0;color:var(--link-muted)}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.project-card{position:relative;overflow:hidden;min-height:310px;border-radius:24px;background:#fff;border:1px solid var(--link-border);box-shadow:var(--link-shadow);padding:34px;display:flex;flex-direction:column;justify-content:flex-end}.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,169,167,.10),transparent 55%)}.project-card>*{position:relative}.project-badge{font-size:12px;font-weight:900;text-transform:uppercase;color:var(--link-teal-dark);letter-spacing:1px}.project-card h3{font-size:32px;margin:8px 0}.project-card p{color:var(--link-muted);max-width:560px}.project-link{font-weight:900}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:24px;text-align:center;border:1px solid var(--link-border);border-radius:16px;background:#fff}.stat strong{display:block;font-size:30px;color:var(--link-teal-dark)}.cta{padding:55px;border-radius:28px;background:linear-gradient(120deg,var(--link-teal-dark),var(--link-teal));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0;font-size:32px}.cta p{margin:5px 0 0;opacity:.9}.cta .primary-btn{background:#fff;color:var(--link-teal-dark);border-color:#fff}.site-footer{background:#202629;color:#dfe6e6;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}.footer-brand img{width:220px;filter:brightness(0) invert(1);opacity:.95}.footer-title{font-size:17px;font-weight:900;color:#fff;margin:0 0 14px}.site-footer p{color:#aeb9bb;margin:7px 0}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:6px 0}.footer-links a{color:#cbd4d5}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#9eaaac;font-size:13px}.page-hero{padding:80px 0;background:linear-gradient(135deg,#f5f9f9,#fff)}.page-hero h1{font-size:48px;margin:0 0 8px}.page-hero p{color:var(--link-muted);margin:0}.content-area{padding:70px 0}.elementor-page .content-area{padding:0}.project-single{max-width:900px;margin:auto}.project-single h1{font-size:48px;line-height:1.2}.project-meta{color:var(--link-muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact-box{padding:32px;border:1px solid var(--link-border);border-radius:20px;background:#fff}.contact-item{display:flex;gap:15px;align-items:flex-start;margin:20px 0}.contact-item strong{display:block}.rtl .main-nav ul{flex-direction:row}.rtl .header-inner{direction:rtl}.rtl .hero-grid,.rtl .contact-grid{direction:rtl}@media(max-width:900px){.main-nav{display:none}.menu-toggle{display:block}.header-actions .phone-btn{display:none}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:280px}.cards{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}}@media(max-width:620px){.container{width:min(100% - 28px,var(--link-container))}.brand img{width:165px}.hero{padding:70px 0}.hero h1{font-size:40px}.section{padding:65px 0}.cards,.projects,.stats,.footer-grid{grid-template-columns:1fr}.cta{padding:34px;display:block}.cta .primary-btn{margin-top:20px}.page-hero h1{font-size:38px}.copyright{display:block}.copyright>*{margin:5px 0}}

/* V3 Project Case Studies */
.project-page{background:#fff}.project-hero{padding:92px 0 80px;background:linear-gradient(135deg,#f7fbfb 0%,#fff 65%);overflow:hidden}.project-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.back-link{display:inline-block;margin-bottom:28px;color:#4b5960;text-decoration:none;font-weight:700}.project-hero h1{font-size:clamp(48px,7vw,86px);line-height:.95;margin:12px 0;color:#273238;letter-spacing:-3px}.project-hero h2{font-size:clamp(24px,3vw,38px);line-height:1.2;margin:0 0 18px;color:#00a8a5}.project-lead{font-size:20px;line-height:1.9;max-width:720px;color:#5f6b70;margin-bottom:30px}.project-visual{position:relative}.project-cover{width:100%;height:auto;border-radius:28px;display:block;box-shadow:0 30px 80px rgba(22,58,65,.14)}.project-placeholder{min-height:440px;border-radius:30px;background:linear-gradient(145deg,#073f46,#00aaa5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(0,110,112,.2)}.project-placeholder:before,.project-placeholder:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);transform:rotate(45deg)}.project-placeholder:before{width:330px;height:330px}.project-placeholder:after{width:220px;height:220px}.project-placeholder span{font-size:18px;letter-spacing:3px;z-index:1}.project-placeholder b{font-size:70px;letter-spacing:-4px;z-index:1}.project-placeholder small{font-size:14px;text-transform:uppercase;letter-spacing:2px;z-index:1}.project-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.rich-content{font-size:18px;line-height:2;color:#5b676c}.rich-content h2{font-size:28px;color:#263238;margin:0 0 12px}.rich-content p{margin:0 0 28px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-panel{padding:42px;border:1px solid #e3eaeb;border-radius:24px;background:#fff}.info-panel.featured{background:#063f46;color:#fff;border-color:#063f46}.info-panel .number{display:block;font-size:42px;font-weight:800;color:#00a8a5;margin-bottom:18px}.info-panel h3{font-size:32px;margin:10px 0 14px}.info-panel p{font-size:18px;line-height:1.9;color:#647075}.info-panel.featured p{color:#d9e6e7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-item{padding:30px;border:1px solid #e5ecec;border-radius:20px;transition:.25s}.feature-item:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(22,58,65,.08)}.feature-item span{font-size:14px;color:#00a8a5;font-weight:800}.feature-item h3{font-size:20px;margin:18px 0 0;color:#263238}.project-details-strip{background:#f4f8f8}.project-details-strip .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.project-details-strip h3{font-size:28px;margin:8px 0}.project-details-strip p{font-size:18px;color:#667277;line-height:1.8}.project-archive-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:28px}.project-card-large{padding:0!important;overflow:hidden}.project-card-media{aspect-ratio:16/9;background:#f1f6f6;overflow:hidden}.project-card-media img{width:100%;height:100%;object-fit:cover;display:block}.mini-project-logo{height:100%;display:flex;align-items:center;justify-content:center;gap:15px;color:#263238}.mini-project-logo b{font-size:50px;color:#00a8a5}.mini-project-logo span{font-size:28px;font-weight:800}.project-card-body{padding:30px}.project-card-body h2{font-size:34px;margin:15px 0 8px}.project-card-body p{font-size:17px;line-height:1.8;color:#667277}.project-card-body .project-link{display:inline-flex;gap:12px;align-items:center}.project-card-body .project-link span{transition:.2s}.project-card-body .project-link:hover span{transform:translateX(-5px)}
@media(max-width:900px){.project-hero-grid,.project-intro-grid,.two-columns,.project-details-strip .container{grid-template-columns:1fr;gap:36px}.feature-grid,.project-archive-grid{grid-template-columns:1fr}.project-hero{padding:55px 0}.project-hero h1{font-size:58px}.project-placeholder{min-height:320px}}

/* V4 Bilingual experience */
.language-switcher{display:flex;align-items:center;white-space:nowrap}.lang-switch{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800}.lang-switch a{color:#667277}.lang-switch a.active{color:var(--link-teal-dark)}.link-english{direction:ltr}.link-english .main-nav ul{flex-direction:row}.link-english .header-inner{direction:ltr}.link-english .hero-grid,.link-english .contact-grid{direction:ltr}.link-english .hero h1 span{color:var(--link-teal)}.link-english .page-hero,.link-english .section-head{text-align:left}.link-english .section-head{margin-left:0;margin-right:0}.link-english .cta{text-align:left}.link-english .project-card-body{text-align:left}.link-english .footer-grid,.link-english .copyright{direction:ltr}.link-english .footer-links{padding-left:0}.link-english .back-link{direction:ltr}.link-english .project-hero h1{letter-spacing:-2px}
@media(max-width:900px){.language-switcher{margin-right:0}.link-english .main-nav ul{align-items:flex-start!important}.link-english .section-head{text-align:left}}

/* LINK V5 - Contact */
.link-contact-page{background:#f7fafb;color:#172126}.link-container{width:min(1160px,calc(100% - 40px));margin:auto}
.link-contact-hero{padding:110px 0 90px;background:linear-gradient(135deg,#0c2428 0%,#123c40 58%,#17a9a5 140%);color:#fff;position:relative;overflow:hidden}
.link-contact-hero:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-180px;top:-220px}
.link-eyebrow,.link-section-kicker{letter-spacing:.16em;font-size:12px;font-weight:800;color:#16b9b1}.link-contact-hero h1{max-width:780px;font-size:clamp(38px,6vw,68px);line-height:1.05;margin:18px 0}.link-contact-hero p{max-width:680px;font-size:18px;line-height:1.8;color:#d9eeee}
.link-contact-section{padding:90px 0}.link-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.link-contact-info h2,.link-contact-form-wrap h2{font-size:36px;line-height:1.2;margin:12px 0 18px}.link-contact-info>p{line-height:1.9;color:#5f6c70;max-width:540px}
.link-contact-card{display:flex;gap:16px;align-items:center;margin-top:18px;padding:20px;border:1px solid #dce7e8;border-radius:16px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 8px 28px rgba(16,50,55,.05)}.link-contact-card small{display:block;color:#778589;margin-bottom:5px}.link-contact-card strong{display:block}.link-icon{width:44px;height:44px;border-radius:12px;background:#e4f8f6;color:#0c9693;display:grid;place-items:center;font-weight:900}
.link-contact-form-wrap{background:#fff;padding:34px;border-radius:24px;border:1px solid #dce7e8;box-shadow:0 18px 50px rgba(16,50,55,.08)}.link-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.link-contact-form label{font-size:13px;font-weight:700;color:#354448}.link-contact-form label:nth-child(5){grid-column:1/-1}
.link-contact-form input,.link-contact-form select,.link-contact-form textarea{width:100%;box-sizing:border-box;margin-top:8px;padding:14px 15px;border:1px solid #d7e2e3;border-radius:10px;background:#fbfdfd;font:inherit;outline:none}.link-contact-form input:focus,.link-contact-form select:focus,.link-contact-form textarea:focus{border-color:#13aaa6;box-shadow:0 0 0 3px rgba(19,170,166,.1)}
.link-contact-form button{grid-column:1/-1;border:0;border-radius:11px;padding:15px 22px;background:#10a9a5;color:#fff;font-weight:800;cursor:pointer}.link-contact-form button span{margin-inline-start:8px}.link-form-note{font-size:11px;line-height:1.6;color:#849295;margin:14px 0 0}
.link-map-section{padding:0 0 90px}.link-map-placeholder{min-height:270px;border-radius:22px;background:linear-gradient(135deg,#dff4f2,#eef7f7);display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #d1e5e4}.link-map-placeholder strong,.link-map-placeholder span,.link-map-placeholder a{display:block;margin:8px}.link-map-placeholder a{color:#087f7c;font-weight:800;text-decoration:none}
@media(max-width:800px){.link-contact-grid{grid-template-columns:1fr;gap:40px}.link-contact-form{grid-template-columns:1fr}.link-contact-form label:nth-child(5),.link-contact-form button{grid-column:auto}.link-contact-hero{padding:80px 0 65px}.link-contact-section{padding:60px 0}.link-contact-info h2,.link-contact-form-wrap h2{font-size:30px}}

/* LINK V6 - Final polish */
.link-404{min-height:60vh;display:grid;place-items:center;text-align:center;background:#f7fafb;padding:70px 0}
.link-404-code{font-size:clamp(80px,16vw,180px);font-weight:900;line-height:.8;color:#10a9a5;letter-spacing:-.08em}
.link-404 h1{font-size:40px;margin:35px 0 10px;color:#172126}.link-404 p{color:#69777b;line-height:1.8}
.link-404-btn{display:inline-block;margin-top:20px;padding:13px 24px;border-radius:10px;background:#10a9a5;color:#fff;text-decoration:none;font-weight:800}
html{scroll-behavior:smooth}
img{max-width:100%;height:auto}
button,input,select,textarea{font-family:inherit}

/* LINK V6.1 - Arabic navigation order: Home starts on the right */
html[dir="rtl"] .main-nav ul,.link-arabic .main-nav ul{direction:rtl;flex-direction:row;justify-content:flex-start}
html[dir="rtl"] .main-nav li,.link-arabic .main-nav li{direction:rtl}

/* LINK V6.3 - Professional RTL navigation fix */
.link-arabic .header-inner{direction:rtl}
.link-arabic .main-nav{direction:rtl}
.link-arabic .main-nav ul{display:flex!important;direction:rtl!important;flex-direction:row-reverse!important;justify-content:flex-start!important;align-items:center!important;gap:30px!important}
.link-arabic .main-nav li{direction:rtl!important;order:initial!important}
.link-arabic .main-nav li:first-child a{color:var(--link-teal-dark);font-weight:900}
.link-arabic .main-nav a{white-space:nowrap}
.link-arabic .header-actions{direction:ltr}
@media(max-width:900px){.link-arabic .main-nav{direction:rtl}.link-arabic .main-nav ul{flex-direction:column!important;align-items:flex-start!important}}

/* LINK V6.4 - deterministic Arabic navigation */
.link-arabic .header-inner{direction:rtl!important}
.link-arabic .main-nav{direction:rtl!important}
.link-arabic .main-nav ul{direction:rtl!important;flex-direction:row!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:30px!important}
.link-arabic .main-nav li{direction:rtl!important;order:0!important}
.link-arabic .main-nav li:first-child{order:0!important}
.link-arabic .main-nav li:first-child a{color:var(--link-teal-dark);font-weight:900}
.link-arabic .header-actions{direction:ltr!important}
.link-english .main-nav ul{direction:ltr!important;flex-direction:row!important}
.link-english .header-inner{direction:ltr!important}
@media(max-width:900px){
 .link-arabic .main-nav ul{flex-direction:column!important;align-items:flex-start!important}
}