/* TAQA ELSWEDY — global theme and safe header sync */
:root{
  --taqa-orange:#C06024;--taqa-orange-soft:#E39A60;--taqa-space:#070C14;
  --taqa-cloud:#F4F7F8;--taqa-mist:#DCE5E8;--taqa-steel:#4D7183;
  --taqa-mode-ease:cubic-bezier(.22,.9,.24,1);
}

body.taqa-theme-light{
  --taqa-ui-fg:#11161D;--taqa-ui-glass:rgba(255,255,255,.46);
  --taqa-ui-glass-soft:rgba(220,229,232,.14);--taqa-ui-border:rgba(17,22,29,.09);
  --taqa-ui-shadow:0 8px 22px rgba(18,28,38,.06);--taqa-ui-hover:rgba(192,96,36,.07);
  --taqa-ui-hover-border:rgba(192,96,36,.14);--taqa-header-fg:#11161D;
  --taqa-header-muted:#53606A;--taqa-mode-label:#667680;--taqa-mode-value:#25333B;
  --taqa-mode-panel-bg:linear-gradient(145deg,rgba(255,255,255,.72),rgba(224,233,237,.42));
  --taqa-mode-panel-border:rgba(56,76,89,.14);--taqa-mode-panel-border-hover:rgba(192,96,36,.28);
  --taqa-mode-panel-shadow:0 9px 24px rgba(22,37,48,.09),inset 0 1px 0 rgba(255,255,255,.82);
  --taqa-mode-track:rgba(213,223,227,.52);--taqa-mode-track-border:rgba(59,78,90,.13);
  --taqa-mode-icon-idle:#71818A;--taqa-mode-active:#A95724;--taqa-mode-indicator:#C06024;
  --taqa-mode-thumb:linear-gradient(180deg,rgba(255,255,255,.96),rgba(239,229,219,.90));
  --taqa-mode-thumb-border:rgba(192,96,36,.18);
  --taqa-mode-thumb-shadow:0 3px 9px rgba(59,40,24,.12),inset 0 1px 0 rgba(255,255,255,.96);
  --taqa-mobile-control-bg:linear-gradient(145deg,rgba(255,255,255,.72),rgba(221,231,235,.42));
  --taqa-mobile-control-border:rgba(37,55,67,.14);
  --taqa-mobile-control-shadow:0 9px 24px rgba(22,37,48,.10),inset 0 1px 0 rgba(255,255,255,.78);
  --taqa-mobile-control-active:rgba(192,96,36,.10);
  color-scheme:light;
}

body.taqa-theme-dark{
  --taqa-ui-fg:#F4F7F8;--taqa-ui-glass:rgba(7,12,20,.38);
  --taqa-ui-glass-soft:rgba(77,113,131,.10);--taqa-ui-border:rgba(244,247,248,.10);
  --taqa-ui-shadow:0 10px 24px rgba(0,0,0,.18);--taqa-ui-hover:rgba(255,255,255,.065);
  --taqa-ui-hover-border:rgba(255,255,255,.10);--taqa-header-fg:#F4F7F8;
  --taqa-header-muted:#B9C5CC;--taqa-mode-label:#91A4AF;--taqa-mode-value:#EAF4F8;
  --taqa-mode-panel-bg:linear-gradient(145deg,rgba(12,23,33,.76),rgba(7,14,23,.58));
  --taqa-mode-panel-border:rgba(176,207,223,.15);--taqa-mode-panel-border-hover:rgba(132,188,219,.31);
  --taqa-mode-panel-shadow:0 11px 26px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.07);
  --taqa-mode-track:rgba(2,10,17,.50);--taqa-mode-track-border:rgba(138,188,215,.15);
  --taqa-mode-icon-idle:#718E9D;--taqa-mode-active:#D9F1FC;--taqa-mode-indicator:#82C8EE;
  --taqa-mode-thumb:linear-gradient(180deg,rgba(40,65,81,.98),rgba(12,27,39,.98));
  --taqa-mode-thumb-border:rgba(145,199,227,.22);
  --taqa-mode-thumb-shadow:0 4px 11px rgba(0,0,0,.28),0 0 11px rgba(95,166,205,.12),inset 0 1px 0 rgba(255,255,255,.09);
  --taqa-mobile-control-bg:linear-gradient(145deg,rgba(13,24,34,.82),rgba(6,13,21,.66));
  --taqa-mobile-control-border:rgba(180,211,226,.16);
  --taqa-mobile-control-shadow:0 11px 27px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.075);
  --taqa-mobile-control-active:rgba(130,200,238,.10);
  color-scheme:dark;
}

/* Native EasyOrders header theme sync. */
body.taqa-theme-light header.default_header,
body.taqa-theme-light nav.default_header_container,
body.taqa-theme-light nav.default_header_container a,
body.taqa-theme-light nav.default_header_container button,
body.taqa-theme-dark header.default_header,
body.taqa-theme-dark nav.default_header_container,
body.taqa-theme-dark nav.default_header_container a,
body.taqa-theme-dark nav.default_header_container button{color:var(--taqa-header-fg)!important;}

body.taqa-theme-light nav.default_header_container a[href="/search"],
body.taqa-theme-dark nav.default_header_container a[href="/search"]{color:var(--taqa-header-fg)!important;opacity:1!important;filter:none!important;}
body.taqa-theme-light nav.default_header_container a[href="/search"] svg,
body.taqa-theme-dark nav.default_header_container a[href="/search"] svg{opacity:1!important;filter:none!important;}
body.taqa-theme-light nav.default_header_container a[href="/search"] svg>g path,
body.taqa-theme-dark nav.default_header_container a[href="/search"] svg>g path{fill:var(--taqa-header-fg)!important;stroke:none!important;opacity:1!important;}
nav.default_header_container a[href="/search"] svg mask path{fill:#FFF!important;stroke:none!important;opacity:1!important;}

body.taqa-theme-light header.default_header button svg,
body.taqa-theme-dark header.default_header button svg{color:var(--taqa-header-fg)!important;}
body.taqa-theme-light header.default_header button svg path,
body.taqa-theme-light header.default_header button svg circle,
body.taqa-theme-light header.default_header button svg line,
body.taqa-theme-light header.default_header button svg polyline,
body.taqa-theme-dark header.default_header button svg path,
body.taqa-theme-dark header.default_header button svg circle,
body.taqa-theme-dark header.default_header button svg line,
body.taqa-theme-dark header.default_header button svg polyline{stroke:var(--taqa-header-fg)!important;}
body.taqa-theme-light header.default_header button svg path[fill],
body.taqa-theme-dark header.default_header button svg path[fill]{fill:var(--taqa-header-fg)!important;}

body.taqa-theme-light nav.default_header_container>.hidden.lg\:block,
body.taqa-theme-light nav.default_header_container .ms-auto.flex.items-center.flex-1.justify-end,
body.taqa-theme-dark nav.default_header_container>.hidden.lg\:block,
body.taqa-theme-dark nav.default_header_container .ms-auto.flex.items-center.flex-1.justify-end{color:var(--taqa-header-fg)!important;}
body.taqa-theme-light header.default_header button>div.absolute,
body.taqa-theme-dark header.default_header button>div.absolute{color:#FFF!important;}
body.taqa-theme-dark nav.default_header_container .default_header_logo img{filter:drop-shadow(0 5px 14px rgba(0,0,0,.18))!important;}

body.taqa-theme-light nav.default_header_container .ms-auto.flex.items-center.flex-1.justify-end>button{color:#11161D!important;opacity:1!important;filter:none!important;}
body.taqa-theme-light nav.default_header_container .ms-auto.flex.items-center.flex-1.justify-end>button svg{opacity:1!important;filter:none!important;}
body.taqa-theme-light nav.default_header_container .ms-auto.flex.items-center.flex-1.justify-end>button svg path:not([fill]){stroke:#11161D!important;}
body.taqa-theme-light nav.default_header_container .ms-auto.flex.items-center.flex-1.justify-end>button svg path[fill],
body.taqa-theme-light nav.default_header_container .ms-auto.flex.items-center.flex-1.justify-end>button svg circle[fill]{fill:#11161D!important;opacity:1!important;}
body.taqa-theme-light nav.default_header_container>.hidden.lg\:block a{color:#11161D!important;opacity:.92!important;}
body.taqa-theme-light nav.default_header_container>.hidden.lg\:block a:hover{opacity:1!important;}

/* Energy mode control: one clean responsive system. */
#taqaThemePortal{
  position:fixed!important;top:30px!important;right:clamp(24px,2.35vw,46px)!important;
  left:auto!important;bottom:auto!important;z-index:31!important;width:112px;height:50px;
  margin:0;padding:0;pointer-events:auto;direction:ltr;
}

.taqa-theme-panel{
  position:relative;box-sizing:border-box;width:112px;height:50px;
  display:grid;grid-template-rows:9px 29px;gap:3px;padding:4px 6px 5px;
  overflow:hidden;isolation:isolate;border:1px solid var(--taqa-mode-panel-border);
  border-radius:15px;background:var(--taqa-mode-panel-bg);box-shadow:var(--taqa-mode-panel-shadow);
  -webkit-backdrop-filter:blur(18px) saturate(132%);backdrop-filter:blur(18px) saturate(132%);
  font-family:"Space Grotesk","Manrope",Arial,sans-serif;
  transition:background .30s ease,border-color .24s ease,box-shadow .30s ease;
}

.taqa-theme-panel::before{
  content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;
  opacity:.48;background:linear-gradient(112deg,rgba(255,255,255,.22),transparent 30%,transparent 72%,rgba(192,96,36,.07));
  transform:translateX(-10%);transition:transform .40s var(--taqa-mode-ease),opacity .24s ease;
}
.taqa-theme-panel::after{
  content:"";position:absolute;z-index:0;left:9px;right:9px;top:15px;height:1px;
  pointer-events:none;background:linear-gradient(90deg,transparent,rgba(117,144,159,.20),transparent);
}
.taqa-theme-panel:hover{border-color:var(--taqa-mode-panel-border-hover);}
.taqa-theme-panel:hover::before{opacity:.68;transform:translateX(10%);}

.taqa-theme-panel-title{
  position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between;
  gap:5px;padding:0 2px;margin:0;color:var(--taqa-mode-label);font-size:6.5px;line-height:1;
  font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;
}
.taqa-theme-panel-title>span{opacity:.66;}
.taqa-theme-panel-value{
  position:relative;padding-left:8px;color:var(--taqa-mode-value);font-size:7.5px;line-height:1;
  font-weight:700;letter-spacing:.12em;text-shadow:none;transition:color .30s ease;
}
.taqa-theme-panel-value::before{
  content:"";position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:50%;
  transform:translateY(-50%);background:var(--taqa-mode-indicator);
  box-shadow:0 0 7px color-mix(in srgb,var(--taqa-mode-indicator) 58%,transparent);
  transition:background .30s ease,box-shadow .30s ease;
}

.taqa-theme-switch{
  position:relative;z-index:2;box-sizing:border-box;width:100%;height:29px;min-width:0;min-height:29px;
  display:block;margin:0;padding:3px;overflow:hidden;isolation:isolate;appearance:none;-webkit-appearance:none;
  cursor:pointer;border:1px solid var(--taqa-mode-track-border);border-radius:10px;background:var(--taqa-mode-track);
  box-shadow:inset 0 1px 2px rgba(4,12,18,.12),inset 0 1px 0 rgba(255,255,255,.10);
  transition:border-color .24s ease,background .30s ease,box-shadow .30s ease;
}
.taqa-theme-switch::before,.taqa-theme-switch::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;transition:opacity .32s ease;
}
.taqa-theme-switch::before{opacity:1;background:linear-gradient(90deg,rgba(227,154,96,.14),transparent 42%);}
.taqa-theme-switch::after{opacity:0;background:linear-gradient(90deg,transparent 54%,rgba(77,113,131,.20));}
.taqa-theme-switch[aria-checked="true"]::before{opacity:0;}
.taqa-theme-switch[aria-checked="true"]::after{opacity:1;}
.taqa-theme-switch:hover{border-color:var(--taqa-mode-panel-border-hover);box-shadow:inset 0 1px 3px rgba(4,12,18,.16),inset 0 1px 0 rgba(255,255,255,.14);}
.taqa-theme-switch:focus-visible{outline:2px solid var(--taqa-mode-indicator);outline-offset:3px;}

.taqa-theme-track-icon{
  position:absolute;top:50%;z-index:1;width:20px;height:20px;margin-top:-10px;
  display:grid;place-items:center;color:var(--taqa-mode-icon-idle);opacity:.42;pointer-events:none;
}
.taqa-theme-track-icon--sun{left:6px;}.taqa-theme-track-icon--moon{right:6px;}
.taqa-theme-track-icon svg,.taqa-theme-thumb-icon svg{
  width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}

.taqa-theme-thumb{
  position:absolute;left:3px;top:3px;z-index:3;box-sizing:border-box;width:calc(50% - 4px);height:21px;
  display:grid;place-items:center;border:1px solid var(--taqa-mode-thumb-border);border-radius:7px;
  background:var(--taqa-mode-thumb);color:var(--taqa-mode-active);box-shadow:var(--taqa-mode-thumb-shadow);
  pointer-events:none;transform:translateX(0);
  transition:transform .40s var(--taqa-mode-ease),background .30s ease,color .30s ease,border-color .30s ease,box-shadow .30s ease;
}
.taqa-theme-switch[aria-checked="true"] .taqa-theme-thumb{transform:translateX(calc(100% + 2px));}
.taqa-theme-thumb-icon{
  position:absolute;inset:50% auto auto 50%;width:12px;height:12px;display:grid;place-items:center;
  transform:translate(-50%,-50%);transition:opacity .22s ease,filter .28s ease;
}
.taqa-theme-thumb-icon--sun{opacity:1;filter:drop-shadow(0 0 3px rgba(227,154,96,.34));}
.taqa-theme-thumb-icon--moon{opacity:0;}
.taqa-theme-switch[aria-checked="true"] .taqa-theme-thumb-icon--sun{opacity:0;}
.taqa-theme-switch[aria-checked="true"] .taqa-theme-thumb-icon--moon{opacity:1;filter:drop-shadow(0 0 4px rgba(180,224,247,.56));}

/* Tablet: preserve hierarchy while the desktop navigation collapses. */
@media (min-width:768px) and (max-width:1023px){
  #taqaThemePortal{top:18px!important;right:16px!important;width:104px;height:46px;}
  .taqa-theme-panel{width:104px;height:46px;grid-template-rows:8px 27px;gap:2px;padding:4px 5px 5px;border-radius:14px;}
  .taqa-theme-panel::after{top:14px;}.taqa-theme-panel-title{font-size:6px;}
  .taqa-theme-panel-value{font-size:7px;}.taqa-theme-switch{height:27px;min-height:27px;}
  .taqa-theme-thumb{height:19px;}
}

/* Mobile: compact control between the centered logo and native menu. */
@media (max-width:767px){
  #taqaThemePortal{top:18px!important;right:60px!important;left:auto!important;width:44px!important;height:44px!important;}
  .taqa-theme-panel{
    width:44px!important;height:44px!important;display:block!important;padding:3px!important;
    overflow:hidden!important;border-radius:14px!important;
    border-color:var(--taqa-mobile-control-border)!important;
    background:var(--taqa-mobile-control-bg)!important;
    box-shadow:var(--taqa-mobile-control-shadow)!important;
    -webkit-backdrop-filter:blur(18px) saturate(128%)!important;
    backdrop-filter:blur(18px) saturate(128%)!important;
  }
  .taqa-theme-panel::before{opacity:.68!important;background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 34%,transparent 72%,rgba(192,96,36,.055))!important;}
  .taqa-theme-panel::after,.taqa-theme-panel-title,.taqa-theme-track-icon{display:none!important;}
  .taqa-theme-switch{
    position:absolute!important;inset:3px!important;width:36px!important;height:36px!important;
    min-width:36px!important;min-height:36px!important;margin:0!important;padding:3px!important;
    border-radius:11px!important;border-color:transparent!important;background:transparent!important;
    box-shadow:none!important;
  }
  .taqa-theme-switch::before,.taqa-theme-switch::after{display:none!important;}
  .taqa-theme-thumb{
    left:3px!important;top:3px!important;width:28px!important;height:28px!important;
    border-radius:9px!important;transform:none!important;
  }
  .taqa-theme-switch[aria-checked="true"] .taqa-theme-thumb{transform:none!important;}
  .taqa-theme-thumb-icon,.taqa-theme-thumb-icon svg{width:13px!important;height:13px!important;}
  .taqa-theme-switch:focus-visible{outline:2px solid var(--taqa-mode-indicator)!important;outline-offset:3px!important;}
}

@media (min-width:381px) and (max-width:400px){
  #taqaThemePortal{right:60px!important;width:44px!important;height:44px!important;}
}

@media (max-width:380px){
  #taqaThemePortal{top:18px!important;right:60px!important;width:44px!important;height:44px!important;}
}

#taqaThemeSlot,.taqa-theme-slot{visibility:hidden!important;pointer-events:none!important;}

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  body.taqa-theme-light .taqa-theme-panel{background:rgba(244,247,248,.94);}
  body.taqa-theme-dark .taqa-theme-panel{background:rgba(7,12,20,.94);}
}

@media (prefers-reduced-motion:reduce){
  .taqa-theme-panel,.taqa-theme-panel::before,.taqa-theme-switch,.taqa-theme-switch::before,
  .taqa-theme-switch::after,.taqa-theme-thumb,.taqa-theme-thumb-icon,.taqa-theme-panel-value,
  .taqa-theme-panel-value::before{transition:none!important;}
}


/* Header logo theme swap */
nav.default_header_container .default_header_logo img{
  transition:opacity .22s ease,filter .30s ease !important;
}

/* Final mobile placement lock: survives older EasyOrders overrides. */
@media (max-width:767px){
  html body #taqaThemePortal{
    top:18px!important;
    right:60px!important;
    left:auto!important;
    width:44px!important;
    height:44px!important;
  }
  html body #taqaThemePortal .taqa-theme-panel{
    width:44px!important;
    height:44px!important;
    padding:3px!important;
    border-radius:14px!important;
  }
  html body #taqaThemePortal .taqa-theme-switch{
    inset:3px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }
  html body #taqaThemePortal .taqa-theme-thumb{
    left:3px!important;
    top:3px!important;
    width:28px!important;
    height:28px!important;
    transform:none!important;
  }
}


/* =========================================================
   MOBILE THEME CONTROL — FOLLOW NATIVE HEADER VERTICAL MOTION
   JS updates --taqa-theme-mobile-top from the real header row.
========================================================= */
@media (max-width:767px){
  html body #taqaThemePortal{
    top:var(--taqa-theme-mobile-top,18px) !important;
    transition:top .14s ease-out !important;
  }
}


/* =========================================================
   TAQA — ESP LOGO THEME SWAP
   Light mode: light ESP logo
   Dark mode: dark ESP logo
========================================================= */

body.taqa-theme-light
nav.default_header_container .default_header_logo a::after{
  background-image:url("https://pub-e9715f44ef4d4ff88751fb3c934ea86e.r2.dev/esplogolightmode.webp") !important;
}

body.taqa-theme-dark
nav.default_header_container .default_header_logo a::after{
  background-image:url("https://pub-e9715f44ef4d4ff88751fb3c934ea86e.r2.dev/ESPLOGODARKMOOD.webp") !important;
}

/* =========================================================
   TAQA PORTRAIT — THEME CONTROL POSITION ONLY
   Keep the existing tablet/desktop visual style exactly.
   Only move the theme control horizontally so it sits beside
   the native Portrait menu button instead of overlapping it.
========================================================= */
@media (min-width:768px) and (orientation:portrait){
  html body #taqaThemePortal{
    right:72px !important;
    left:auto !important;
  }
}