/**
 * Aladdin's staging — Ursula punch-list 11/13/2026
 * Loaded only on staging via mu-plugin. Rollback deletes this file.
 * Brand: Za'atar #4E4933, Tomato #973921, Hummus #B59460.
 */

/* ========== 1. Hero: heading + buttons visible over video ========== */
.elementor-element-73e9617 {
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
}
.elementor-element-73e9617 > .e-con-inner,
.elementor-element-82a26d5,
#home-page-slider,
.elementor-element-82a26d5 .elementor-widget-container,
.elementor-element-82a26d5 .elementor-swiper,
.elementor-element-82a26d5 .swiper,
.elementor-element-82a26d5 .swiper-wrapper,
.elementor-element-82a26d5 .swiper-slide {
  width: 100% !important;
  max-width: 100% !important;
}
.elementor-element-82a26d5 {
  min-height: 600px;
}
@media (max-width: 1024px) {
  .elementor-element-82a26d5 { min-height: 500px; }
}
.elementor-element-82a26d5 .elementor-slide-heading,
.elementor-element-82a26d5 .swiper-slide-contents {
  width: auto !important;
  max-width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hero CTAs match header Order Online: Tomato, 20px, 0 tracking, 12px 20px, 44px, pill */
.elementor-element-73e9617 .swiper-slide-contents .elementor-slide-button,
.elementor-element-73e9617 .swiper-slide-contents .our-menu-btn,
.elementor-element-82a26d5 .swiper-slide-contents .elementor-slide-button,
.elementor-element-82a26d5 .swiper-slide-contents .our-menu-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  background-color: #973921 !important;
  background-image: none !important;
  color: #fff !important;
  border: 0 none !important;
  border-radius: 999px !important;
  font-family: "Interstate Condensed Bold", "Interstate Condensed", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 12px 20px !important;
  min-height: 44px !important;
  height: 44px !important;
  white-space: nowrap !important;
}
.elementor-element-82a26d5 .swiper-slide-contents .our-menu-btn {
  margin-left: 12px !important;
}
@media (max-width: 1024px) {
  .elementor-element-82a26d5 .swiper-slide-contents .elementor-slide-button,
  .elementor-element-82a26d5 .swiper-slide-contents .our-menu-btn {
    font-size: 18px !important;
    padding: 12px 16px !important;
  }
}
@media (max-width: 767px) {
  .elementor-element-82a26d5 .swiper-slide-contents .elementor-slide-button,
  .elementor-element-82a26d5 .swiper-slide-contents .our-menu-btn {
    width: calc(50% - 6px) !important;
    max-width: 160px !important;
    font-size: 16px !important;
    padding: 11px 8px !important;
  }
}

/* ========== 2 + 3. Spread Joy / In the News: equal padding ========== */
/* 60px above the heading and 60px between the heading and the photos/cards */
.aladdins-spread-section,
.elementor-element-92fd610 {
  margin-top: 0 !important;
  padding-top: 60px !important;
}
.elementor-element-526397a {
  margin-top: 0 !important;
  margin-bottom: 60px !important;
}
.elementor-element-6564416 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.elementor-element-53689c8 {
  margin-top: 0 !important;
}

/* ========== 4. 22px only on the sections Ursula listed ========== */
/* Home: Discover Our Story */
.elementor-element-f9d7dc0,
.elementor-element-f9d7dc0 p {
  font-size: 22px !important;
}

/* About: all body copy (text editors) except the 3H cards */
.page-id-34126 .elementor-widget-text-editor .elementor-widget-container,
.page-id-34126 .elementor-widget-text-editor p {
  font-size: 22px !important;
}
.elementor-element-5278493 .elementor-widget-text-editor .elementor-widget-container,
.elementor-element-5278493 .elementor-widget-text-editor p,
.elementor-element-1cc8769,
.elementor-element-1cc8769 p,
.elementor-element-5f92e39,
.elementor-element-5f92e39 p,
.elementor-element-413c046,
.elementor-element-413c046 p {
  font-size: 18px !important; /* leave 3H card copy alone */
}

/* Careers: paragraph under header + Development body */
.elementor-element-cf76044,
.elementor-element-cf76044 p,
.elementor-element-a5a96ea,
.elementor-element-a5a96ea p,
.elementor-element-c906b43,
.elementor-element-c906b43 p,
.elementor-element-daf7051,
.elementor-element-daf7051 p {
  font-size: 22px !important;
}

/* Gift card body */
.elementor-element-baafc24,
.elementor-element-baafc24 p {
  font-size: 22px !important;
}

/* ========== 6. Gift Card: no color block; hide removed sections ========== */
.elementor-element-aea6dcd,
.elementor-element-4c11312,
.elementor-element-7469ead {
  display: none !important;
}
.elementor-element-59b3c85,
.elementor-element-59b3c85 .e-con,
.page-id-32684 .elementor-element-59b3c85 {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* ========== 8. Mid-width nav / logo spacing, sticky bar, Back to search, Order vs chevron ========== */
@media (min-width: 901px) and (max-width: 1024px) {
  .elementor-location-header .elementor-widget-theme-site-logo img,
  .elementor-location-header .elementor-widget-image img {
    max-width: 160px !important;
    width: auto !important;
    height: auto !important;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .elementor-location-header .elementor-widget-theme-site-logo img,
  .elementor-location-header .elementor-widget-image img {
    max-width: 200px !important;
    width: auto !important;
    height: auto !important;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .elementor-location-header .elementor-widget-theme-site-logo img,
  .elementor-location-header .elementor-widget-image img {
    max-width: 230px !important;
    width: auto !important;
    height: auto !important;
  }
}
@media (min-width: 901px) {
  .elementor-location-header .elementor-nav-menu--main,
  .elementor-location-header .elementor-widget-nav-menu,
  .elementor-location-header .elementor-element-92b98e2 {
    margin-left: 20px !important;
    padding-left: 8px !important;
  }
  .elementor-location-header .elementor-nav-menu--main .elementor-nav-menu {
    flex-wrap: nowrap !important;
    gap: 0 4px;
  }
}
@media (min-width: 901px) and (max-width: 1199px) {
  .elementor-location-header .elementor-nav-menu--main .elementor-item,
  .elementor-location-header .elementor-nav-menu .elementor-item {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* Category bar parks below the sticky site header (JS also sets --mlp-header-offset) */
.mlp-bar {
  top: var(--mlp-header-offset, var(--aladdins-header-h, 0px)) !important;
}

/* Back to search sits below header + category bar, not on APPETIZERS */
.mlp-backtosearch {
  top: calc(var(--mlp-header-offset, var(--aladdins-header-h, 0px)) + var(--mlp-bar-height, 56px) + 16px) !important;
}

/* Room so the first section title isn't under the back button */
.mlp.is-filtered .mlp-section,
.mlp.has-backtosearch .mlp-section,
body.mlp-has-backtosearch .mlp-section {
  padding-top: 72px !important;
}
.mlp-section__title,
.mlp-hero,
.mlp-hero__title {
  scroll-margin-top: calc(var(--mlp-header-offset, var(--aladdins-header-h, 0px)) + var(--mlp-bar-height, 56px) + 24px);
}

/* Floating Order vs Astra scroll-top: lift the chevron on every width, not just phones */
body:has(a.mlp-order) #ast-scroll-top,
body:has(a.mlp-order) #ast-scroll-top.ast-scroll-to-top-left,
body:has(a.mlp-order) .ast-scroll-to-top-left,
.mlp ~ #ast-scroll-top,
.page-id-33941 #ast-scroll-top,
.page-id-34032 #ast-scroll-top {
  left: auto !important;
  right: 16px !important;
  bottom: 96px !important;
}

/* ========== 7. Single menu item images should not squish ========== */
.aladdins-menu-item-detail img,
.menu-item-detail img,
.mlp-item__img,
.mlp-item__media img,
body.single img.menu-item-photo,
.elementor-widget-theme-post-featured-image img,
.e-menu-item-photo img {
  object-fit: cover !important;
  object-position: center center !important;
  max-width: 100% !important;
  height: auto !important;
}
/* Prefer cover inside a fixed frame so the photo isn't stretched */
.aladdins-menu-item-detail .item-photo,
.menu-item-detail__media,
.menu-item-detail .item-image,
.single-item-image {
  overflow: hidden;
}
.aladdins-menu-item-detail .item-photo img,
.menu-item-detail__media img,
.menu-item-detail .item-image img,
.single-item-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* ========== 10. Hide leftover PHOTO COMING SOON placeholders ========== */
img[alt*="PHOTO COMING SOON" i],
img[alt*="Photo Coming Soon" i],
img[src*="photo-coming-soon" i],
img[src*="coming-soon" i] {
  /* kept as a fallback; PHP removes the Whole Cake placeholder */
}

/* ========== 11. Mobile pass ========== */
@media (max-width: 767px) {
  /* Eating Healthy title bars: full-bleed and centered */
  .elementor-element-49c249a,
  .elementor-element-57ea3c0,
  .elementor-element-4f1deb7,
  .elementor-element-b63527f {
    width: 100% !important;
    max-width: 100% !important;
  }
  .elementor-element-57ea3c0 .e-con,
  .elementor-element-49c249a .e-con {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .elementor-element-4297de0,
  .elementor-element-592178a,
  .elementor-element-57ea3c0 .elementor-heading-title,
  .elementor-element-49c249a .elementor-heading-title {
    width: 100% !important;
    text-align: center !important;
    left: 0 !important;
  }
  .elementor-element-57ea3c0 .elementor-widget-heading,
  .elementor-element-57ea3c0 .elementor-widget-heading .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Built by Family: photo full width, headings centered */
  .elementor-element-41b4fb4,
  .elementor-element-41b4fb4 img,
  .elementor-element-63a3603 {
    width: 100% !important;
    max-width: 100% !important;
  }
  .elementor-element-5ef287d,
  .elementor-element-9f825cd,
  .elementor-element-5ef287d .elementor-heading-title,
  .elementor-element-9f825cd .elementor-heading-title,
  .elementor-element-63a3603 {
    text-align: center !important;
    width: 100% !important;
  }
  .elementor-element-41b4fb4 img {
    object-fit: cover;
    object-position: center center;
  }

  /* Careers gold jump bar: use the full width, not a narrow centered stack */
  .elementor-element-65293de {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    justify-content: stretch !important;
  }
  .elementor-element-65293de .e-con,
  .elementor-element-8a7e9e3 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }
  .elementor-element-79bbbe8,
  .elementor-element-9e29056,
  .elementor-element-036ea7e,
  .elementor-element-79bbbe8 .elementor-heading-title,
  .elementor-element-9e29056 .elementor-heading-title,
  .elementor-element-036ea7e .elementor-heading-title {
    width: 100% !important;
    text-align: center !important;
  }

  /* Story column: keep cookie banner + scroll-top off the body copy */
  .page-id-34126 .elementor-element-d02ac8f {
    padding-bottom: 16px !important;
  }
  .page-id-34126 #ast-scroll-top,
  .page-id-34235 #ast-scroll-top {
    right: 16px !important;
    left: auto !important;
    bottom: 96px !important;
  }
}

/* Item 7 (refined): single menu item uses .mid-img / .mid-media */
.mid-img,
.mid-media img,
.mid-media picture img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  aspect-ratio: auto !important;
}
.mid-media {
  min-width: 0;
  max-width: 100%;
}
@media (max-width: 1024px) {
  .mid--image-right .mid-inner,
  .mid--image-left .mid-inner {
    align-items: start;
  }
  .mid-img {
    width: 100% !important;
    height: auto !important;
  }
}

/* Item 8: pad sections only when JS marks the back button visible */
body.mlp-has-backtosearch .mlp-section,
.mlp.has-backtosearch .mlp-section {
  padding-top: 80px !important;
}

/* Item 8: push the first row of cards below the fixed Back to search button */
body.mlp-has-backtosearch .mlp-section__title,
.mlp.has-backtosearch .mlp-section__title {
  margin-bottom: 72px !important;
}
body.mlp-has-backtosearch .mlp-items,
.mlp.has-backtosearch .mlp-items {
  padding-top: 8px !important;
}