/* ΣουβλάKing brand — white background, black text & accents (overrides theme orange) */
:root{
  --bs-primary:#000000; --bs-primary-rgb:0,0,0;
  --bs-link-color:#000000; --bs-link-color-rgb:0,0,0; --bs-link-hover-color:#444444;
  --bs-body-color:#111111; --bs-body-bg:#ffffff;
}
body{ background-color:#ffffff !important; color:#111111 !important; }

/* links & nav -> black (kills the orange) */
a:not(.btn){ color:#000000 !important; }
a:not(.btn):hover{ color:#444444 !important; }
.nav-link{ color:#000000 !important; }
.nav-link:hover,.nav-link:focus{ color:#444444 !important; }
.text-primary,.link-primary,.btn-link{ color:#000000 !important; }

/* active category / pill -> black bg, white text */
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{ background-color:#000000 !important; color:#ffffff !important; }

.bg-primary{ background-color:#000000 !important; }
.border-primary{ border-color:#000000 !important; }
.progress-bar{ background-color:#000000 !important; }
.badge.bg-primary,.badge.text-bg-primary{ background-color:#000000 !important; color:#ffffff !important; }

/* primary buttons -> black with white text */
.btn-primary{
  --bs-btn-bg:#000000; --bs-btn-border-color:#000000; --bs-btn-color:#ffffff;
  --bs-btn-hover-bg:#222222; --bs-btn-hover-border-color:#222222; --bs-btn-hover-color:#ffffff;
  --bs-btn-active-bg:#000000; --bs-btn-active-border-color:#000000; --bs-btn-active-color:#ffffff;
  --bs-btn-disabled-bg:#000000; --bs-btn-disabled-border-color:#000000; --bs-btn-disabled-color:#ffffff;
}
.btn-outline-primary{
  --bs-btn-color:#000000; --bs-btn-border-color:#000000;
  --bs-btn-hover-bg:#000000; --bs-btn-hover-border-color:#000000; --bs-btn-hover-color:#ffffff;
  --bs-btn-active-bg:#000000; --bs-btn-active-border-color:#000000; --bs-btn-active-color:#ffffff;
}
.form-control:focus,.form-select:focus{ border-color:#000000 !important; box-shadow:0 0 0 .2rem rgba(0,0,0,.15) !important; }

/* hide any leftover review/rating in the location header */
.panel-local .rating{ display:none !important; }

/* location photo -> ΣουβλάKing logo (black) on a white panel */
.panel-local > img.img-fluid{ display:none !important; }
.panel-local::before{
  content:'';
  display:block;
  flex:0 0 auto;
  width:280px; height:150px;
  margin-right:1.5rem;
  border-radius:.75rem;
  border:1px solid #e6e6e6;
  background:#ffffff url('/souvlaking-logo-black.png') no-repeat center;
  background-size:210px auto;
}
@media (max-width:767px){
  .panel-local::before{ width:100%; height:120px; margin:0 0 1rem 0; }
}

/* no product photo box anywhere — item popup + menu-list rows */
[data-control="cart-item"] .modal-top{ display:none !important; }
.menu-item-image{ display:none !important; }

/* nav logo: replace the default orange with the ΣΟΥΒΛΑKING logo (every page) */
.navbar-brand .img-logo,.navbar-brand .text-logo{ display:none !important; }
.navbar-brand{
  display:inline-block !important;
  width:150px; height:40px;
  background:url('/souvlaking-logo-black.png') no-repeat left center;
  background-size:contain;
}

/* === Mobile floating "Προβολή καλαθιού" button: lifted off the bottom, chunky, easy to tap === */
@media (max-width:991.98px){
  .sk-cart-bar{
    padding:0 12px calc(14px + env(safe-area-inset-bottom)) !important;
    background:transparent !important;
    pointer-events:none;            /* taps in the side/bottom gap pass through to the menu behind */
  }
  .sk-cart-bar .sk-cart-btn{
    pointer-events:auto;
    border-radius:10px !important;  /* squared, just softened */
    padding-top:1rem !important; padding-bottom:1rem !important;
    font-size:1.05rem !important; font-weight:600;
    box-shadow:0 6px 20px rgba(0,0,0,.25) !important;
  }
  /* reserve room so the lifted button never hides the last menu item */
  .sk-menu-page{ padding-bottom:calc(96px + env(safe-area-inset-bottom)) !important; }
}

/* Telephone label: match the muted, lighter look of the other (floating) checkout field labels
   (it was a plain near-black full-size label, so it read bolder / different). */
label[for="input-telephone"]{
  font-size:.85rem !important;
  font-weight:400 !important;
  color:rgba(17,17,17,.65) !important;
  margin-bottom:.1rem !important;
}

/* === Premium black footer === */
.footer{ background:#111111 !important; padding:0 !important; }
.sk-footer{ background:#111111; color:#b9b9b9; }
.sk-footer a:not(.btn){ color:#b9b9b9 !important; text-decoration:none; transition:color .15s ease; }
.sk-footer a:not(.btn):hover{ color:#ffffff !important; }
.sk-footer-logo{ width:175px; height:auto; margin-bottom:1.1rem; }
.sk-footer-tag{ color:#8a8a8a; font-size:.9rem; line-height:1.5; margin-bottom:1.1rem; max-width:300px; }
.sk-footer-brand i,.sk-footer-list i{ color:#ffffff; width:1rem; text-align:center; }
.sk-footer-title{ color:#ffffff !important; font-size:.78rem; letter-spacing:.09em; text-transform:uppercase; font-weight:700; margin-bottom:1.1rem; }
.sk-footer-list{ list-style:none; padding:0; margin:0; }
.sk-footer-list li{ margin-bottom:.6rem; font-size:.95rem; }
.sk-footer-hours li{ display:flex; justify-content:space-between; gap:1rem; }
.sk-footer-hours .sk-closed{ color:#d99; }
.sk-footer-bottom{ border-top:1px solid rgba(255,255,255,.1); padding:1.2rem 0; margin-top:1rem; color:#7a7a7a; font-size:.85rem; text-align:center; }
/* Clean white breathing room between page content and the black footer
   (so it never blends with dark content like the home CTA button). */
#page-wrapper{ padding-bottom:3rem; }

/* === Cookie banner: guarantee readable text on EVERY browser/device ===
   The black bar set white text inline, but the brand link rule
   (a:not(.btn){color:#000}) blacked the "Πολιτική Απορρήτου" link, and on some
   browsers the message went black-on-black too. Force the whole banner. */
#euCookieBanner > div{ background-color:#111111 !important; color:#ffffff !important; }
#euCookieBanner,
#euCookieBanner p,
#euCookieBanner span,
#euCookieBanner a:not(.btn){ color:#ffffff !important; }
#euCookieBanner a:not(.btn){ text-decoration:underline; }
#euCookieBanner .btn{ background-color:#ffffff !important; border-color:#ffffff !important; color:#111111 !important; font-weight:600; }
#euCookieBanner .d-flex{ flex-wrap:wrap; gap:.5rem 1rem; padding:.85rem 0; }
#euCookieBanner #eu-cookie-message{ font-size:.9rem; line-height:1.45; }