/* FAROUK GROUP — Dark Mode, Logo Scale & Premium Mobile UI/UX Delta Patch
   Scope: public website visual system only. No route, data, upload or admin bindings changed. */

:root{
  --fg-bg:#07111f;
  --fg-bg-2:#0b1728;
  --fg-surface:#101d31;
  --fg-surface-2:#14233a;
  --fg-border:rgba(226,232,240,.13);
  --fg-text:#eef4ff;
  --fg-muted:#a7b4c7;
  --fg-soft:#d8e2f1;
  --fg-accent:#f18152;
  --fg-accent-2:#d96b42;
  --fg-shadow:0 22px 60px rgba(0,0,0,.34);
  --fg-radius:18px;
}

html[dir="rtl"] body{font-family:"Cairo",Tahoma,Arial,sans-serif;}
body.farouk-dark-mode{background:var(--fg-bg)!important;color:var(--fg-soft)!important;}
body.farouk-dark-mode #wrapper{background:linear-gradient(180deg,#06101d 0%,#0a1423 48%,#07111f 100%)!important;}
body.farouk-dark-mode p,body.farouk-dark-mode .entry-content,body.farouk-dark-mode .fbox-content p,body.farouk-dark-mode span{color:var(--fg-muted);}
body.farouk-dark-mode h1,body.farouk-dark-mode h2,body.farouk-dark-mode h3,body.farouk-dark-mode h4,body.farouk-dark-mode h5,body.farouk-dark-mode h6{color:var(--fg-text);letter-spacing:-.01em;}
body.farouk-dark-mode a{color:var(--fg-soft);} 
body.farouk-dark-mode a:hover{color:var(--fg-accent)!important;}

/* Header and logo */
body.farouk-dark-mode #top-bar{background:#050b14!important;border-bottom:1px solid var(--fg-border)!important;}
body.farouk-dark-mode #top-bar .top-links-item>a,
body.farouk-dark-mode #top-social a{color:#d8e2f1!important;}
body.farouk-dark-mode #header{background:#081321!important;border-bottom:1px solid var(--fg-border)!important;}
body.farouk-dark-mode #header .container>.header-row{min-height:124px!important;padding:14px 0!important;}
body.farouk-dark-mode #logo{display:flex!important;align-items:center!important;min-height:104px!important;}
body.farouk-dark-mode #logo a.ppdw-header-logo{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:172px!important;min-height:96px!important;overflow:visible!important;}
body.farouk-dark-mode #logo img.logo-default{display:block!important;width:auto!important;max-width:190px!important;height:auto!important;max-height:96px!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 12px 24px rgba(0,0,0,.35));}
body.farouk-dark-mode .header-extras li{color:#e6edf8!important;}
body.farouk-dark-mode .header-extras .he-text,body.farouk-dark-mode .header-extras .he-text span{color:#dbe5f3!important;}
body.farouk-dark-mode .header-extras i{color:var(--fg-accent)!important;}
body.farouk-dark-mode #header-wrap{background:rgba(8,19,33,.96)!important;border-top:1px solid var(--fg-border)!important;border-bottom:1px solid var(--fg-border)!important;box-shadow:0 18px 44px rgba(0,0,0,.28)!important;backdrop-filter:blur(12px);}
@media (min-width:992px){
  body.farouk-dark-mode #header .primary-menu>.menu-container>.menu-item>.menu-link{color:#eef4ff!important;border-radius:999px!important;padding-inline:16px!important;}
  body.farouk-dark-mode #header .primary-menu>.menu-container>.menu-item.current>.menu-link,
  body.farouk-dark-mode #header .primary-menu>.menu-container>.menu-item:hover>.menu-link,
  body.farouk-dark-mode #header .primary-menu>.menu-container>.menu-item>.menu-link:hover{color:#fff!important;background:rgba(241,129,82,.16)!important;}
  body.farouk-dark-mode #header .primary-menu .sub-menu-container{background:#0f1d31!important;border:1px solid var(--fg-border)!important;box-shadow:var(--fg-shadow)!important;border-radius:14px!important;overflow:hidden!important;}
  body.farouk-dark-mode #header .primary-menu .sub-menu-container .menu-link{color:#d9e4f2!important;background:transparent!important;}
  body.farouk-dark-mode #header .primary-menu .sub-menu-container .menu-link:hover{color:#fff!important;background:rgba(241,129,82,.14)!important;}
}

/* Core dark surfaces */
body.farouk-dark-mode #content,body.farouk-dark-mode .content-wrap{background:transparent!important;}
body.farouk-dark-mode .section:not(.dark),body.farouk-dark-mode .promo-light{background:#0b1728!important;color:var(--fg-soft)!important;border-color:var(--fg-border)!important;}
body.farouk-dark-mode .promo{box-shadow:inset 0 1px 0 var(--fg-border),inset 0 -1px 0 var(--fg-border)!important;}
body.farouk-dark-mode .button:not(.button-white){background:linear-gradient(135deg,var(--fg-accent),var(--fg-accent-2))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 14px 30px rgba(241,129,82,.22)!important;}
body.farouk-dark-mode .button.button-black{background:#fff!important;color:#081321!important;box-shadow:0 12px 26px rgba(255,255,255,.12)!important;}
body.farouk-dark-mode .feature-box,
body.farouk-dark-mode .entry,
body.farouk-dark-mode .quick-contact-widget,
body.farouk-dark-mode .portfolio .grid-inner,
body.farouk-dark-mode .tab-content,
body.farouk-dark-mode .canvas-tabs .nav-link,
body.farouk-dark-mode .clients-grid .grid-item,
body.farouk-dark-mode .widget{color:var(--fg-soft);}
body.farouk-dark-mode .media-box,
body.farouk-dark-mode .fbox-plain,
body.farouk-dark-mode .entry,
body.farouk-dark-mode .quick-contact-widget,
body.farouk-dark-mode #canvas-TabContent,
body.farouk-dark-mode .portfolio-desc{background:rgba(16,29,49,.92)!important;border:1px solid var(--fg-border)!important;border-radius:var(--fg-radius)!important;box-shadow:var(--fg-shadow)!important;}
body.farouk-dark-mode .media-box{padding:14px!important;}
body.farouk-dark-mode .fbox-plain{padding:22px!important;min-height:100%;}
body.farouk-dark-mode .fbox-media img,body.farouk-dark-mode .entry-image img,body.farouk-dark-mode .portfolio-image img{border-radius:14px!important;}
body.farouk-dark-mode .portfolio-desc{border-top:0!important;margin:0 10px 12px!important;padding:14px!important;}
body.farouk-dark-mode .portfolio-desc span{color:var(--fg-muted)!important;}
body.farouk-dark-mode .line{border-color:var(--fg-border)!important;}
body.farouk-dark-mode .canvas-tabs .nav-link{background:#101d31!important;border-color:var(--fg-border)!important;color:#dbe5f3!important;}
body.farouk-dark-mode .canvas-tabs .nav-link.active{background:linear-gradient(135deg,var(--fg-accent),var(--fg-accent-2))!important;color:#fff!important;border-color:transparent!important;}
body.farouk-dark-mode input.form-control,body.farouk-dark-mode textarea.form-control{background:#07111f!important;border:1px solid var(--fg-border)!important;color:#eef4ff!important;border-radius:12px!important;}
body.farouk-dark-mode input.form-control::placeholder,body.farouk-dark-mode textarea.form-control::placeholder{color:#7f8da2!important;}
body.farouk-dark-mode .counter{color:#f2f6fb!important;}
body.farouk-dark-mode iframe{background:#101d31!important;border-radius:16px!important;}
body.farouk-dark-mode #footer{background:#050b14!important;border-top:1px solid var(--fg-border)!important;}
body.farouk-dark-mode #copyrights{background:#030810!important;color:#b8c4d6!important;border-top:1px solid var(--fg-border)!important;}
body.farouk-dark-mode #footer a,body.farouk-dark-mode #copyrights a{color:#dbe5f3!important;}

/* Mobile premium density and navigation */
@media (max-width:991.98px){
  body.farouk-dark-mode #top-bar{display:none!important;}
  body.farouk-dark-mode #header .container>.header-row{min-height:84px!important;padding:8px 0!important;}
  body.farouk-dark-mode #logo{min-height:74px!important;}
  body.farouk-dark-mode #logo a.ppdw-header-logo{min-height:70px!important;min-width:138px!important;}
  body.farouk-dark-mode #logo img.logo-default{max-width:148px!important;max-height:70px!important;}
  body.farouk-dark-mode #header-wrap .header-row{min-height:56px!important;}
  body.farouk-dark-mode #header .primary-menu-trigger{width:46px!important;height:46px!important;border-radius:999px!important;background:#101d31!important;border:1px solid var(--fg-border)!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 12px 26px rgba(0,0,0,.24)!important;}
  body.farouk-dark-mode #header .primary-menu{background:#07111f!important;color:#eef4ff!important;border-inline-start:1px solid var(--fg-border)!important;box-shadow:0 30px 80px rgba(0,0,0,.48)!important;padding-top:82px!important;}
  body.farouk-dark-mode #header .primary-menu .menu-item{border-color:var(--fg-border)!important;}
  body.farouk-dark-mode #header .primary-menu .menu-link{color:#eef4ff!important;min-height:56px!important;font-size:15.5px!important;padding:15px 6px!important;}
  body.farouk-dark-mode #header .primary-menu .menu-link:hover,
  body.farouk-dark-mode #header .primary-menu .menu-item.current>.menu-link,
  body.farouk-dark-mode #header .primary-menu .menu-item.ppdw-submenu-open>.menu-link{background:rgba(241,129,82,.15)!important;color:#fff!important;}
  body.farouk-dark-mode #header .primary-menu .sub-menu-container{background:#0f1d31!important;border:1px solid var(--fg-border)!important;}
  body.farouk-dark-mode #header .primary-menu .sub-menu-container .menu-link{color:#d8e2f1!important;}
  body.farouk-dark-mode .slider-element{min-height:480px!important;}
  body.farouk-dark-mode .slider-caption{max-width:88%!important;padding:18px!important;background:rgba(7,17,31,.72)!important;border:1px solid var(--fg-border)!important;border-radius:18px!important;backdrop-filter:blur(10px);}
  body.farouk-dark-mode .slider-caption h2{font-size:24px!important;line-height:1.28!important;margin-bottom:0!important;}
  body.farouk-dark-mode .content-wrap{padding-top:34px!important;}
  body.farouk-dark-mode .promo{padding:28px 18px!important;margin-bottom:34px!important;}
  body.farouk-dark-mode .promo h3{font-size:18px!important;line-height:1.55!important;letter-spacing:0!important;}
  body.farouk-dark-mode .container{padding-left:18px!important;padding-right:18px!important;}
  body.farouk-dark-mode .row.col-mb-50{--bs-gutter-y:1.35rem!important;}
  body.farouk-dark-mode .feature-box.media-box,body.farouk-dark-mode .fbox-plain,body.farouk-dark-mode .entry,body.farouk-dark-mode .quick-contact-widget{border-radius:20px!important;padding:16px!important;}
  body.farouk-dark-mode .fbox-content h3{font-size:17px!important;line-height:1.45!important;}
  body.farouk-dark-mode .fbox-content p{font-size:14px!important;line-height:1.75!important;}
  body.farouk-dark-mode .section{padding:46px 0!important;margin:34px 0!important;}
  body.farouk-dark-mode .section h2{font-size:22px!important;line-height:1.45!important;padding-inline:18px!important;}
  body.farouk-dark-mode #portfolio{padding:0 14px!important;gap:16px 0!important;background:transparent!important;}
  body.farouk-dark-mode .portfolio-item{padding:0 8px 16px!important;}
  body.farouk-dark-mode .portfolio-image img{aspect-ratio:4/3!important;object-fit:cover!important;width:100%!important;}
  body.farouk-dark-mode .button-full{font-size:18px!important;line-height:1.55!important;padding:20px 0!important;}
  body.farouk-dark-mode .canvas-tabs{gap:8px!important;border:0!important;}
  body.farouk-dark-mode .canvas-tabs .nav-item{flex:1 1 48%!important;}
  body.farouk-dark-mode .canvas-tabs .nav-link{border-radius:14px!important;min-height:44px!important;font-size:13px!important;}
  body.farouk-dark-mode #footer .footer-widgets-wrap{padding:42px 0!important;}
  body.farouk-dark-mode #footer .widget_links ul li a{display:block!important;padding:7px 0!important;}
  body.farouk-dark-mode #copyrights .row>div{margin-bottom:14px!important;}
}

@media (max-width:575.98px){
  body.farouk-dark-mode #logo img.logo-default{max-width:136px!important;max-height:66px!important;}
  body.farouk-dark-mode .slider-element{min-height:430px!important;}
  body.farouk-dark-mode .slider-caption h2{font-size:21px!important;}
  body.farouk-dark-mode .media-box{padding:14px!important;}
  body.farouk-dark-mode .fbox-media img{min-height:150px!important;object-fit:cover!important;width:100%!important;}
}

/* FAROUK GROUP — Contrast & Logo Recovery Delta Patch
   Fixes post-dark-mode contrast regressions only. No routes/data/admin changes. */
body.farouk-dark-mode{color:#eaf2ff!important;}
body.farouk-dark-mode #header,
body.farouk-dark-mode #header-wrap,
body.farouk-dark-mode #footer,
body.farouk-dark-mode #copyrights,
body.farouk-dark-mode .section.dark,
body.farouk-dark-mode .slider-caption,
body.farouk-dark-mode .promo:not(.promo-light),
body.farouk-dark-mode .fbox-plain,
body.farouk-dark-mode .media-box,
body.farouk-dark-mode .entry,
body.farouk-dark-mode .quick-contact-widget,
body.farouk-dark-mode #canvas-TabContent,
body.farouk-dark-mode .portfolio-desc{
  color:#eaf2ff!important;
}
body.farouk-dark-mode #header :is(a,span,div,p,li,i),
body.farouk-dark-mode #footer :is(a,span,div,p,li,i),
body.farouk-dark-mode #copyrights :is(a,span,div,p,li,i),
body.farouk-dark-mode .section.dark :is(a,span,div,p,li,i),
body.farouk-dark-mode .slider-caption :is(a,span,div,p,li,i),
body.farouk-dark-mode .promo:not(.promo-light) :is(a,span,div,p,li,i),
body.farouk-dark-mode .fbox-plain :is(a,span,div,p,li,i),
body.farouk-dark-mode .media-box :is(a,span,div,p,li,i),
body.farouk-dark-mode .entry :is(a,span,div,p,li,i),
body.farouk-dark-mode .quick-contact-widget :is(a,span,div,p,li,i),
body.farouk-dark-mode #canvas-TabContent :is(a,span,div,p,li,i),
body.farouk-dark-mode .portfolio-desc :is(a,span,div,p,li,i){
  color:inherit!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.farouk-dark-mode :is(.bg-white,.bg-light,.card,.card-body,.white-section,.light,.light-section,.form-widget,.clients-grid,.table,.modal-content):not(#header):not(#header-wrap){
  color:#111827!important;
}
body.farouk-dark-mode :is(.bg-white,.bg-light,.card,.card-body,.white-section,.light,.light-section,.form-widget,.clients-grid,.table,.modal-content):not(#header):not(#header-wrap) :is(h1,h2,h3,h4,h5,h6,p,a,span,div,li,label,small,strong){
  color:#111827!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.farouk-dark-mode :is(.bg-white,.bg-light,.card,.card-body,.white-section,.light,.light-section,.form-widget,.clients-grid,.table,.modal-content):not(#header):not(#header-wrap) a:hover{color:#c55f3f!important;}

/* White logo treatment on dark header: use existing transparent black logo without replacing assets. */
body.farouk-dark-mode #logo img.logo-default{
  filter:brightness(0) invert(1) drop-shadow(0 12px 24px rgba(0,0,0,.34))!important;
}

@media (max-width:991.98px){
  body.farouk-dark-mode #header .container>.header-row{
    min-height:96px!important;
    justify-content:center!important;
    text-align:center!important;
  }
  body.farouk-dark-mode #logo{
    margin:0 auto!important;
    min-height:86px!important;
    width:100%!important;
    justify-content:center!important;
  }
  body.farouk-dark-mode #logo a.ppdw-header-logo{
    margin:0 auto!important;
    min-width:168px!important;
    min-height:82px!important;
  }
  body.farouk-dark-mode #logo img.logo-default{
    max-width:172px!important;
    max-height:82px!important;
  }

  /* Mobile drawer intentionally uses a white panel; all text inside it must be dark and readable. */
  body.farouk-dark-mode #header .primary-menu,
  body.ppdw-360-x6.farouk-dark-mode #header .primary-menu,
  body.ppdw-360-x5.farouk-dark-mode #header .primary-menu{
    background:#ffffff!important;
    color:#111827!important;
    border-inline-start:1px solid rgba(15,23,42,.10)!important;
    box-shadow:0 30px 80px rgba(0,0,0,.42)!important;
  }
  body.farouk-dark-mode #header .primary-menu .menu-container,
  body.farouk-dark-mode #header .primary-menu .menu-item,
  body.farouk-dark-mode #header .primary-menu .menu-link,
  body.farouk-dark-mode #header .primary-menu .menu-link>div,
  body.farouk-dark-mode #header .primary-menu .menu-link span{
    color:#111827!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  body.farouk-dark-mode #header .primary-menu .menu-item{border-bottom-color:rgba(15,23,42,.10)!important;}
  body.farouk-dark-mode #header .primary-menu .menu-link{
    background:transparent!important;
    font-weight:800!important;
  }
  body.farouk-dark-mode #header .primary-menu .menu-link:hover,
  body.farouk-dark-mode #header .primary-menu .menu-item.current>.menu-link,
  body.farouk-dark-mode #header .primary-menu .menu-item.ppdw-submenu-open>.menu-link{
    background:#fff1eb!important;
    color:#9f462c!important;
  }
  body.farouk-dark-mode #header .primary-menu .menu-link:hover>div,
  body.farouk-dark-mode #header .primary-menu .menu-item.current>.menu-link>div,
  body.farouk-dark-mode #header .primary-menu .menu-item.ppdw-submenu-open>.menu-link>div{color:#9f462c!important;}
  body.farouk-dark-mode #header .primary-menu .sub-menu-container{
    background:#f8fafc!important;
    border:1px solid rgba(15,23,42,.08)!important;
  }
  body.farouk-dark-mode #header .primary-menu .sub-menu-container .menu-link,
  body.farouk-dark-mode #header .primary-menu .sub-menu-container .menu-link>div{
    color:#334155!important;
    background:transparent!important;
  }
  body.farouk-dark-mode #header .primary-menu .ppdw-submenu-icon{
    color:#9f462c!important;
    background:#fff1eb!important;
  }
  body.farouk-dark-mode #header .primary-menu .menu-item.ppdw-submenu-open>.menu-link .ppdw-submenu-icon{
    color:#fff!important;
    background:#c55f3f!important;
  }
  body.farouk-dark-mode #header .primary-menu-trigger .cnvs-hamburger-inner,
  body.farouk-dark-mode #header .primary-menu-trigger .cnvs-hamburger-inner::before,
  body.farouk-dark-mode #header .primary-menu-trigger .cnvs-hamburger-inner::after{
    background-color:#eaf2ff!important;
  }
}

@media (max-width:575.98px){
  body.farouk-dark-mode #logo img.logo-default{max-width:164px!important;max-height:78px!important;}
}

/* FAROUK GROUP — Final Contrast, Centering & Premium Mobile UX Closure
   Delta-only CSS closure. Preserves routes, data bindings, uploads and admin. */
body.farouk-dark-mode{
  --fg-card-light:#ffffff;
  --fg-card-light-2:#f8fafc;
  --fg-card-text:#111827;
  --fg-card-muted:#475569;
  --fg-card-title:#0f172a;
  --fg-card-border:rgba(15,23,42,.10);
}

/* Global readable hierarchy: dark surfaces use light text, light surfaces use dark text. */
body.farouk-dark-mode :is(#header,#header-wrap,#footer,#copyrights,.section.dark,.slider-caption,.dark,.dark *){
  text-shadow:none!important;
}
body.farouk-dark-mode :is(#header,#header-wrap,#footer,#copyrights,.section.dark,.slider-caption) :is(h1,h2,h3,h4,h5,h6,p,a,span,div,li,small,strong,label){
  color:#eef4ff!important;
  opacity:1!important;
}

/* Light cards on dark page must never inherit white typography. */
body.farouk-dark-mode :is(.feature-box.media-box,.feature-box.fbox-plain,.grid-inner,.portfolio-desc,.card,.card-body,.quick-contact-widget,.form-widget,.tab-content,.tab-pane,.clients-grid,.clients-grid .grid-item,.bg-white,.bg-light,.light,.light-section):not(#header):not(#header-wrap):not(#footer):not(#copyrights){
  background:var(--fg-card-light)!important;
  color:var(--fg-card-text)!important;
  border-color:var(--fg-card-border)!important;
  text-shadow:none!important;
}
body.farouk-dark-mode :is(.feature-box.media-box,.feature-box.fbox-plain,.grid-inner,.portfolio-desc,.card,.card-body,.quick-contact-widget,.form-widget,.tab-content,.tab-pane,.clients-grid,.clients-grid .grid-item,.bg-white,.bg-light,.light,.light-section):not(#header):not(#header-wrap):not(#footer):not(#copyrights) :is(h1,h2,h3,h4,h5,h6,a,strong,label){
  color:var(--fg-card-title)!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.farouk-dark-mode :is(.feature-box.media-box,.feature-box.fbox-plain,.grid-inner,.portfolio-desc,.card,.card-body,.quick-contact-widget,.form-widget,.tab-content,.tab-pane,.clients-grid,.clients-grid .grid-item,.bg-white,.bg-light,.light,.light-section):not(#header):not(#header-wrap):not(#footer):not(#copyrights) :is(p,span,small,li,div){
  color:var(--fg-card-muted)!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.farouk-dark-mode .fbox-content h3 .subtitle,
body.farouk-dark-mode .portfolio-desc span{
  color:#64748b!important;
}

/* Premium card rhythm and clarity. */
body.farouk-dark-mode .feature-box.media-box,
body.farouk-dark-mode .feature-box.fbox-plain,
body.farouk-dark-mode .portfolio .grid-inner,
body.farouk-dark-mode .quick-contact-widget{
  border-radius:22px!important;
  box-shadow:0 18px 50px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.04)!important;
  overflow:hidden!important;
}
body.farouk-dark-mode .feature-box.media-box .fbox-content,
body.farouk-dark-mode .feature-box.fbox-plain .fbox-content,
body.farouk-dark-mode .portfolio-desc{
  text-align:center!important;
}
body.farouk-dark-mode .feature-box.media-box .fbox-content h3,
body.farouk-dark-mode .feature-box.fbox-plain .fbox-content h3,
body.farouk-dark-mode .portfolio-desc h3{
  font-weight:800!important;
  line-height:1.45!important;
}
body.farouk-dark-mode .feature-box.media-box .fbox-content p,
body.farouk-dark-mode .feature-box.fbox-plain .fbox-content p,
body.farouk-dark-mode .portfolio-desc span{
  line-height:1.75!important;
}
body.farouk-dark-mode .fbox-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Header logo: centered, white, readable and stable on mobile. */
body.farouk-dark-mode #logo,
body.farouk-dark-mode #logo a.ppdw-header-logo{
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
body.farouk-dark-mode #logo img.logo-default{
  display:block!important;
  margin:0 auto!important;
  filter:brightness(0) invert(1) drop-shadow(0 10px 22px rgba(0,0,0,.32))!important;
}

/* Mobile drawer uses white panel; keep all nav text dark and clear. */
@media (max-width:991.98px){
  body.farouk-dark-mode #header .container,
  body.farouk-dark-mode #header .header-row{
    width:100%!important;
  }
  body.farouk-dark-mode #header .container>.header-row{
    display:flex!important;
    justify-content:center!important;
  }
  body.farouk-dark-mode #logo{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.farouk-dark-mode #logo a.ppdw-header-logo{
    width:100%!important;
    min-width:190px!important;
  }
  body.farouk-dark-mode #logo img.logo-default{
    max-width:184px!important;
    max-height:86px!important;
  }
  body.farouk-dark-mode #header .primary-menu{
    background:#fff!important;
    color:#111827!important;
  }
  body.farouk-dark-mode #header .primary-menu :is(.menu-container,.menu-item,.menu-link,.menu-link>div,.menu-link span,.sub-menu-container,.sub-menu-container .menu-link,.sub-menu-container .menu-link>div){
    color:#111827!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  body.farouk-dark-mode #header .primary-menu .sub-menu-container,
  body.farouk-dark-mode #header .primary-menu .sub-menu-container .menu-link{
    background:#f8fafc!important;
  }
  body.farouk-dark-mode #header .primary-menu .menu-link:hover,
  body.farouk-dark-mode #header .primary-menu .menu-item.current>.menu-link,
  body.farouk-dark-mode #header .primary-menu .menu-item.ppdw-submenu-open>.menu-link{
    background:#fff1eb!important;
  }
  body.farouk-dark-mode #header .primary-menu .menu-link:hover :is(div,span),
  body.farouk-dark-mode #header .primary-menu .menu-item.current>.menu-link :is(div,span),
  body.farouk-dark-mode #header .primary-menu .menu-item.ppdw-submenu-open>.menu-link :is(div,span){
    color:#9f462c!important;
  }

  /* Mobile layout: reduce cramped density and center key conversion surfaces. */
  body.farouk-dark-mode .content-wrap{padding-top:38px!important;}
  body.farouk-dark-mode .container{max-width:100%!important;padding-left:22px!important;padding-right:22px!important;}
  body.farouk-dark-mode .row{justify-content:center!important;}
  body.farouk-dark-mode .feature-box.media-box,
  body.farouk-dark-mode .feature-box.fbox-plain{
    max-width:380px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.farouk-dark-mode .feature-box.media-box .fbox-media img{
    width:100%!important;
    min-height:170px!important;
    object-fit:cover!important;
  }
  body.farouk-dark-mode .section h2,
  body.farouk-dark-mode .heading-block,
  body.farouk-dark-mode .heading-block h2,
  body.farouk-dark-mode .heading-block span{
    text-align:center!important;
  }
  body.farouk-dark-mode #portfolio{
    justify-content:center!important;
  }
  body.farouk-dark-mode .portfolio-item{
    max-width:310px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.farouk-dark-mode .quick-contact-widget,
  body.farouk-dark-mode .form-widget{
    max-width:430px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:24px!important;
  }
  body.farouk-dark-mode .quick-contact-widget form,
  body.farouk-dark-mode .form-widget form{
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.farouk-dark-mode input.form-control,
  body.farouk-dark-mode textarea.form-control{
    background:#fff!important;
    color:#111827!important;
    border:1px solid rgba(15,23,42,.14)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
  }
  body.farouk-dark-mode input.form-control::placeholder,
  body.farouk-dark-mode textarea.form-control::placeholder{
    color:#64748b!important;
    opacity:1!important;
  }
  body.farouk-dark-mode .button,
  body.farouk-dark-mode button[type="submit"]{
    min-height:46px!important;
    border-radius:14px!important;
  }
}

@media (max-width:575.98px){
  body.farouk-dark-mode #logo img.logo-default{max-width:176px!important;max-height:82px!important;}
  body.farouk-dark-mode .feature-box.media-box,
  body.farouk-dark-mode .feature-box.fbox-plain,
  body.farouk-dark-mode .quick-contact-widget,
  body.farouk-dark-mode .form-widget{max-width:100%!important;}
  body.farouk-dark-mode .portfolio-item{max-width:50%!important;padding-left:8px!important;padding-right:8px!important;}
  body.farouk-dark-mode .portfolio-desc{margin:0 10px 14px!important;}
}

/* FAROUK GROUP — Hero Readability, Logo Centering & Mobile Final Closure
   Delta-only CSS: no routes, no database, no admin, no dynamic data changes. */

/* 1) Hard-center the header logo on mobile regardless of RTL/LTR utility classes. */
@media (max-width:991.98px){
  body.farouk-dark-mode #header > .container > .header-row{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:102px!important;
  }
  body.farouk-dark-mode #header #logo,
  body.farouk-dark-mode #header #logo.ms-auto,
  body.farouk-dark-mode #header #logo.ms-lg-0,
  body.farouk-dark-mode #header #logo.me-lg-auto{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;
    max-width:220px!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:5!important;
  }
  html[dir="rtl"] body.farouk-dark-mode #header #logo,
  body.rtl.farouk-dark-mode #header #logo{
    left:50%!important;
    right:auto!important;
    transform:translate(-50%,-50%)!important;
  }
  body.farouk-dark-mode #header #logo a.ppdw-header-logo{
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.farouk-dark-mode #header #logo img.logo-default{
    width:auto!important;
    max-width:174px!important;
    max-height:78px!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:brightness(0) invert(1) drop-shadow(0 10px 22px rgba(0,0,0,.36))!important;
  }
}

/* 2) Hero caption must be readable: black copy on a controlled light glass card. */
body.farouk-dark-mode #slider,
body.farouk-dark-mode .slider-element,
body.farouk-dark-mode .swiper-parent,
body.farouk-dark-mode .swiper-slide{
  overflow:hidden!important;
}
body.farouk-dark-mode #slider .slider-caption,
body.farouk-dark-mode #slider .slider-caption.slider-caption-right{
  inset:auto!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:760px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
  text-align:center!important;
  transform:none!important;
}
body.farouk-dark-mode #slider .swiper-slide > .container{
  position:relative!important;
  z-index:3!important;
  min-height:560px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding-top:42px!important;
  padding-bottom:42px!important;
}
body.farouk-dark-mode #slider .slider-caption > div{
  width:min(88vw,640px)!important;
  max-width:640px!important;
  margin:0 auto!important;
  padding:34px 36px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(8px)!important;
  text-align:center!important;
}
body.farouk-dark-mode #slider .slider-caption h2,
body.farouk-dark-mode #slider .slider-caption p,
body.farouk-dark-mode #slider .slider-caption span,
body.farouk-dark-mode #slider .slider-caption div{
  color:#111827!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.farouk-dark-mode #slider .slider-caption h2{
  margin:0 0 14px!important;
  font-weight:900!important;
  line-height:1.42!important;
  letter-spacing:-.01em!important;
}
body.farouk-dark-mode #slider .slider-caption p{
  margin:0!important;
  color:#334155!important;
  font-weight:700!important;
  line-height:1.9!important;
}
body.farouk-dark-mode #slider .swiper-slide-bg::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(5,12,22,.34),rgba(5,12,22,.46))!important;
  z-index:1!important;
  pointer-events:none!important;
}

/* 3) Prevent hero text from visually colliding with the promo section underneath. */
body.farouk-dark-mode .promo.header-stick{
  position:relative!important;
  z-index:4!important;
  margin-top:0!important;
  padding-top:36px!important;
  padding-bottom:36px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
body.farouk-dark-mode .promo.header-stick h3,
body.farouk-dark-mode .promo.header-stick span{
  line-height:1.75!important;
  text-align:center!important;
}

@media (max-width:767.98px){
  body.farouk-dark-mode #slider .swiper-slide > .container{
    min-height:520px!important;
    padding-top:38px!important;
    padding-bottom:46px!important;
  }
  body.farouk-dark-mode #slider .slider-caption > div{
    width:min(86vw,520px)!important;
    padding:26px 22px!important;
    border-radius:6px!important;
  }
  body.farouk-dark-mode #slider .slider-caption h2{
    font-size:24px!important;
    line-height:1.55!important;
    margin-bottom:12px!important;
  }
  body.farouk-dark-mode #slider .slider-caption p{
    display:block!important;
    font-size:16px!important;
    line-height:1.95!important;
  }
}

@media (max-width:575.98px){
  body.farouk-dark-mode #header > .container > .header-row{min-height:96px!important;}
  body.farouk-dark-mode #header #logo img.logo-default{max-width:158px!important;max-height:72px!important;}
  body.farouk-dark-mode #slider .swiper-slide > .container{
    min-height:500px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  body.farouk-dark-mode #slider .slider-caption > div{
    width:86vw!important;
    padding:24px 18px!important;
  }
  body.farouk-dark-mode #slider .slider-caption h2{font-size:21px!important;}
  body.farouk-dark-mode #slider .slider-caption p{font-size:14.5px!important;}
}