.elementor-4101 .elementor-element.elementor-element-19bf4ed{--display:flex;--min-height:540px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:flex-start;--overlay-opacity:0.5;}.elementor-4101 .elementor-element.elementor-element-19bf4ed:not(.elementor-motion-effects-element-type-background), .elementor-4101 .elementor-element.elementor-element-19bf4ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.infernohookahlounge.com/wp-content/uploads/2025/11/HOOKAHS-1.png");background-position:center center;background-repeat:no-repeat;}.elementor-4101 .elementor-element.elementor-element-19bf4ed::before, .elementor-4101 .elementor-element.elementor-element-19bf4ed > .elementor-background-video-container::before, .elementor-4101 .elementor-element.elementor-element-19bf4ed > .e-con-inner > .elementor-background-video-container::before, .elementor-4101 .elementor-element.elementor-element-19bf4ed > .elementor-background-slideshow::before, .elementor-4101 .elementor-element.elementor-element-19bf4ed > .e-con-inner > .elementor-background-slideshow::before, .elementor-4101 .elementor-element.elementor-element-19bf4ed > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-4101 .elementor-element.elementor-element-2b949bc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-4101 .elementor-element.elementor-element-440ee0e{font-family:"Arcane Nine", Sans-serif;font-size:35px;font-weight:100;color:#FFFFFF;}.elementor-4101 .elementor-element.elementor-element-e32c561{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:40px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-4101 .elementor-element.elementor-element-d283cc7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:30px 30px 30px 30px;box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.4);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-4101 .elementor-element.elementor-element-d283cc7:not(.elementor-motion-effects-element-type-background), .elementor-4101 .elementor-element.elementor-element-d283cc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F0F;}.elementor-4101 .elementor-element.elementor-element-ac5b71d{width:100%;max-width:100%;}.elementor-4101 .elementor-element.elementor-element-ac5b71d img{border-radius:20px 20px 20px 20px;}body.elementor-page-4101:not(.elementor-motion-effects-element-type-background), body.elementor-page-4101 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-4101 .elementor-element.elementor-element-2b949bc{--width:50%;}.elementor-4101 .elementor-element.elementor-element-d283cc7{--width:400px;}}@media(max-width:767px){.elementor-4101 .elementor-element.elementor-element-19bf4ed:not(.elementor-motion-effects-element-type-background), .elementor-4101 .elementor-element.elementor-element-19bf4ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.infernohookahlounge.com/wp-content/uploads/2025/12/Untitled-design-5.png");background-position:center center;background-size:cover;}.elementor-4101 .elementor-element.elementor-element-19bf4ed{--justify-content:flex-end;--overlay-opacity:0.5;}.elementor-4101 .elementor-element.elementor-element-440ee0e{text-align:start;font-size:20px;}.elementor-4101 .elementor-element.elementor-element-e32c561{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}}/* Start custom CSS *//* ====== Sticky Wrapper ====== */
.menu-scroll-wrapper {
  position: sticky;
  top: 70px; /* adjust this based on your header height */
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  padding: 10px 0;
  overflow: visible;
}

/* ====== Scrollable Button Row ====== */
#menu-nav.menu-buttons {
  display: flex;
  align-items: center;
  gap: 14px;
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#menu-nav.menu-buttons::-webkit-scrollbar { display: none; }

/* ====== Buttons ====== */
.menu-btn {
  flex: 0 0 auto;
  border: none;
  background: transparent;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.25s ease;
  padding: 8px 14px;
  line-height: 1;
}

/* Hover + Active */
.menu-btn:hover {
  color: #D4A531;
}
.menu-btn.active {
  color: #D4A531 !important;
}

/* ====== Arrows ====== */
.menu-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #ffffff;
  font-size: 22px;
  width: 38px;
  height: 38px;
  cursor: pointer;
  transition: color 0.25s ease, transform 0.25s ease;
  margin: 0 4px;
}
.menu-arrow:hover {
  color: #D4A531;
}
.menu-arrow:active {
  transform: scale(0.9);
}

/* Hide arrows on desktop */
@media (min-width: 769px) {
  .menu-arrow { display: none; }
}

/* Mobile adjustments */
@media (max-width: 768px) {
  #menu-nav.menu-buttons { flex-wrap: nowrap; }
}

/* 🔥 REMOVE ELEMENTOR'S PINK HOVER BACKGROUND / FOCUS STATES */
.menu-btn,
.menu-btn:focus,
.menu-btn:active,
.menu-btn:hover {
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Keep gold hover color only */
.menu-btn:hover {
  color: #D4A531 !important;
  border-color: transparent !important;
}

/* Keep active state gold */
.menu-btn.active {
  color: #D4A531 !important;
}

/* 🔥 REMOVE PINK HOVER BACKGROUND FROM ARROWS */
.menu-arrow,
.menu-arrow:hover,
.menu-arrow:focus,
.menu-arrow:active {
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
}

/* Default + Hover behavior */
.menu-arrow {
  color: #ffffff;
  font-size: 22px;
  transition: color 0.3s ease, transform 0.2s ease;
}

.menu-arrow:hover {
  color: #D4A531 !important;
  transform: scale(1.05);
}

.menu-arrow:active {
  transform: scale(0.9);
}

/* Base styling */
.menu-card {
    transition: all 0.35s ease;
    border-radius: 22px;
    background: #0b0b0b; /* helps glow stand out */
    box-shadow:
        inset 0 0 12px rgba(212,165,49,0.15),  /* soft inner glow */
        0 0 0 rgba(212,165,49,0);              /* no outer glow initially */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Arcane Nine';
	font-display: auto;
	src: url('https://www.infernohookahlounge.com/wp-content/uploads/2025/07/Arcane-Nine.ttf') format('truetype');
}
/* End Custom Fonts CSS */