/* Suppress overlay elements (display:none) */
#__framer-badge-container, /* suppress overlay */
.framer-1oyx3c6-container,
[id*="framer-badge"], /* suppress overlay */
[class*="framer-badge"] /* suppress overlay */ {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}


/* ── FLICKERING FIX ──────────────────────────────────────────
   Framer's appear-animation JS isn't bundled in the static export,
   so elements left at opacity:0 by SSR never animate in.
   We override them here to be permanently visible.
──────────────────────────────────────────────────────────── */

/* Footer ticker marquee — "Order – Uber Eats" scrolling strip */
.framer-964qkr section,
.framer-1mnw7v7-container section,
.framer-1fwxwew-container section,
.framer-vwcrgb-container section {
    opacity: 1 !important;
    animation: framer-marquee-scroll 18s linear infinite !important;
}

/* Stop the individual list inside from jumping */
.framer-964qkr ul,
.framer-1mnw7v7-container ul,
.framer-1fwxwew-container ul,
.framer-vwcrgb-container ul {
    will-change: transform !important;
}

/* Footer bottom copyright row — "Designed by Webestica, Powered by Framer" */
.framer-1285409,
.framer-1285409 *,
.framer-80ire4,
.framer-80ire4 * {
    opacity: 1 !important;
    transform: none !important;
    will-change: auto !important;
}

/* Footer logo, CTA text, button list, social list, content areas */
.framer-1dao5sd > *,
.framer-17izdhz,
.framer-xd7t5j,
.framer-177g9w3,
.framer-1ujnzw3 {
    opacity: 1 !important;
    transform: none !important;
    will-change: auto !important;
}

/* General footer appear-animate wrappers */
.framer-964qkr,
.framer-1tvasko,
.framer-qwo54a {
    opacity: 1 !important;
    transform: none !important;
}

/* The Webestica / Framer "powered by" image that flickers */
.framer-4ypaw3,
.framer-815t13,
.framer-4ypaw3 img,
.framer-815t13 img {
    opacity: 0.15 !important; /* preserve original opacity value */
    animation: none !important;
}

/* Remove flicker from the "Get it for FREE" remix badge */
.framer-1oyx3c6-container,
.framer-1oyx3c6-container * {
    opacity: 1 !important;
}

/* ── DOT / STRAY ELEMENT FIXES ─────────────────────────────
   Framer places tiny absolute-positioned 2px dot elements
   (.framer-5hfxtb) used in button animations. These leak
   visibly in static exports in Top Picks, Hot Deals, and
   Testimonials sections. Hide them. */
.framer-5hfxtb {
  display: none !important;
}

/* Hide any stray ::before bullet dots from list items
   that appear outside their intended containers */
.framer-nc8wy3 ul.framer-text > li.framer-text::before,
.framer-tpkujk ul.framer-text > li.framer-text::before,
.framer-1l5jzgj ul.framer-text > li.framer-text::before,
.framer-yy3nve ul.framer-text > li.framer-text::before {
  display: none !important;
}

/* Fix nav z-index overlap with footer sections */
.framer-kq0uX .framer-1pkv8s-container {
  z-index: 100;
}

/* Ensure footer sections sit below fixed nav */
.framer-pGufK.framer-v5e766 {
  position: relative;
  z-index: 1;
}

:root body { background: var(--token-456e293f-6fe3-4109-a0c7-d3c9b622cb9d, rgb(255, 255, 255)); }
html body { background: var(--token-456e293f-6fe3-4109-a0c7-d3c9b622cb9d, rgb(255, 255, 255)); }
/* ── ORDER NOW BUTTON → RIGHT SIDE ──────────────────────────────
   Framer positions this fixed button on the bottom-LEFT by default.
   Override all three breakpoints to move it to the bottom-RIGHT.   */

/* Desktop (≥1200px) */
.framer-15qmlen-container {
  left: auto !important;
  right: 50px !important;
}

/* Tablet (810px–1199px) */
@media (min-width: 810px) and (max-width: 1199.98px) {
  .framer-15qmlen-container {
    left: auto !important;
    right: 30px !important;
  }
}

/* Phone (≤809px) */
@media (max-width: 809.98px) {
  .framer-15qmlen-container {
    left: auto !important;
    right: 20px !important;
  }
}

/* ── ORDER NOW POPUP → OPEN LEFT (since button is now on right) ──
   The popup panel anchors to left:0 by default (opens rightward).
   Since we moved the button to the right edge, flip it to right:0
   so the panel opens to the LEFT and stays fully on-screen.       */

.framer-CavUt .framer-vxhspe,
.framer-vxhspe {
  left: auto !important;
  right: 0 !important;
}

/* ── LOGO FIX: Force Gharwala logo, block Slice Town flash ──────────────
   Framer's cloud script (script_main.mjs) briefly re-renders the original
   "Slice Town" template logo during hydration. This CSS fires instantly at
   parse time — before any JS runs — so the correct logo is always shown.  */

/* All logo img tags — force src via content property */
[data-framer-name="Brand"] img,
.framer-14d41ha img,
.framer-15akw40 img,
.framer-1ujnzw3 img,
img[alt="Brand Logo"],
img[alt="Brand Image"] {
  content: url('../images/gharwala_Kitchen_logo.svg') !important;
}

/* Block the Framer-injected Slice Town SVG/image wrapper from showing */
[data-framer-name="Brand"] [data-framer-background-image-wrapper] > img,
.framer-1tr36dz img,
.framer-1c2r3t7 img {
  content: url('../images/gharwala_Kitchen_logo.svg') !important;
}
/* ── HOT DEALS SLIDESHOW FIX ─────────────────────────────────────────────
   Framer cloud script injects a "Super Delicious Pizzas" image as slide 1.
   Force all three offer slides to always show Gharwala food images.        */

.framer-ud0xve img[alt="Offer Image"],
[data-framer-name="Offer Image One"] img {
  content: url('../images/gharwala_chicken_curry.png') !important;
  object-fit: cover !important;
  object-position: left top !important;
}

.framer-140ig74 img[alt="Offer Image"],
[data-framer-name="Offer Image Two"] img {
  content: url('../images/gharwala_chicken_meal.png') !important;
  object-fit: cover !important;
  object-position: left top !important;
}

.framer-1707k24 img[alt="Offer Image"],
[data-framer-name="Offer Image Three"] img {
  content: url('../images/gharwala_chicken_roti.png') !important;
  object-fit: cover !important;
  object-position: left top !important;
}

/* ── HEADER LOGO SIZE ──────────────────────────────────────────────────── */

/* Desktop (1200px+) — change 140px to your preferred size */
.framer-b56Ru .framer-14d41ha {
  width: 140px !important;
  height: 140px !important;
}

/* Tablet (810px–1199px) — change 100px to your preferred size */
@media (min-width: 810px) and (max-width: 1199px) {
  .framer-b56Ru .framer-14d41ha {
    width: 100px !important;
    height: 100px !important;
  }
}

/* Mobile (below 810px) — change 80px to your preferred size */
@media (max-width: 809px) {
  .framer-b56Ru .framer-1tr36dz {
    width: 80px !important;
    height: 80px !important;
  }
}

/* ── HERO SECTION IMAGES FIX ─────────────────────────────────────────────
   Framer cloud script overrides hero food bowl and hand images.
   Force correct images via CSS content property.                          */

/* Food/Bowl image */
.framer-quctt6 img[alt="Food Image"],
[data-framer-name="Hero Image Wrap"] .framer-quctt6 img {
  content: url('../images/gharwala-chicken-curry.png') !important;
}

/* Hand image */
.framer-1g5i6w4 img[alt="Hand Image"],
[data-framer-name="Hero Image Wrap"] .framer-1g5i6w4 img {
  content: url('../images/hand.svg') !important;
}

/* Mobile hero food image */
.framer-1vbdzys img[alt="Food Image"] {
  content: url('../images/gharwala-chicken-curry.png') !important;
}

/* ── HERO BLACK FRAME REMOVAL ────────────────────────────────────────────
   Framer cloud script injects a black rounded-rectangle frame around the
   hero food image. Force background transparent & remove border-radius.   */

.framer-kq0uX .framer-quctt6,
.framer-kq0uX .framer-1g5i6w4,
.framer-kq0uX .framer-41rhhv,
.framer-kq0uX .framer-1vbdzys,
[data-framer-name="Hero Image Wrap"],
[data-framer-name="Hero Image Wrap"] > div,
[data-framer-name="Hero Image Wrap"] > div > div {
  background-color: transparent !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* ── HERO BOWL IMAGE SIZE ─────────────────────────────────────────────── */

/* Desktop & Tablet */
@media (min-width: 810px) {
  .framer-kq0uX .framer-quctt6 {
    transform: scale(1.2) !important;
    transform-origin: center center !important;
  }
}

/* Mobile */
.framer-kq0uX .framer-1vbdzys {
  width: 95% !important;
  height: var(--framer-aspect-ratio-supported, 340px) !important;
}