/* ================= T-387 smugglers.miami restore shim =================
   1) reveal classes that depend on JS which no longer runs
   2) the RevSlider hero archived as an empty shell (dummy.png only, slide data
      lived in the DB) - it rendered visibility:hidden at full viewport height
      and pushed all real content below the fold
   3) popup + newsletter plugin CSS was never archived, so the popup markup
      dumps inline at the bottom of the page: a 2900px-tall unstyled Mailchimp
      form and a close-icon SVG blown up to full width. Keep it hidden, the way
      the plugin would have.
   4) centre the Elementor containers - frontend.min.css (which carries the
      container width/centering rules) was never archived; only the -lite build
      was, and it does not contain them.
   ===================================================================== */

/* --- 1. reveal ------------------------------------------------------- */
.elementor-invisible{visibility:visible!important;opacity:1!important;animation:none!important}
[data-settings*=animation]{opacity:1!important;visibility:visible!important}
.animated,[class*=wow]{animation:none!important;opacity:1!important;visibility:visible!important}
.nd_options_animation,.nd_options_animation_reveal{opacity:1!important;visibility:visible!important;transform:none!important}

/* --- 2. empty RevSlider hero ---------------------------------------- */
rs-module-wrap,rs-module,.rev_slider_wrapper,.forcefullwidth_wrapper_tp_banner{
  display:none!important;height:0!important;min-height:0!important;overflow:hidden!important}

/* --- 3. orphaned popup / newsletter markup --------------------------- */
.paoc-popup,.paoc-cb-popup-body,.paoc-wrap,.paoc-modal-popup,
[class*=paoc-popup-],#mc_embed_shell,#mc_embed_signup,
.paoc-popup-close,.paoc-close,[class*=paoc-close]{
  display:none!important;visibility:hidden!important;height:0!important;
  max-height:0!important;overflow:hidden!important;position:absolute!important;
  left:-9999px!important;width:0!important}

/* any stray oversized inline SVG (the popup close icon rendered at 1400px) */
body > svg,.paoc-wrap svg{display:none!important}
svg:not([width]):not([viewBox]){max-width:48px!important;max-height:48px!important}

/* --- 4. layout: centre the boxed containers -------------------------- */
.elementor-section-boxed > .elementor-container{
  margin-left:auto!important;margin-right:auto!important;max-width:1200px!important}
.elementor-section.elementor-section-stretched{width:100%!important;left:0!important}
.elementor-container{margin-left:auto;margin-right:auto}
.nd_options_container{margin-left:auto!important;margin-right:auto!important;
  max-width:1200px!important;float:none!important}
.elementor-row,.elementor-container{width:100%}
.elementor-column{flex:1 1 auto}

/* footer + header full-bleed */
footer,.nd_options_footer,.elementor-location-footer{width:100%!important}

/* --- 5. collapse the emptied Instagram feed section ------------------- */
#sb_instagram,.sbi_wrap,[id^=sb_instagram],.sb_instagram_header{
  display:none!important;height:0!important;min-height:0!important}

/* --- 6. full-bleed bands for header/footer/announcement --------------- */
.elementor-section.elementor-section-stretched,
.elementor-top-section:first-of-type,
.nd_options_footer,.elementor-location-footer{
  width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
.elementor-section.elementor-section-stretched > .elementor-container,
.nd_options_footer > .elementor-container{
  max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}

/* --- 7. collapse the emptied social section -------------------------- */
/* the Instagram feed was removed (it hotlinked the closed business's live
   social images); its heading + empty container left a tall blank gap */
.elementor-widget-heading:has(+ * #sb_instagram),
.elementor-section:has(#sb_instagram),
.elementor-section:has(.sbi_wrap){display:none!important}

/* --- 8. nd_elements list thumbnails ---------------------------------- */
/* The Butcher theme's own CSS (which sized these) was never archived, so the
   absolutely-positioned dish thumbnails rendered at full container width and
   covered the menu text. Restore sane thumbnail geometry AND indent the text
   block so the two no longer overlap. */
.nd_elements_list_component{position:relative!important;min-height:96px;margin-bottom:18px}
.nd_elements_list_component_image{
  position:absolute!important;top:0!important;left:0!important;
  width:88px!important;height:88px!important;object-fit:cover!important;
  border-radius:6px!important;z-index:1}
/* the text column must clear the absolute thumbnail */
.nd_elements_list_component .nd_elements_list_component_content{
  position:relative!important;z-index:2;padding-left:106px!important;
  background:transparent}

@media(max-width:767px){
  .nd_elements_list_component_image{position:relative!important;width:100%!important;
    height:180px!important;margin-bottom:10px}
  .nd_elements_list_component .nd_elements_list_component_content{padding-left:0!important}
}


/* --- 9. hero section vertical rhythm --------------------------------- */
/* Only the welcome section is oversized: 100px top / 80px bottom padding
   left over from the original layout (a full-bleed slider used to sit above
   it). Every other band on the page is correctly sized by its own content,
   so scope this tightly instead of touching .elementor-top-section broadly. */
.elementor-section.elementor-top-section.elementor-section-boxed:has(.elementor-col-50){
  padding-top:52px!important;padding-bottom:40px!important}

/* the two hero columns are equal height; centre their content vertically so
   the shorter text column does not leave a void beside the tall image */
.elementor-section.elementor-top-section:has(.elementor-col-50)
  .elementor-column.elementor-col-50 > .elementor-widget-wrap{
  align-content:center;justify-content:center}

/* --- 10. drop leftover empty widget wrappers ------------------------- */
/* the footer phone heading was removed together with the scrubbed number */
.elementor-widget-heading:empty,.elementor-widget-container:empty,
.elementor-widget:empty{display:none!important;margin:0!important;padding:0!important}

/* --- 11. collapse containers whose content we removed ----------------- */
/* The RevSlider hero and the Instagram feed were stripped (empty archived
   shell / live third-party refetch). Their Elementor section + column +
   widget wrappers survive with fixed heights and render as tall white gaps.
   :has() lets us collapse a wrapper only when it has no real content left. */
.elementor-section:not(:has(img)):not(:has(p)):not(:has(h1,h2,h3,h4,h5,h6)):not(:has(input)):not(:has(a)):not(:has(.elementor-widget-text-editor)):not(:has(.elementor-widget-heading)){
  display:none!important}
.elementor-widget-wrap:empty,.elementor-column:empty{display:none!important}

/* the slider placeholders keep a reserved height even when emptied */
.elementor-widget-slider_revolution,.elementor-widget-wp-widget-revslider,
[class*=elementor-widget-slider]{display:none!important;height:0!important;min-height:0!important}
.elementor-widget-sb_instagram_feed,[class*=elementor-widget-instagram]{display:none!important}