/* Reference: Nawader's published CMS home. Shared roles, scoped component rules. */
:root{--nw-brand-ink:#09352e;--nw-brand-green:#17804f;--nw-brand-cream:#f7f5ee;--nw-brand-paper:#fffdf7;--nw-brand-sand:#efebdf;--nw-brand-mist:#dce8de;--nw-brand-muted:#52665d;--nw-brand-line:#d8dfd5}
body.nw-page,body.nw-cms{font-family:Tajawal,Arial,sans-serif;font-size:18px;line-height:1.8;color:var(--nw-brand-ink);background:var(--nw-brand-cream);-webkit-font-smoothing:antialiased}
:is(.nw-page,.nw-cms) :is(h1,h2,h3){font-family:Cairo,Tajawal,Arial,sans-serif;letter-spacing:0;text-wrap:balance;line-height:1.45}
:is(.nw-page,.nw-cms) :is(button,input,select,textarea){font:inherit}
:is(.nw-page,.nw-cms) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--nw-brand-green);outline-offset:4px}
:is(.nw-page,.nw-cms) :is(input,select,textarea){min-height:48px}
:is(.nw-page,.nw-cms) :is(p,li){overflow-wrap:break-word}
.nw-page{--nw-ink:var(--nw-brand-ink);--nw-muted:var(--nw-brand-muted);--nw-bg:var(--nw-brand-cream);--nw-surface:var(--nw-brand-paper);--nw-line:var(--nw-brand-line);--nw-violet:var(--nw-brand-green);--nw-cyan:var(--nw-brand-green);--nw-radius:1.75rem}
.nw-page .nw-catalog{--nw-cyan:var(--nw-brand-green);--nw-violet:var(--nw-brand-green);padding:clamp(1rem,3vw,2.5rem);background:var(--nw-brand-cream)}
.nw-page .nw-catalog::before{display:none}
.nw-page .nw-catalog>*{max-width:1180px}
.nw-page .nw-catalog .nw-hero{padding:clamp(2rem,5vw,4rem);background:var(--nw-brand-paper);border-color:var(--nw-brand-line);box-shadow:0 18px 50px -35px #09352e40}
.nw-page .nw-catalog .nw-hero h1{font-family:Cairo,Tajawal,Arial,sans-serif;font-size:clamp(2rem,4.2vw,3.6rem);font-weight:800;line-height:1.45;max-width:960px;letter-spacing:0}
.nw-page .nw-catalog .nw-hero p{max-width:760px;font-size:1.2rem;color:var(--nw-brand-muted)}
.nw-page .nw-catalog .nw-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.nw-page .nw-catalog :is(.nw-card,.nw-bento article,.nw-split article,.nw-article-block,.nw-quote,.nw-faq){border-color:var(--nw-brand-line);background:var(--nw-brand-paper);backdrop-filter:none;box-shadow:0 12px 30px -24px #09352e50}
.nw-page .nw-catalog .nw-card{padding:1.4rem;gap:.25rem}
.nw-page .nw-catalog .nw-card h2{font-family:Cairo,Tajawal,Arial,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.65;margin-block:.65rem .25rem}
.nw-page .nw-catalog .nw-card p{font-size:1.05rem;line-height:1.85;margin-block:.5rem 1.4rem}
.nw-page .nw-catalog .nw-sector-orbit{gap:1rem}
.nw-page .nw-catalog .nw-sector-orbit a{background:var(--nw-brand-paper);border-color:var(--nw-brand-line);padding:1.5rem;box-shadow:none}
.nw-page .nw-catalog .nw-sector-orbit a:hover{border-color:var(--nw-brand-green)}
.nw-page .nw-catalog .nw-sector-orbit strong{font-family:Cairo,Tajawal,sans-serif;font-size:1rem;line-height:1.6}
.nw-page .nw-catalog .nw-sector-orbit span{font-size:1rem;line-height:1.8}
.nw-page .nw-catalog :is(.nw-smart,.nw-smart[data-surface],.nw-smart--editorial-showcase,.nw-smart--process-orbit,.nw-smart--process-radial,.nw-smart--layered-cards){background:var(--nw-brand-paper);border-color:var(--nw-brand-line);backdrop-filter:none}
.nw-page .nw-catalog :is(.nw-smart__item,.nw-requirement){border-color:var(--nw-brand-line);background:var(--nw-brand-paper)}
.nw-page .nw-catalog :is(.nw-smart--bento,.nw-smart--editorial-showcase) .nw-smart__item:first-child{background:var(--nw-brand-mist)}
.nw-page .nw-catalog .nw-smart--outcome-matrix .nw-smart__item:nth-child(4n+1){background:var(--nw-brand-mist)}
.nw-page .nw-catalog :is(.nw-step-number,.nw-smart--process-orbit .nw-step-icon){background:var(--nw-brand-mist);border-color:#89b69a;color:var(--nw-brand-ink)}
.nw-page .nw-catalog :is(.nw-step-icon,.nw-journey__map,.nw-requirement summary::after,.nw-text-link){color:var(--nw-brand-green)}
.nw-page .nw-catalog .nw-branch-list li{background:var(--nw-brand-mist);border-color:var(--nw-brand-green)}
.nw-page .nw-catalog .nw-article{max-width:960px}
.nw-page .nw-catalog .nw-article-block p{max-width:72ch;line-height:1.95}
.nw-page .nw-site-header{padding:1rem max(1rem,calc((100% - 1180px)/2));background:rgba(255,253,247,.97);border-color:var(--nw-brand-line);position:sticky;top:0;z-index:40;gap:1rem}
.nw-page .nw-brand{font-family:Cairo,Tajawal,sans-serif;color:var(--nw-brand-ink);font-size:2rem;gap:.75rem}
.nw-page .nw-brand-mark{width:38px;height:38px;border:2px solid var(--nw-brand-green);border-radius:50% 50% 8px 50%;display:grid;place-items:center;font-size:23px;color:var(--nw-brand-green)}
.nw-page .nw-brand small{display:none}
.nw-page .nw-site-header nav{align-items:center;gap:1.5rem}
.nw-page .nw-site-header nav a{color:var(--nw-brand-ink);font-weight:700;font-size:1rem;min-height:44px;display:inline-flex;align-items:center}
.nw-page .nw-site-header nav a[aria-current=page]{color:var(--nw-brand-green);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
.nw-page .nw-site-footer{padding:3rem max(1rem,calc((100% - 1180px)/2));background:var(--nw-brand-sand);border-color:var(--nw-brand-line);color:var(--nw-brand-ink)}
.nw-page .nw-site-footer p{color:var(--nw-brand-muted);max-width:55ch}
.nw-page .nw-footer-links{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-block:1rem}
.nw-page .nw-site-footer a{color:var(--nw-brand-ink);min-height:44px;display:inline-flex;align-items:center}
.nw-page .nw-site-footer strong{font-family:Cairo,sans-serif;font-size:1.5rem}
.nw-page .nw-menu{display:none}
.nw-cms :is(h1,h2,h3){letter-spacing:0}
.nw-cms .nw-lead{color:var(--nw-brand-muted);line-height:1.85}
.nw-cms .nw-navlinks{gap:1.2rem}
.nw-cms .nw-card{border-color:var(--nw-brand-line)}
:is(.nw-page,.nw-cms) .nw-menu{border:1px solid var(--nw-brand-line);border-radius:14px;padding:.5rem 1rem;min-height:44px;background:var(--nw-brand-mist);color:var(--nw-brand-ink);cursor:pointer;font-weight:700}
html{scroll-padding-top:110px}
@media(max-width:1180px){.nw-cms .nw-navrow{flex-wrap:wrap;gap:1rem}.nw-cms .nw-header .nw-btn{display:none}.nw-cms .nw-menu{display:block;margin-inline-start:auto}.nw-cms .nw-navlinks{display:none;flex-basis:100%;margin:0;padding:.75rem 0 1rem;gap:.5rem 1.5rem}.nw-cms .nw-navlinks.is-open{display:flex}.nw-cms .nw-navlinks a{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:900px){.nw-page .nw-catalog .nw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nw-page .nw-menu{display:block;margin-inline-start:auto}.nw-page .nw-site-header nav{display:none;width:100%;gap:.5rem 1.5rem;padding-block:.5rem}.nw-page .nw-site-header nav.is-open{display:flex}.nw-page .nw-site-header{flex-wrap:wrap}}
@media(max-width:600px){body.nw-page,body.nw-cms{font-size:17px}.nw-page .nw-catalog .nw-grid{grid-template-columns:minmax(0,1fr)}.nw-page .nw-catalog .nw-hero{padding:1.75rem 1.25rem}.nw-page .nw-catalog .nw-hero h1{font-size:2rem}.nw-page .nw-catalog .nw-hero p{font-size:1.08rem}.nw-page .nw-site-header{align-items:center}.nw-page .nw-site-header nav{justify-content:flex-start}.nw-page .nw-search{grid-template-columns:minmax(0,1fr) auto}.nw-page .nw-search input{min-width:0}.nw-page .nw-brand{font-size:1.7rem}.nw-page .nw-catalog .nw-card{padding:1.1rem}.nw-page .nw-catalog .nw-section-nav a{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}:is(.nw-page,.nw-cms) *{animation:none!important;transition:none!important}}
/* Original artwork stays complete; a horizontal gallery brings details closer. */
.nw-page .nw-catalog .nw-media-gallery{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x proximity;padding:1rem .25rem 1.25rem;scrollbar-color:#89b69a #efebdf}
.nw-page .nw-catalog .nw-media-gallery figure{flex:0 0 clamp(250px,35vw,420px);min-width:0;scroll-snap-align:start;background:var(--nw-brand-paper);border:1px solid var(--nw-brand-line);border-radius:1.25rem;overflow:hidden;display:flex;align-items:center}
.nw-page .nw-catalog .nw-media-gallery img{width:100%;max-height:480px;object-fit:contain;background:var(--nw-brand-paper);border-radius:0}
.nw-page .nw-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;padding:1.5rem 0;margin-block:1rem}
.nw-page .nw-pagination a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem 1.25rem;background:var(--nw-brand-paper);border:1px solid var(--nw-brand-line);border-radius:14px;color:var(--nw-brand-ink);text-decoration:none;font-weight:700}
.nw-page .nw-pagination a:hover{border-color:var(--nw-brand-green);background:var(--nw-brand-mist)}
.nw-page .nw-pagination-status{font-variant-numeric:tabular-nums;color:var(--nw-brand-muted)}
.nw-page .nw-pagination-disabled{color:#68756e;padding:.65rem .5rem}
html[data-theme=light] body.nw-app-shell .nw-navbar .nw-logo-mark{background:transparent!important;border:2px solid #17804f!important;border-radius:50% 50% 8px 50%;box-shadow:none!important;color:#17804f!important;width:38px;height:38px;font-family:Cairo,Tajawal,sans-serif}
html[data-theme=light] body.nw-app-shell .nw-navbar .nw-logo-text>span{background:none!important;-webkit-text-fill-color:#09352e!important;color:#09352e!important;font-family:Cairo,Tajawal,sans-serif;font-size:1.75rem}
@media(max-width:600px){.nw-page .nw-catalog .nw-media-gallery figure{flex-basis:82vw}.nw-page .nw-pagination{gap:.5rem}.nw-page .nw-pagination a{padding:.65rem .85rem}.nw-page .nw-pagination-status{order:3;flex-basis:100%;text-align:center}}

/* Existing CMS identity adapted to the legacy application shell.
   Explicit light scope preserves the user-selected dark theme and font. */
html[data-theme="light"] body.nw-app-shell {
  --nawader-navy:#09352e;
  --nawader-dark:#f7f5ee;
  --nawader-surface:#fffdf7;
  --nawader-surface-2:#efebdf;
  --nawader-teal:#17804f;
  --nawader-teal-dim:#086457;
  --text-primary:#09352e;
  --text-secondary:#52665d;
  --text-muted:#52665d;
  --text-disabled:#68756e;
  --oasis-ivory:#f7f5ee;
  --oasis-sand:#efebdf;
  --oasis-petrol:#09352e;
  --grad-space:linear-gradient(180deg,#fffdf7,#f7f5ee 65%,#efebdf);
  --grad-glass:linear-gradient(135deg,#fffdf7f7,#f7f5eef2);
  --shadow-card:0 12px 30px -20px #09352e40;
  --shadow-glass:0 10px 25px #09352e12,inset 0 1px 0 #fff;
  background:#f7f5ee !important;
  color:#09352e !important;
  font-size:1rem;
  line-height:1.8;
  overflow-wrap:break-word;
}
html[data-theme="light"]:not([data-font]) body.nw-app-shell:not([data-font]) { --font-arabic:'Tajawal',Arial,sans-serif; }
html[data-theme="light"]:not([data-font]) body.nw-app-shell:not([data-font]) :is(h1,h2,h3,.nw-h1,.nw-h2,.nw-h3) {
  font-family:'Cairo','Tajawal',Arial,sans-serif;
}
html[data-theme="light"] body.nw-app-shell :is(h1,h2,h3,.nw-h1,.nw-h2,.nw-h3) {
  letter-spacing:0;
  line-height:1.45;
  text-wrap:balance;
}
html[data-theme="light"] body.nw-app-shell :is(.nw-navbar,.nw-navbar.scrolled) {
  background:#fffdf7f7 !important;
  border-bottom:1px solid #d8dfd5 !important;
  box-shadow:0 5px 18px #09352e0b !important;
}
html[data-theme="light"] body.nw-app-shell .nw-nav-link { color:#52665d !important; }
html[data-theme="light"] body.nw-app-shell :is(.nw-nav-link:hover,.nw-nav-link.active) {
  color:#086457 !important;
  background:#dce8de !important;
}
html[data-theme="light"] body.nw-app-shell :is(.nw-mobile-menu,.nw-mobile-menu-inner) {
  background:#fffdf7 !important;
  color:#09352e !important;
  overscroll-behavior:contain;
}
html[data-theme="light"] body.nw-app-shell .nw-mobile-links a {
  color:#09352e !important;
  min-height:44px;
  display:flex;
  align-items:center;
}
html[data-theme="light"] body.nw-app-shell :is(input,textarea,select) { color:#09352e; }
html[data-theme="light"] body.nw-app-shell :is(a,button,input,textarea,select,summary):focus-visible {
  outline:3px solid #086457 !important;
  outline-offset:4px;
}
html[data-theme="light"] body.nw-app-shell #nw-canvas { opacity:.12; }
html[data-theme="light"] body.nw-app-shell .nw-cinematic-atmosphere { opacity:.18; }
html[data-theme="light"] body.nw-app-shell #nw-atmosphere-glow { opacity:.15; }
html[data-theme="light"] body.nw-app-shell .nw-footer {
  background:#efebdf !important;
  border-top-color:#d8dfd5 !important;
}
/* The original app has eight navigation links and account controls; switch to
   its existing drawer before those links exceed a tablet viewport. */
@media (max-width:1100px) {
  body.nw-app-shell .nw-nav-links { display:none !important; }
  body.nw-app-shell .nw-hamburger { display:flex !important; }
  body.nw-app-shell .nw-navbar-inner { height:68px;gap:1rem; }
  body.nw-app-shell .nw-mobile-menu { display:block !important;top:68px; }
  body.nw-app-shell .nw-mobile-menu.open { max-height:calc(100dvh - 68px); }
  body.nw-app-shell .nw-nav-cta { gap:.5rem; }
}
@media (min-width:1101px) {
  body.nw-app-shell .nw-mobile-menu { display:none !important; }
  body.nw-app-shell .nw-hamburger { display:none !important; }
  body.nw-app-shell .nw-nav-links { display:flex;gap:.1rem; }
  body.nw-app-shell .nw-nav-link { padding:.5rem .65rem; }
  body.nw-app-shell .nw-navbar-inner { gap:1rem; }
}
@media (max-width:420px) {
  body.nw-app-shell .nw-nav-cta :is(.nw-btn,.nw-btn-sm) { padding:.55rem .65rem;font-size:.82rem; }
  body.nw-app-shell .nw-navbar-inner { gap:.5rem; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-theme="light"] body.nw-app-shell :is(#nw-canvas,.nw-cinematic-atmosphere,#nw-atmosphere-glow) { transition:none !important; }
}

/* Without JS the public navigation stays available. */
:is(.nw-page,.nw-cms) .nw-menu[hidden]{display:none!important}
@media(max-width:1180px){html:not(.nw-navigation-ready) .nw-cms .nw-navlinks{display:flex}}
@media(max-width:900px){html:not(.nw-navigation-ready) .nw-page .nw-site-header nav{display:flex}}

.nw-page .nw-catalog .nw-media-gallery :is(a,picture){width:100%;display:block}
.nw-page .nw-gallery-hint{color:var(--nw-brand-muted);font-size:1rem;margin-bottom:0}

/* Existing official camel artwork replaces placeholder letter marks. */
:is(.nw-cms .nw-logo-mark,.nw-page .nw-brand-mark,.nw-app-shell .nw-logo-mark,.nw-public-footer__mark),html[data-theme=light] body.nw-app-shell .nw-navbar .nw-logo-mark{width:42px!important;height:42px!important;flex:0 0 42px;display:inline-flex!important;align-items:center;justify-content:center;border:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;overflow:hidden}
:is(.nw-logo-mark,.nw-brand-mark,.nw-public-footer__mark)>img{display:block;width:42px!important;height:42px!important;max-width:none;object-fit:contain;border-radius:9px}
.nw-app-skip{position:fixed;top:8px;right:12px;z-index:100001;transform:translateY(-180%);padding:12px 18px;background:#fffdf7;color:#09352e;border:2px solid #17804f;border-radius:10px;font-family:Tajawal,Arial,sans-serif}
.nw-app-skip:focus{transform:translateY(0)}
html[data-nw-reading-scale] :is(body.nw-cms,body.nw-page){font-size:calc(18px * var(--nw-reading-scale,1))}
html[data-nw-reading-font] :is(body.nw-cms,body.nw-page){font-family:var(--nw-reading-font),Arial,sans-serif}
html[data-nw-reading-font] :is(.nw-cms,.nw-page) :is(h1,h2,h3,h4,p,li,a,button,input,textarea,select,summary){font-family:var(--nw-reading-font),Arial,sans-serif!important}
@media(max-width:600px){html[data-nw-reading-scale] :is(body.nw-cms,body.nw-page){font-size:calc(17px * var(--nw-reading-scale,1))}}
@media(max-width:600px){#nw-floating-controls{bottom:80px!important}}