/* changed cgptw 2026:09:23 — shared Order Dishes navigation */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--dk-blue:#007fff;--dk-red:#ed0028;--dk-navy:#06121f}
.dk-brand-strip{ height: 4px !important; background: #27aae1 !important; }
.dk-app-navbar.navbar{
  min-height: 58px;
  margin: 0;
  padding: 3px clamp(14px, 2.2vw, 32px);
  border: 0;
  background: #087ff0 !important;
  box-shadow: none;
}
.dk-app-navbar .navbar-brand{ margin: 0; padding: 0; }
.dk-app-navbar .navbar-brand img{ width: 300px !important; height: 48px !important; object-fit: contain; object-position: left center; }
.dk-app-navbar .navbar-nav .nav-link{ color: rgba(255,255,255,.82); font-family: 'DM Sans', Arial, sans-serif !important; }
.dk-app-navbar .navbar-nav .nav-link:hover{ color: #fff; }
.dk-app-navbar .dropdown-menu{ border: 1px solid rgba(7,24,44,.1); border-radius: 14px; box-shadow: var(--dk-shadow); }
.dk-app-navbar .navbar-toggler{ border: 0; background: var(--dk-navy) !important; }
.dk-app-navbar .activeA,
.dk-app-navbar .itemA{ border: 0; background: transparent; }
.dk-side-nav{ padding-right: 20px; }
.dk-side-nav #Side_Menu{
  top: 96px;
  display: grid;
  gap: 7px;
  padding: 18px 10px;
  border: 1px solid rgba(98,194,232,.18);
  border-radius: 18px;
  background: rgba(6,18,31,.72);
  box-shadow: 0 12px 35px rgba(0,0,0,.18);
  backdrop-filter: blur(10px);
}
.dk-side-nav #Side_Menu a{ padding: 12px 14px; color: rgba(255,255,255,.68); border-radius: 11px; }
.dk-side-nav #Side_Menu a.active,
.dk-side-nav #Side_Menu a:hover{ color: #fff; background: var(--dk-blue); }
.dk-mobile-nav#Footer{
  margin: 0 !important;
  padding: 8px clamp(4px, 1vw, 14px) 10px;
  border: 0;
  background: transparent !important;
  box-shadow: none;
  backdrop-filter: none;
  pointer-events: none;
}
.dk-mobile-nav .grid-container{ grid-template-columns: repeat(4, 1fr); gap: clamp(5px, .7vw, 9px); width: 100%; max-width: none; margin: 0 auto; padding: 0; background: transparent; }
.dk-mobile-nav .itemB{ margin: 0; border: 0; background: transparent; pointer-events: auto; }
.dk-mobile-nav .itemB a{
  min-height: 64px;
  display: grid;
  place-items: center;
  padding: 7px 5px;
  color: rgba(255,255,255,.76);
  border: 1px solid rgba(11,130,244,.85);
  border-radius: 12px;
  background: #000;
  box-shadow: none;
  backdrop-filter: none;
}
.dk-mobile-nav .itemB a.activeB{ color: #fff; background: var(--dk-blue); border-color: var(--dk-cyan); }
.dk-mobile-nav .itemB a:hover{ color: #fff; background: var(--dk-navy-soft); transform: translateY(-2px); }
@media (max-width: 991.98px){.dk-app-navbar.navbar{ min-height: 54px; padding: 2px 12px; }
.dk-app-navbar .navbar-toggler{ margin: 0 !important; }
.dk-app-navbar .navbar-toggler img{ width: 64px !important; height: 40px; object-fit: contain; margin: 0 !important; }
}
body .dk-brand-strip{display:none}
body .dk-app-navbar.navbar{background:#007fff!important;box-shadow:none;min-height:64px}
body .dk-app-navbar .navbar-toggler{background:transparent!important}
body .dk-app-navbar .navbar-brand{width:360px;height:52px;overflow:hidden}
body .dk-app-navbar .navbar-brand img{width:360px!important;height:118px!important;max-height:none!important;object-fit:contain;margin-top:-33px}
body .dk-side-nav #Side_Menu{border:0;box-shadow:none;backdrop-filter:none;background:#000;padding:10px 0;top:80px}
body .dk-side-nav #Side_Menu a{color:white;border-radius:8px;font:500 16px 'DM Sans',sans-serif}
body .dk-side-nav #Side_Menu a.active{background:var(--dk-red)}
body #Footer{pointer-events:none;background:transparent!important;border:0!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;box-shadow:none;backdrop-filter:none}
body #Footer .grid-container{display:flex!important;gap:12px;justify-content:flex-start;background:transparent!important;max-width:none}
body #Footer .itemB{pointer-events:auto;width:min(220px,24%);border:0;background:transparent!important}
body #Footer a{display:flex;justify-content:center;align-items:center;min-height:60px;background:#000!important;color:white!important;border:1px solid #c8cbd0!important;border-radius:9px!important;padding:8px!important}
body #Footer a.activeB{background:#ed0028!important}
body #Footer a span{display:flex;gap:10px;align-items:center;font-size:20px}
body #Footer a div{font:500 13px/1.2 'DM Sans',sans-serif}
body #Footer br{display:none}
@media(max-width:767px){body .dk-app-navbar{padding:4px 8px!important}
body .dk-app-navbar .navbar-toggler{background:transparent!important;margin:0!important;padding:0!important}
body .dk-app-navbar .activeA{background:#ed0028;border-radius:8px;padding:5px 10px}
body #Footer{padding:6px 5px calc(6px + env(safe-area-inset-bottom))!important}
body #Footer .grid-container{gap:5px}
body #Footer .itemB{width:25%}
body #Footer a{min-height:60px}
body #Footer a span{flex-direction:column;gap:5px;font-size:19px}
body #Footer a div{font-size:10px}
body #Footer br{display:initial}
}
body .dk-app-navbar .navbar-toggler{cursor:pointer}
@media(max-width:991.98px){body .dk-app-navbar.navbar{min-height:54px;padding:4px 8px!important}
body .dk-app-navbar .navbar-toggler{padding:0!important}
body .dk-app-navbar .navbar-toggler img{width:90px!important;height:46px;object-fit:contain;margin:0!important}
}
@media(max-width:991.98px){body .dk-app-navbar .navbar-toggler{display:flex;align-items:center;justify-content:space-between;height:46px}
body .dk-app-navbar .navbar-toggler>.float-left{height:100%;width:102px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}
body .dk-app-navbar .navbar-toggler img{height:57.6px;width:auto!important;max-width:none;flex-shrink:0;object-fit:contain}
body .dk-app-navbar .navbar-toggler>.d-flex{align-items:center;margin-top:0!important}
}
body #Footer a{border-color:var(--dk-blue)!important;color:#8c8c8c!important}
body #Footer a span{font-size:15px;color:inherit!important}
body #Footer a div{color:inherit!important}
@media(max-width:767px){body #Footer a span{font-size:14.25px}
}
body #Footer a:not(.activeB){border-color:currentColor!important}
@media(max-width:991.98px){body .dk-app-navbar .navbar-toggler a[href="profilesettings.php"]>.itemA{box-shadow:inset 0 0 0 1px #27AAE1;border-radius:8px}
}
body #Footer a.activeB{color:#fff!important;border-color:#fff!important}
@media(max-width:767px){body .dk-app-navbar .navbar-toggler a[href="profilesettings.php"]>.itemA{padding:5px 10px}
}
body .dk-brand-strip{display:block;height:5px!important;background:#27aae1!important}
body .dk-brand-strip,body .dk-brand-strip-bottom{height:3.75px!important}
body .dk-brand-strip,body .dk-brand-strip-bottom{height:3px!important}
body .dk-brand-strip,body .dk-brand-strip-bottom{display:none!important}
body #Footer a,body #Footer a:not(.activeB){border-color:#0000ff!important;color:#0000ff!important}
body #Footer a span{font-size:11.25px}
body #Footer a.activeB{color:#fff!important;border-color:#0000ff!important;box-shadow:inset 0 0 0 2px #e09952}
body #Footer a:hover{background:#28a745!important;color:#fff!important}
@media(max-width:991.98px){body .dk-app-navbar .navbar-toggler img{height:49px}
}
@media(max-width:767px){body #Footer a span{font-size:10.6875px}
}
body #Footer a{min-height:48px;padding:6px 8px!important}
body #Footer a:hover{background:#1ab394!important;color:#fff!important;box-shadow:inset 0 0 0 2px #e09952}
body .dk-brand-strip-bottom{display:block!important;height:3px!important}
body .dk-app-navbar.navbar{min-height:61px}
body .dk-app-navbar .navbar-toggler a[href="profilesettings.php"]>.itemA{box-shadow:none;outline:1px dashed #27aae1;outline-offset:-1px}
@media(max-width:991.98px){body .dk-app-navbar.navbar{min-height:51px;padding-top:2.5px!important;padding-bottom:2.5px!important}
}
@media(max-width:767px){body #Footer a{padding:4px 8px!important}
body #Footer a span{gap:3px}
}
body #Footer a div{font-weight:600}
body #Footer a:not(.activeB) div{font-weight:700}
body:not(.dk-orders-page){padding-top:71px;padding-bottom:90px} @media(max-width:991.98px){body:not(.dk-orders-page){padding-top:53px}} body .dk-app-navbar .navbar-toggler .itemA{box-shadow:none;outline:1px dashed #27aae1;outline-offset:-1px;border-radius:8px} @media(max-width:767px){body .dk-app-navbar .navbar-toggler .itemA{padding:5px 10px}}
/* changed cgptw 2026:09:25 — keep the Carts button's original inactive treatment. */
body #Footer a[href="deliverycarts.php"]:not(.activeB),body #Footer a[href="deliverycarts.php"]:not(.activeB):hover{box-shadow:none!important}
/* changed cgptw 2026:09:26 — override legacy Orders-page specificity so every active bottom button shares the same colors. */
body #Footer a.activeB,body.dk-orders-page #Footer a.activeB{background:#ed0028!important;color:#fff!important;border-color:transparent!important;box-shadow:none!important}
body #Footer a.activeB:hover,body.dk-orders-page #Footer a.activeB:hover{background:#1ab394!important;border-color:#0000ff!important;color:#fff!important;box-shadow:inset 0 0 0 2px #e09952!important}