/* GENERATED from assets/css/ds.css by tools/build-ltr-css.js. Do not edit. */
/* ==========================================================================
   Linkawy design system layer (redesign)
   Source of truth: /design-system (tokens/*.css, components/*.jsx, readme.md).
   Loaded on every page AFTER the legacy stylesheets, so it only re-skins:
   colours, type, radii, spacing, surfaces, icons and component shapes.
   Markup/text order is never changed from here.
   The LTR copy (assets/css/ltr/ds.css) is generated by tools/build-ltr-css.js
   (Alexandria -> Sora, physical properties mirrored).
   ========================================================================== */

/* ---------- Fonts: Alexandria (Arabic + Latin kept), subset woff2 ---------- */
@font-face{font-family:'Sora';font-style:normal;font-weight:400;font-display:swap;src:url('../../fonts/ds/sora-400.woff2') format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:500;font-display:swap;src:url('../../fonts/ds/sora-500.woff2') format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:600;font-display:swap;src:url('../../fonts/ds/sora-600.woff2') format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;src:url('../../fonts/ds/sora-700.woff2') format('woff2')}

/* ---------- Tokens (design-system/tokens) ---------- */
:root{
  --orange:#FF6207;--orange-deep:#CE3000;--orange-light:#FF852F;
  --gradient-primary:linear-gradient(100deg,#CE3000,#FF852F);
  --gradient-highlight-card:linear-gradient(200deg,#FF852F 0%,#FF6207 45%,#CE3000 100%);
  --white:#FFFFFF;--cream:#F8F6F1;--cream-warm:#F5EDE0;--border-light:#E8E2D8;--divider-footer:#DDD7CC;
  --dark:#0A0A0A;--dark-surface:#121212;--dark-tile-inner:#171717;--dark-border:#262626;
  --dark-card-edge:linear-gradient(180deg,#262626,#0F0F0F);
  --tile-edge-dark:linear-gradient(180deg,#262626,#0F0F0F);--tile-inner-dark:#171717;
  --tile-edge-light:linear-gradient(180deg,#E8E2D8,#F3EEE6);--tile-inner-light:#FBF9F5;
  --fg-on-dark-1:#FFFFFF;--fg-on-dark-2:#A1A1A1;--fg-on-dark-3:#737373;
  --fg-on-light-1:#141414;--fg-on-light-2:#5E5A55;--fg-on-light-3:#6B6863;
  --highlight-mark:rgba(255,98,7,.28);
  --shadow-exceptional:0 18px 40px -12px rgba(255,98,7,.35);
  --shadow-new-label:0 6px 14px -8px rgba(255,98,7,.55);
  --tile-glow-opacity-dark:.15;--tile-glow-opacity-light:.10;--tile-glow-opacity-logo:.08;
  --ease-out:cubic-bezier(.22,1,.36,1);--dur-fast:150ms;--dur-base:250ms;--dur-slow:400ms;
  --space-section:112px;--space-section-sm:80px;--space-block:40px;--space-element:24px;--space-tight:16px;
  --space-xs:12px;--space-2xs:8px;--content-max:1200px;--gutter:24px;
  --radius-pill:999px;--radius-card:16px;--radius-tile:16px;--radius-tile-inner:15px;
  --font-sans:'Sora',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;
  --fs-display:48px;--fs-section:32px;--fs-card:20px;--fs-body:16px;--fs-small:13px;
  --lh-display:1.15;--lh-section:1.2;--lh-card:1.4;--lh-body:1.7;--lh-small:1.5;
  --tracking-display:-0.02em;--tracking-section:-0.015em;--tracking-card:-0.01em;

  /* surface defaults (white) */
  --text-heading:var(--fg-on-light-1);--text-body:var(--fg-on-light-2);--text-muted:var(--fg-on-light-3);--text-accent:var(--orange);
  --card-bg:var(--white);--card-edge:var(--border-light);--tag-bg:var(--white);--tag-border:var(--border-light);--tag-fg:var(--fg-on-light-2);
  --tile-edge:var(--tile-edge-light);--tile-inner:var(--tile-inner-light);--tile-glow-opacity:var(--tile-glow-opacity-light);
  --faq-icon:var(--fg-on-light-3);--logo-mono-filter:invert(1);

  /* legacy theme variables remapped onto the brand palette */
  --primary-color:#FF6207;--primary-color-dark:#CE3000;--primary-color-light:#FF852F;--primary-color-lighter:#FF852F;
  --primary-color-bg:#F5EDE0;--primary-color-rgb:255,98,7;--secondary-color:#0A0A0A;--accent-color:#FF852F;
  --text-color:#141414;--text-main:#141414;--text-primary:#141414;--text-dark:#141414;
  --text-secondary:#5E5A55;--text-gray:#5E5A55;--text-light:#6B6863;--text-white:#FFFFFF;
  --bg-color:#FFFFFF;--bg-white:#FFFFFF;--bg-light:#F8F6F1;--bg-lighter:#F8F6F1;--light-bg:#F8F6F1;
  --bg-dark:#0A0A0A;--bg-black:#0A0A0A;--dark-bg:#0A0A0A;
  --border-medium:#E8E2D8;--border-dark:#262626;
  --button-bg:#FF6207;--button-hover-bg:#CE3000;--link-color:#FF6207;--link-hover-color:#CE3000;
  --font-family:var(--font-sans);
}
/* Arabic: taller headings, no tracking (readme: AR line-height 1.35) */
[dir="rtl"]{--lh-display:1.35;--lh-section:1.35;--tracking-display:0;--tracking-section:0;--tracking-card:0}

/* Surface scopes: set data-surface and every nested DS component follows */
[data-surface="white"],[data-surface="cream"],[data-surface="cream-warm"]{
  --text-heading:var(--fg-on-light-1);--text-body:var(--fg-on-light-2);--text-muted:var(--fg-on-light-3);--text-accent:var(--orange);
  --card-bg:var(--white);--card-edge:var(--border-light);--tag-bg:var(--white);--tag-border:var(--border-light);--tag-fg:var(--fg-on-light-2);
  --tile-edge:var(--tile-edge-light);--tile-inner:var(--tile-inner-light);--tile-glow-opacity:var(--tile-glow-opacity-light);
  --faq-icon:var(--fg-on-light-3);--logo-mono-filter:invert(1)}
[data-surface="dark"]{
  --text-heading:var(--fg-on-dark-1);--text-body:var(--fg-on-dark-2);--text-muted:var(--fg-on-dark-3);--text-accent:var(--orange);
  --card-bg:var(--dark-surface);--card-edge:var(--dark-card-edge);--tag-bg:var(--dark-surface);--tag-border:var(--dark-border);--tag-fg:var(--fg-on-dark-2);
  --tile-edge:var(--tile-edge-dark);--tile-inner:var(--tile-inner-dark);--tile-glow-opacity:var(--tile-glow-opacity-dark);
  --faq-icon:var(--fg-on-dark-3);--logo-mono-filter:none}
[data-surface="orange"]{
  --text-heading:var(--white);--text-body:var(--white);--text-muted:var(--white);--text-accent:var(--white);
  --tag-bg:var(--dark);--tag-border:var(--dark);--tag-fg:var(--white);
  --tile-edge:var(--tile-edge-dark);--tile-inner:var(--tile-inner-dark);--tile-glow-opacity:var(--tile-glow-opacity-dark);--logo-mono-filter:none}

/* ---------- Base ---------- */
body{font-family:var(--font-sans);color:var(--fg-on-light-1);background-color:var(--white);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}
button,input,select,textarea{font-family:inherit}
::selection{background:var(--highlight-mark)}
:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.container{max-width:calc(var(--content-max) + 2 * var(--gutter));padding-inline:var(--gutter)}
@media (max-width:768px){.container{padding-inline:20px}}

/* Lucide icons (inc/lucide-icons.php). Directional ones follow the reading direction. */
.lk-icon{display:inline-block;flex-shrink:0;vertical-align:middle}
[dir="rtl"] .lk-icon-dir{scale:-1 1}

/* ---------- Components ---------- */
/* Buttons: pill, gradient primary (the only place the gradient lives) */
.lk-btn,.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;min-height:48px;padding:0 24px;
  border-radius:var(--radius-pill);border:1px solid transparent;background:var(--gradient-primary) border-box;color:var(--white);
  font-family:var(--font-sans);font-size:15px;font-weight:700;line-height:1;letter-spacing:0;white-space:nowrap;text-decoration:none;cursor:pointer;
  transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast)}
.lk-btn:hover,.cta-button:hover{background:var(--gradient-primary) border-box;color:var(--white);box-shadow:var(--shadow-exceptional);transform:none}
.lk-btn:active,.cta-button:active{background:var(--orange-deep);box-shadow:none;transform:scale(.98)}
.lk-btn--sm{height:40px;min-height:40px;padding:0 18px;font-size:14px}
.lk-btn--lg{height:56px;min-height:56px;padding:0 30px;font-size:16px}
.lk-btn--dark{background:var(--dark);font-weight:600}
.lk-btn--dark:hover{background:var(--dark-border);box-shadow:none}
.lk-btn--outline{background:transparent;border-color:var(--dark-border);font-weight:600}
.lk-btn--outline:hover{background:rgba(255,255,255,.04);border-color:var(--fg-on-dark-3);box-shadow:none}

/* Tags: outline pill, never gradient */
.lk-tag{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--radius-pill);
  background:var(--tag-bg);border:1px solid var(--tag-border);color:var(--tag-fg);font-size:13px;font-weight:500;line-height:1;white-space:nowrap}
.lk-tag--accent{color:var(--orange)}

/* Cards: 16 radius, no shadow; dark cards get the gradient edge */
.lk-card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-card);padding:32px;
  background:var(--white);border:1px solid var(--border-light);color:var(--text-body)}
[data-surface="dark"] .lk-card{background:linear-gradient(var(--dark-surface),var(--dark-surface)) padding-box,var(--dark-card-edge) border-box;border-color:transparent}
.lk-card--highlight{background:var(--dark);border-color:var(--dark)}
[data-surface="dark"] .lk-card--highlight{background:var(--gradient-highlight-card);border-color:transparent}

/* Number badge */
.lk-num{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:40px;height:40px;padding:0 10px;
  border-radius:var(--radius-pill);background:var(--gradient-primary);color:var(--white);font-weight:700;font-size:15px;line-height:1;font-variant-numeric:tabular-nums}
.lk-num--dark{background:var(--dark);color:var(--orange);border:1px solid var(--dark-border)}

/* Icon tile: 1px gradient edge -> inner fill -> bottom-centre orange glow -> orange Lucide icon */
.lk-tile{--tile-size:56px;position:relative;display:inline-flex;flex-shrink:0;width:var(--tile-size);height:var(--tile-size);padding:1px;
  border-radius:var(--radius-tile);background:var(--tile-edge)}
.lk-tile__in{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  border-radius:var(--radius-tile-inner);background:var(--tile-inner);overflow:hidden;color:var(--orange)}
.lk-tile__in::before{content:'';position:absolute;inset:0;background:radial-gradient(var(--tile-size) circle at 50% 100%,var(--orange),transparent);opacity:var(--tile-glow-opacity);pointer-events:none}
.lk-tile__in>*{position:relative}
.lk-tile--logo .lk-tile__in::before{opacity:var(--tile-glow-opacity-logo)}
.lk-tile--logo img{width:50%;height:50%;object-fit:contain}
.lk-tile--logo img.lk-mono{filter:var(--logo-mono-filter)}

/* Section headings */
.lk-h-display{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--tracking-display);font-weight:700;color:var(--text-heading)}
.lk-h-section{font-size:var(--fs-section);line-height:var(--lh-section);letter-spacing:var(--tracking-section);font-weight:700;color:var(--text-heading)}
.lk-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:500;color:var(--text-accent)}
.lk-eyebrow::before{content:'';width:6px;height:6px;border-radius:999px;background:currentColor}
@media (max-width:768px){:root{--fs-display:34px;--fs-section:26px;--space-section:72px;--space-section-sm:56px}}

/* Inputs: pill fields, 16 radius textareas */
.lk-input{width:100%;height:52px;padding:0 22px;border-radius:var(--radius-pill);border:1px solid var(--border-light);background:var(--white);
  color:var(--fg-on-light-1);font-size:15px;line-height:1.5;outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}
textarea.lk-input{height:auto;padding:16px 22px;border-radius:var(--radius-card)}
.lk-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--highlight-mark)}

/* Sunset transitions (the Accretion PNG, never a CSS gradient) */
.lk-sunset{background:var(--cream);line-height:0}
.lk-sunset img{display:block;width:100%;max-width:none;height:auto}
.lk-sunset--down img{height:8vw;object-fit:fill;margin-top:-1px}
.lk-sunset--up img{margin-bottom:-1px}

/* ==========================================================================
   Header (kit Header): sticky, 80px — the background lives on header::before so the header itself
   never becomes a containing block for the fixed mobile menu.
     DARK header (home, service pages, single post): solid #0A0A0A, no glass.
     LIGHT header (every other page): glass rgba(255,255,255,.72) + blur(20px) saturate(140%) — a deliberate
       exception to the DS rule "glass only over glowing / busy art" (see CLAUDE.md); solid #FFFFFF without
       backdrop-filter support.
   Dropdowns and the mobile menu stay solid so their text is always clear.
   ========================================================================== */
header,.home header,.front-page header{position:sticky;top:0;right:auto;left:auto;z-index:1000;min-height:80px;
  background:transparent!important;border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
header::before,.home header::before,.front-page header::before,
.home header.scrolled::before,.front-page header.scrolled::before{background-color:#0A0A0A!important;background-image:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border-bottom:0!important;box-shadow:none!important;transition:none}
.admin-bar header{top:32px}
@media (max-width:782px){.admin-bar header{top:46px}}
@media (max-width:600px){.admin-bar header{top:0}}
header .container{gap:32px}
.logo a{display:flex}
.logo img{height:34px;width:auto}
/* The Arabic wordmark is narrower, so it runs a little taller to match the English one visually */
.logo img.logo-ar{height:40px}

/* Nav: pills, #A1A1A1 -> white */
nav.main-nav ul{gap:2px}
nav.main-nav a,.home nav.main-nav a,.front-page nav.main-nav a{color:var(--fg-on-dark-2)}
nav.main-nav>ul>li>a{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:var(--radius-pill);
  font-size:15px;font-weight:500;white-space:nowrap;transition:color var(--dur-fast)}
nav.main-nav>ul>li>a:hover,nav.main-nav>ul>li:hover>a,nav.main-nav>ul>li.current-menu-item>a,
.home nav.main-nav a:hover,.front-page nav.main-nav a:hover{color:var(--fg-on-dark-1)}
nav.main-nav>ul>li.current-menu-item>a{background:var(--dark-surface)}
.submenu-chevron{transition:transform var(--dur-base) var(--ease-out)}
nav.main-nav li:hover>a .submenu-chevron{transform:rotate(-180deg)}

/* Dropdowns (mega + standard): #121212 with the dark gradient edge, no glass, no shadow */
.mega-menu,.home .mega-menu,.front-page .mega-menu,
nav.main-nav ul.sub-menu,.home nav.main-nav ul.sub-menu,.front-page nav.main-nav ul.sub-menu{
  top:calc(100% + 22px);background:linear-gradient(var(--dark-surface),var(--dark-surface)) padding-box,var(--dark-card-edge) border-box;
  border:1px solid transparent;border-radius:var(--radius-card);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.mega-menu-services{padding:12px}
.mega-menu-services ul{gap:2px 8px}
.mega-menu-services ul li,nav.main-nav ul.sub-menu li,
.home .mega-menu-services ul li,.front-page .mega-menu-services ul li,
.home nav.main-nav ul.sub-menu li,.front-page nav.main-nav ul.sub-menu li{border-bottom:0}
.mega-menu-services ul li a,nav.main-nav ul.sub-menu a,
.home .mega-menu-services ul li a,.front-page .mega-menu-services ul li a,
.home nav.main-nav ul.sub-menu a,.front-page nav.main-nav ul.sub-menu a{display:block;padding:10px 14px;border-radius:10px;
  color:var(--fg-on-dark-2);font-size:14px;font-weight:500;transition:color var(--dur-fast),background var(--dur-fast)}
.mega-menu-services ul li a:hover,nav.main-nav ul.sub-menu a:hover,
.home .mega-menu-services ul li a:hover,.front-page .mega-menu-services ul li a:hover,
.home nav.main-nav ul.sub-menu a:hover,.front-page nav.main-nav ul.sub-menu a:hover{color:var(--fg-on-dark-1);background:var(--dark-tile-inner);padding-inline:14px}
nav.main-nav ul.sub-menu{padding:12px;gap:2px 8px}
/* Mega CTA = the one highlight card on dark: orange gradient */
.mega-menu-cta{margin:8px;border-radius:12px;background:var(--gradient-highlight-card);color:var(--white)}
.mega-menu-cta::before{display:none}
.mega-menu-cta .mega-menu-cta-title{font-size:20px;line-height:1.4;font-weight:600}
.mega-menu-cta p{opacity:1;color:rgba(255,255,255,.9);font-size:14px}
.mega-menu-btn,.home .mega-menu-btn,.front-page .mega-menu-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;
  border-radius:var(--radius-pill);background:var(--dark);color:var(--white)!important;font-size:14px;font-weight:600}
.mega-menu-btn:hover,.home .mega-menu-btn:hover,.front-page .mega-menu-btn:hover{background:var(--dark-border);color:var(--white)!important;gap:8px}
/* Mega services: 2 columns x 3 rows stretched to the CTA height, thin dividers between rows, a 32px Lucide tile per service */
@media (min-width:769px){
  .mega-menu-services{display:flex;flex-direction:column}
  .mega-menu-services ul{flex:1;grid-auto-rows:1fr;gap:0 8px}
  .mega-menu-services ul li,.home .mega-menu-services ul li,.front-page .mega-menu-services ul li{display:flex;border-bottom:1px solid var(--dark-border)}
  .mega-menu-services ul li:nth-last-child(-n+2):nth-child(odd),.mega-menu-services ul li:last-child{border-bottom:0}
  .mega-menu-services ul li a,.home .mega-menu-services ul li a,.front-page .mega-menu-services ul li a{display:flex;align-items:center;gap:12px;width:100%;margin:6px 0;padding:10px 12px;white-space:nowrap}
  .mega-menu-services ul li a:hover,.home .mega-menu-services ul li a:hover,.front-page .mega-menu-services ul li a:hover{padding-inline:12px;background:transparent;color:var(--fg-on-dark-1)}
}
.mega-menu-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:8px;
  background:var(--dark-tile-inner);border:1px solid var(--dark-border);color:var(--orange);transition:border-color var(--dur-fast),background var(--dur-fast)}
.mega-menu-services ul li a:hover .mega-menu-icon{background:var(--dark);border-color:rgba(255,98,7,.45)}
@media (max-width:768px){.mega-menu-icon{display:none}}

/* Language switch + CTA (Button sm) */
/* Kit Header langSwitch: Lucide Languages + the other language's name, #A1A1A1 -> white,
   no background, no border. The label keeps its own script's font on both versions:
   "English" in Sora, "العربية" in Alexandria (family names chosen so the LTR build leaves them alone). */
@font-face{font-family:'LkLabelEn';font-style:normal;font-weight:500;font-display:swap;src:url('../../fonts/ds/sora-500.woff2') format('woff2')}
@font-face{font-family:'LkLabelAr';font-style:normal;font-weight:500;font-display:swap;src:url('../../fonts/ds/alexandria-500.woff2') format('woff2')}
.lang-switch,.home .lang-switch,.front-page .lang-switch{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin:0;padding:0 4px;border:0;border-radius:0;
  background:none;color:var(--fg-on-dark-2);font-size:14px;font-weight:500;line-height:1;text-decoration:none;opacity:1;white-space:nowrap;transition:color var(--dur-fast)}
.lang-switch:hover,.home .lang-switch:hover,.front-page .lang-switch:hover{color:var(--fg-on-dark-1);opacity:1}
.lang-switch .lk-icon{color:inherit}
.lang-switch--en .lang-switch__label{font-family:'LkLabelEn','Segoe UI',system-ui,sans-serif}
.lang-switch--ar .lang-switch__label{font-family:'LkLabelAr',Tahoma,system-ui,sans-serif}
nav.main-nav .lang-switch--mobile{display:none}
.header-actions{gap:12px}
.header-actions .cta-button{height:40px;min-height:40px;padding:0 18px;font-size:14px}

/* Mobile toggle + off-canvas menu: dark surfaces */
.mobile-menu-toggle span,.home .mobile-menu-toggle span,.front-page .mobile-menu-toggle span{background:var(--white);height:2.5px;border-radius:2px}
@media (max-width:768px){
  header,.home header,.front-page header{min-height:68px}
  .logo img{height:30px}
  .logo img.logo-ar{height:35px}
  /* Keep the logo visible above the open off-canvas menu (the menu is z-index 1000, the close button 1002) */
  .logo{position:relative;z-index:1001}
  nav.main-nav .lang-switch--mobile{display:flex;width:100%;box-sizing:border-box;padding:.75rem 2rem;min-height:0;font-size:1.05rem;font-weight:600;color:var(--fg-on-dark-2)}
  nav.main-nav .lang-switch--mobile:hover{color:var(--fg-on-dark-1)}
  nav.main-nav,.home nav.main-nav,.front-page nav.main-nav{background:var(--dark)}
  nav.main-nav::before,.home nav.main-nav::before,.front-page nav.main-nav::before{display:none}
  nav.main-nav>ul>li>a{display:block;height:auto;padding:.75rem .25rem;border-radius:0;font-size:1.05rem;font-weight:600;color:var(--fg-on-dark-1)}
  nav.main-nav>ul>li>a:hover,.home nav.main-nav ul li a:hover,.front-page nav.main-nav ul li a:hover{color:var(--orange)}
  nav.main-nav>ul>li.current-menu-item:not(.menu-item-has-children)>a{background:transparent}
  nav.main-nav>ul>li.menu-item-has-children>a{background:var(--dark-surface)!important;border:1px solid var(--dark-border)!important;border-radius:var(--radius-card)!important;color:var(--fg-on-dark-1)!important}
  nav.main-nav>ul>li.menu-item-has-children.submenu-open>a{border-radius:var(--radius-card) var(--radius-card) 0 0!important}
  nav.main-nav>ul>li.menu-item-has-children>a .submenu-chevron{display:flex!important;align-items:center;justify-content:center;width:28px;height:28px;padding:5px;
    border-radius:50%;background:var(--dark-tile-inner);color:var(--fg-on-dark-2)}
  nav.main-nav>ul>li.menu-item-has-children.submenu-open>a .submenu-chevron{transform:rotate(-180deg)}
  nav.main-nav li.has-dropdown>.mega-menu,nav.main-nav>ul>li.menu-item-has-children:not(.has-dropdown)>ul.sub-menu{
    background:var(--dark-surface)!important;border:1px solid var(--dark-border)!important;border-top:0!important;border-radius:0 0 var(--radius-card) var(--radius-card)!important}
  .mega-menu-services ul li a,nav.main-nav ul.sub-menu a,.home nav.main-nav ul li .mega-menu a,.front-page nav.main-nav ul li .mega-menu a{color:var(--fg-on-dark-2)}
  /* Closed panels draw no border (it showed as a stray line under the item); open panels match their header card */
  nav.main-nav>ul>li.menu-item-has-children:not(.submenu-open)>.mega-menu,nav.main-nav>ul>li.menu-item-has-children:not(.submenu-open)>ul.sub-menu{border-width:0!important}
  nav.main-nav li.has-dropdown>.mega-menu,nav.main-nav>ul>li.menu-item-has-children:not(.has-dropdown)>ul.sub-menu{width:auto!important;max-width:none!important;right:auto!important;left:auto!important;transform:none!important}
  nav.main-nav>ul>li.menu-item-has-children.submenu-open>a{background:var(--dark-surface)!important}
  nav.main-nav>ul>li.menu-item-has-children.submenu-open>a .submenu-chevron{background:var(--dark-tile-inner)!important;color:var(--fg-on-dark-1)}
  nav.main-nav .mobile-nav-cta,.home nav.main-nav .mobile-nav-cta,.front-page nav.main-nav .mobile-nav-cta{display:flex;align-items:center;justify-content:center;height:48px;
    border-radius:var(--radius-pill);background:var(--gradient-primary);color:var(--white);font-weight:700}
  nav.main-nav .mobile-nav-cta:hover,.home nav.main-nav .mobile-nav-cta:hover,.front-page nav.main-nav .mobile-nav-cta:hover{background:var(--gradient-primary);color:var(--white)}
  .mobile-nav-social a,.home .mobile-nav-social a,.front-page .mobile-nav-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
    border-radius:999px;border:1px solid var(--dark-border);background:transparent;color:var(--fg-on-dark-2)}
  .mobile-nav-social a:hover,.home .mobile-nav-social a:hover,.front-page .mobile-nav-social a:hover{background:transparent;border-color:var(--fg-on-dark-3);color:var(--orange)}
}

/* Dark header text: a bit brighter than the kit's #A1A1A1 (dropdown links keep #A1A1A1 on solid #121212). */
@media (min-width:769px){
  nav.main-nav>ul>li>a,.home nav.main-nav>ul>li>a,.front-page nav.main-nav>ul>li>a{color:#D4D4D4}
  .lang-switch,.home .lang-switch,.front-page .lang-switch{color:#D4D4D4}
}

/* ---------- Light header: every page except the home page and the service pages ---------- */
body:not(.home):not(.page-template-service-page) header{border-bottom-color:#EDE7DD}
body:not(.home):not(.page-template-service-page) header::before{background-color:rgba(255,255,255,.72)!important;
  -webkit-backdrop-filter:blur(20px) saturate(140%)!important;backdrop-filter:blur(20px) saturate(140%)!important;transition:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body:not(.home):not(.page-template-service-page) header::before{background-color:#FFFFFF!important}
}
body:not(.home):not(.page-template-service-page) .mobile-menu-toggle:not(.active) span{background:var(--fg-on-light-1)}
@media (min-width:769px){
  body:not(.home):not(.page-template-service-page) nav.main-nav>ul>li>a{color:var(--fg-on-light-1)}
  body:not(.home):not(.page-template-service-page) nav.main-nav>ul>li>a:hover,
  body:not(.home):not(.page-template-service-page) nav.main-nav>ul>li:hover>a,
  body:not(.home):not(.page-template-service-page) nav.main-nav>ul>li.current-menu-item>a{color:var(--fg-on-light-1)}
  body:not(.home):not(.page-template-service-page) nav.main-nav>ul>li.current-menu-item>a{background:var(--cream)}
  body:not(.home):not(.page-template-service-page) .lang-switch{color:var(--fg-on-light-1)}
  body:not(.home):not(.page-template-service-page) .lang-switch:hover{color:var(--fg-on-light-1)}
  /* Light dropdowns = the same glass as the light header (solid white without backdrop-filter support) */
  body:not(.home):not(.page-template-service-page) .mega-menu,
  body:not(.home):not(.page-template-service-page) nav.main-nav ul.sub-menu{background:rgba(255,255,255,.72);border:1px solid #EDE7DD;
    -webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);box-shadow:0 12px 32px rgba(10,10,10,.08)}
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    body:not(.home):not(.page-template-service-page) .mega-menu,
    body:not(.home):not(.page-template-service-page) nav.main-nav ul.sub-menu{background:var(--white)}
  }
  body:not(.home):not(.page-template-service-page) .mega-menu-services ul li{border-bottom-color:var(--border-light)}
  body:not(.home):not(.page-template-service-page) .mega-menu-services ul li:nth-last-child(-n+2):nth-child(odd),
  body:not(.home):not(.page-template-service-page) .mega-menu-services ul li:last-child{border-bottom:0}
  body:not(.home):not(.page-template-service-page) nav.main-nav .mega-menu-services ul li a:hover{background:transparent;color:var(--fg-on-light-1)}
  body:not(.home):not(.page-template-service-page) .mega-menu-icon{background:var(--white);border-color:var(--border-light)}
  body:not(.home):not(.page-template-service-page) .mega-menu-services ul li a:hover .mega-menu-icon{background:var(--white);border-color:rgba(255,98,7,.45)}
  body:not(.home):not(.page-template-service-page) .mega-menu-services ul li a,
  body:not(.home):not(.page-template-service-page) nav.main-nav ul.sub-menu a{color:var(--fg-on-light-2)}
  body:not(.home):not(.page-template-service-page) .mega-menu-services ul li a:hover,
  body:not(.home):not(.page-template-service-page) nav.main-nav ul.sub-menu a:hover{color:var(--fg-on-light-1);background:var(--cream)}
}

/* ==========================================================================
   Footer E: cream, logo + description + social circles, link columns,
   contact column with orange icons, giant watermark logo, copyright
   ========================================================================== */
footer.lk-footer{background:var(--cream);background-image:none;color:var(--fg-on-light-2);padding:0}
.lk-footer .container{padding-top:0;padding-bottom:0}
.lk-footer .footer-grid{display:flex;flex-wrap:wrap;gap:40px 48px;margin:0;padding-top:64px;border-top:1px solid var(--divider-footer)}
.lk-sunset+.container .footer-grid{border-top:0}
.lk-footer .footer-logo{flex:1.6 1 280px;display:flex;flex-direction:column;gap:20px;max-width:360px;text-align:start}
.lk-footer .footer-logo img{height:34px;width:auto;margin:0;align-self:flex-start}
.lk-footer .footer-description{margin:0;font-size:15px;line-height:1.7;color:var(--fg-on-light-2)}
.lk-footer .footer-social-icons{display:flex;gap:10px;margin:0}
.lk-footer .footer-social-icons a{width:40px;height:40px;border-radius:999px;border:1px solid var(--divider-footer);background:var(--white);
  color:var(--fg-on-light-2);display:inline-flex;align-items:center;justify-content:center;transition:color var(--dur-fast)}
.lk-footer .footer-social-icons a:hover{background:var(--white);color:var(--orange)}
.lk-footer .footer-grid>.footer-links{flex:1 1 140px;text-align:start}
.lk-footer .footer-grid>.footer-contact{flex:1 1 160px}
.lk-footer .footer-accordion-header{margin:0 0 18px;font-size:14px;font-weight:600;color:var(--fg-on-light-1)}
.lk-footer .footer-accordion-chevron{display:none}
.lk-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.lk-footer ul li{margin:0}
.lk-footer .footer-accordion-content a,.lk-footer .footer-accordion-content li{font-size:15px;line-height:1.5;color:var(--fg-on-light-2)}
.lk-footer a:hover,.lk-footer .footer-accordion-content a:hover{color:var(--fg-on-light-1)}
.lk-footer .footer-contact li,.lk-footer .footer-contact li a{display:inline-flex;align-items:center;gap:8px}
.lk-footer .footer-contact .lk-icon{color:var(--orange)}
.lk-footer .footer-contact .footer-accordion-chevron{color:var(--fg-on-light-3)}
.lk-footer .footer-contact a[href^="tel:"]{direction:ltr;unicode-bidi:isolate}
.lk-footer__watermark{margin-top:72px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 92%);mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.lk-footer__watermark img{display:block;width:100%;max-width:none;height:auto;filter:brightness(0);opacity:.09}
.lk-footer .footer-bottom{margin:0;padding:24px 0 32px;border-top:0;text-align:start;font-size:var(--fs-small);color:var(--fg-on-light-3)}
@media (max-width:1024px){footer.lk-footer{padding:0}}
@media (max-width:768px){
  .lk-footer .footer-grid{flex-direction:column;gap:12px;padding-top:48px}
  .lk-footer .footer-logo{max-width:none;align-items:flex-start;text-align:start;padding-bottom:12px;margin-bottom:0;flex:none}
  .lk-footer .footer-logo img{margin:0}
  .lk-footer .footer-social-icons{justify-content:flex-start}
  .lk-footer .footer-grid>.footer-links,.lk-footer .footer-grid>.footer-contact{flex:none;width:100%;margin:0;border-radius:var(--radius-card);overflow:hidden;
    background:var(--white);border:1px solid var(--border-light)}
  .lk-footer .footer-accordion-header,.lk-footer .footer-accordion.active .footer-accordion-header{display:flex;justify-content:space-between;align-items:center;margin:0!important;
    padding:18px 20px;font-size:16px;background:transparent;border:0;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--fg-on-light-1);direction:inherit}
  .lk-footer .footer-accordion-chevron{display:block;color:var(--fg-on-light-3);transition:transform var(--dur-base) var(--ease-out)}
  .lk-footer .footer-accordion.active .footer-accordion-chevron{transform:rotate(-180deg)}
  .lk-footer .footer-accordion-content,.lk-footer .footer-accordion.active .footer-accordion-content{background:transparent;border:0;border-radius:0;
    backdrop-filter:none;-webkit-backdrop-filter:none;direction:inherit;text-align:start}
  .lk-footer .footer-accordion-content{padding:0 20px}
  .lk-footer .footer-accordion.active .footer-accordion-content{padding:0 20px 18px}
  .lk-footer .footer-accordion-content li a,.lk-footer .footer-accordion-content li{color:var(--fg-on-light-2)}
  .lk-footer__watermark{margin-top:48px}
}

/* ==========================================================================
   Contact form (template-parts/contact-form-section.php): home + service pages.
   Main section = dark surface, dark card with the gradient edge, DS fields.
   Embedded variant (inside light page content) = white card on light.
   ========================================================================== */
.contact-form-section{background:var(--dark)}
.contact-form-section::before{display:none}
.contact-form-outer{max-width:820px}
.contact-form-card{border-radius:var(--radius-card);padding:40px;box-shadow:none;border:1px solid transparent;
  background:linear-gradient(var(--dark-surface),var(--dark-surface)) padding-box,var(--dark-card-edge) border-box}
.contact-form-header{margin-bottom:var(--space-block)}
.contact-form-header .contact-form-header-title{font-size:var(--fs-section);line-height:var(--lh-section);letter-spacing:var(--tracking-section);font-weight:700;color:var(--fg-on-dark-1)}
.contact-form-header p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-on-dark-2)}
.contact-form-grid{gap:16px}
.form-field label{font-size:var(--fs-small);font-weight:500;color:var(--fg-on-dark-1);margin-bottom:8px}
.form-field input,.form-field select,.form-field textarea{height:52px;padding:0 22px;border-radius:var(--radius-pill);border:1px solid var(--dark-border);
  background:var(--dark-surface);color:var(--fg-on-dark-1);font-size:15px;line-height:1.5}
.form-field textarea{height:auto;min-height:120px;padding:16px 22px;border-radius:var(--radius-card)}
.form-field input::placeholder,.form-field textarea::placeholder,.form-field select.placeholder-active{color:var(--fg-on-dark-3)}
.form-field select.placeholder-active option,.form-field select option{color:var(--fg-on-light-1)}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.phone-field-group input[type="tel"]:focus{
  border-color:var(--orange);box-shadow:0 0 0 3px var(--highlight-mark);background:var(--dark-surface)}
.form-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 20px center;padding-inline-end:48px}
.phone-country-btn{height:52px;border:1px solid var(--dark-border);background:var(--dark-tile-inner);color:var(--fg-on-dark-1)}
.phone-country-btn:hover{background:var(--dark-border)}
.phone-country-btn .dropdown-arrow{color:var(--fg-on-dark-3)}
.phone-field-group:focus-within .phone-country-btn{border-color:var(--orange);background:var(--dark-tile-inner)}
/* The phone group is always LTR (code first), in both languages */
.phone-country-btn{/*rtl:ignore*/border-radius:999px 0 0 999px}
.phone-field-group input[type="tel"]{border-radius:0 999px 999px 0}
.phone-country-dropdown{border-radius:var(--radius-card);border:1px solid var(--dark-border);background:var(--dark-surface);box-shadow:none}
.phone-country-dropdown .country-search{background:var(--dark-surface);color:var(--fg-on-dark-1);border-bottom-color:var(--dark-border)}
.phone-country-dropdown .country-option:hover{background:var(--dark-tile-inner)}
.phone-country-dropdown .country-option .country-name{color:var(--fg-on-dark-2)}
.phone-country-dropdown .country-option .country-dial{color:var(--fg-on-dark-3)}
.contact-form-submit{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 30px;border-radius:var(--radius-pill);
  background:var(--gradient-primary);color:var(--white);font-size:16px;font-weight:700;box-shadow:none;transform:none}
.contact-form-submit:hover{background:var(--gradient-primary);box-shadow:var(--shadow-exceptional);transform:none}
.contact-form-submit:active{background:var(--orange-deep);transform:scale(.98)}
.form-success-overlay{border-radius:var(--radius-card);background:var(--dark-surface)}
.form-success-title{color:var(--fg-on-dark-1)}
.form-success-desc{color:var(--fg-on-dark-2)}
@media (max-width:768px){.contact-form-card{padding:24px 20px}}

/* Embedded variant on light pages */
.contact-form-section--embed{background:transparent}
.contact-form-section--embed .contact-form-card{background:var(--white);border:1px solid var(--border-light);box-shadow:none;padding:32px}
.contact-form-section--embed .contact-form-header .contact-form-header-title,.contact-form-section--embed .form-field label{color:var(--fg-on-light-1)}
.contact-form-section--embed .contact-form-header p{color:var(--fg-on-light-2)}
.contact-form-section--embed .form-field input,.contact-form-section--embed .form-field select,.contact-form-section--embed .form-field textarea,
.contact-form-section--embed .phone-field-group input[type="tel"]:focus,.contact-form-section--embed .form-field input:focus,
.contact-form-section--embed .form-field select:focus,.contact-form-section--embed .form-field textarea:focus{background:var(--white);color:var(--fg-on-light-1)}
.contact-form-section--embed .form-field input,.contact-form-section--embed .form-field select,.contact-form-section--embed .form-field textarea{border-color:var(--border-light)}
.contact-form-section--embed .form-field input::placeholder,.contact-form-section--embed .form-field textarea::placeholder{color:var(--fg-on-light-3)}
.contact-form-section--embed .phone-country-btn,.contact-form-section--embed .phone-field-group:focus-within .phone-country-btn{background:var(--cream);border-color:var(--border-light);color:var(--fg-on-light-1)}
.contact-form-section--embed .phone-country-dropdown{background:var(--white);border-color:var(--border-light)}
.contact-form-section--embed .phone-country-dropdown .country-search{background:var(--white);color:var(--fg-on-light-1);border-bottom-color:var(--border-light)}
.contact-form-section--embed .phone-country-dropdown .country-option:hover{background:var(--cream)}
.contact-form-section--embed .phone-country-dropdown .country-option .country-name{color:var(--fg-on-light-2)}
.contact-form-section--embed .form-success-overlay{background:var(--white)}
.contact-form-section--embed .form-success-title{color:var(--fg-on-light-1)}
.contact-form-section--embed .form-success-desc{color:var(--fg-on-light-2)}

/* ---------- Content blocks (editor groups): legacy section colours mapped onto the palette.
   The post content is untouched; only how its saved colours render changes. ---------- */
.linkawy-content .wp-block-group.alignfull{border-radius:0!important}
.linkawy-content .has-background[style*="#fff5f0"],.linkawy-content .has-background[style*="#FFF5F0"]{background-color:var(--cream)!important}
.linkawy-content .has-background[style*="#1a1a2e"],.linkawy-content .has-background[style*="#1A1A2E"]{background-color:var(--dark)!important}


/* Breadcrumb separator: Lucide chevron (flips with the direction), readable on the dark heroes */
.breadcrumb-separator{display:inline-flex;align-items:center}
.article-hero .breadcrumb-separator{color:var(--fg-on-dark-3)}