.elementor-26 .elementor-element.elementor-element-80e2a2b{--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 1px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:2.5rem;--padding-right:2.5rem;--z-index:999;}.elementor-26 .elementor-element.elementor-element-80e2a2b:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-80e2a2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-26 .elementor-element.elementor-element-52678c0{text-align:start;}.elementor-26 .elementor-element.elementor-element-52678c0 img{width:159px;}.elementor-26 .elementor-element.elementor-element-8ca27eb{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-26 .elementor-element.elementor-element-885c5b6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 2rem / 2 );}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-menu-toggle{margin:0 auto;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu .elementor-item{font-family:"Aeonik Medium", Sans-serif;font-size:1.063rem;font-weight:500;line-height:2.2px;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--main .elementor-item{color:#0B0B0D;fill:#0B0B0D;padding-left:0px;padding-right:0px;padding-top:16px;padding-bottom:16px;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#5C0222;}.elementor-26 .elementor-element.elementor-element-885c5b6 .e--pointer-framed .elementor-item:before,
					.elementor-26 .elementor-element.elementor-element-885c5b6 .e--pointer-framed .elementor-item:after{border-color:#5C0222;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#5C0222;}.elementor-26 .elementor-element.elementor-element-885c5b6 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-26 .elementor-element.elementor-element-885c5b6 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#5C0222;}.elementor-26 .elementor-element.elementor-element-885c5b6 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-26 .elementor-element.elementor-element-885c5b6 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-26 .elementor-element.elementor-element-885c5b6 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-26 .elementor-element.elementor-element-885c5b6 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-26 .elementor-element.elementor-element-885c5b6 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-26 .elementor-element.elementor-element-885c5b6 .e--pointer-underline .elementor-item:after,
					 .elementor-26 .elementor-element.elementor-element-885c5b6 .e--pointer-overline .elementor-item:before,
					 .elementor-26 .elementor-element.elementor-element-885c5b6 .e--pointer-double-line .elementor-item:before,
					 .elementor-26 .elementor-element.elementor-element-885c5b6 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:2rem;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown a, .elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-menu-toggle{color:#0B0B0D;fill:#0B0B0D;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-style:solid;border-width:0px 0px 3px 0px;border-color:#5C0222;border-radius:12px 12px 12px 12px;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown a:hover,
					.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown a:focus,
					.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-menu-toggle:hover,
					.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-menu-toggle:focus{color:#0B0B0D;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown a:hover,
					.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown a:focus,
					.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown a.elementor-item-active{color:#0B0B0D;background-color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown .elementor-item, .elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Aeonik Medium", Sans-serif;font-size:1.063rem;font-weight:500;letter-spacing:2.2px;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:12px;border-top-right-radius:12px;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:12px;border-bottom-left-radius:12px;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown a{padding-left:3px;padding-right:3px;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#DDE2E8;border-bottom-width:1px;}.elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-26 .elementor-element.elementor-element-885c5b6 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:10px !important;}.elementor-26 .elementor-element.elementor-element-40ce1ba .elementor-menu-toggle{margin:0 auto;}.elementor-26 .elementor-element.elementor-element-40ce1ba .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-26 .elementor-element.elementor-element-40ce1ba .elementor-nav-menu--main .elementor-item:hover,
					.elementor-26 .elementor-element.elementor-element-40ce1ba .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-26 .elementor-element.elementor-element-40ce1ba .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-26 .elementor-element.elementor-element-40ce1ba .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-26 .elementor-element.elementor-element-40ce1ba .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-26 .elementor-element.elementor-element-40ce1ba .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#000000;}.elementor-26 .elementor-element.elementor-element-40ce1ba .e--pointer-framed .elementor-item:before,
					.elementor-26 .elementor-element.elementor-element-40ce1ba .e--pointer-framed .elementor-item:after{border-color:#000000;}.elementor-26 .elementor-element.elementor-element-40ce1ba .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-26 .elementor-element.elementor-element-40ce1ba .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-26 .elementor-element.elementor-element-40ce1ba .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#000000;}.elementor-26 .elementor-element.elementor-element-40ce1ba .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-26 .elementor-element.elementor-element-40ce1ba .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-26 .elementor-element.elementor-element-2ba72e5 .elementor-heading-title{color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-26 .elementor-element.elementor-element-1227979 .elementor-button{background-color:#FFFFFF;font-family:"Aeonik Medium", Sans-serif;font-size:0.9rem;font-weight:500;text-transform:uppercase;line-height:1.2rem;letter-spacing:0.02em;fill:#000000;color:#000000;transition-duration:1s;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:0.875rem 1.4rem 0.875rem 1.4rem;}.elementor-26 .elementor-element.elementor-element-1227979 .elementor-button:hover, .elementor-26 .elementor-element.elementor-element-1227979 .elementor-button:focus{background-color:#FFFFFF00;color:#FFFFFF;border-color:#FFFFFF;box-shadow:0px 0px 15px 0px rgba(208, 166, 94, 0.48);}.elementor-26 .elementor-element.elementor-element-1227979 .elementor-button:hover svg, .elementor-26 .elementor-element.elementor-element-1227979 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-8ca27eb{--width:52%;}}@media(max-width:1024px){.elementor-26 .elementor-element.elementor-element-80e2a2b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1.563rem;--padding-right:1.563rem;}.elementor-26 .elementor-element.elementor-element-1227979 .elementor-button{font-size:0.875rem;line-height:1rem;padding:0.80rem 1.7rem 0.80rem 1.7rem;}}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-80e2a2b{--padding-top:0.8rem;--padding-bottom:0.8rem;--padding-left:1rem;--padding-right:1rem;}.elementor-26 .elementor-element.elementor-element-52678c0{text-align:center;}.elementor-26 .elementor-element.elementor-element-52678c0 img{width:130px;}}/* Start custom CSS for container, class: .elementor-element-80e2a2b *//* 🔹 Normal Header: background image + black overlay */
.Header-Stickto {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;

  background-image: url('https://khalijiarestaurante.es/wp-content/uploads/2026/01/Otra-3-scaled.webp');
  background-size: cover !important;
  background-position: center left !important;
  background-repeat: no-repeat !important;

  transition: 
    background-color 0.6s ease, 
    box-shadow 0.4s ease, 
    top 0.4s ease-in-out;

  backdrop-filter: none;
}

/* 🔹 Black overlay ABOVE image */
.Header-Stickto::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.);
  z-index: 0;
}

/* 🔹 Keep header content above overlay */
.Header-Stickto > * {
  position: relative;
  z-index: 1;
}

/* 🔸 Sticky Header (after scroll) — blurred & darkened */
.elementor-sticky--effects.Header-Stickto {
  background-image: none !important;
  background-color: rgba(11, 11, 13, 0.55) !important;

  -webkit-backdrop-filter: blur(14px) brightness(0.7) !important;
  backdrop-filter: blur(14px) brightness(0.7) !important;

  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.35) !important;
  color: #ffffff !important;

  transition: 
    background-color 0.3s ease, 
    backdrop-filter 0.3s ease;
}

/* 🔸 Disable overlay when sticky */
.elementor-sticky--effects.Header-Stickto::before {
  opacity: 0;
}

/* 🔻 Hidden State (scroll down) */
.Header-Stickto.hidden {
  top: -90px;
  transition: top 0.4s ease-in-out;
}



/* remove header bg image from home page */

/* 🚫 Remove header background image ONLY on Home page (page ID 1347) */
body.page-id-1347 .Header-Stickto {
  background-image: none !important;
  background-color: transparent !important;
}

/* 🚫 Remove overlay on Home page */
body.page-id-1347 .Header-Stickto::before {
  display: none !important;
}




/* ===============================
   STICKY MODE ONLY — MENU WHITE
================================ */

/* Main menu items */
.elementor-sticky--effects.Header-Stickto
.elementor-nav-menu--main .elementor-item {
  color: #ffffff !important;
}

/* Hover & active state */
.elementor-sticky--effects.Header-Stickto
.elementor-nav-menu--main .elementor-item:hover,
.elementor-sticky--effects.Header-Stickto
.elementor-nav-menu--main .elementor-item.elementor-item-active {
  color: #ffffff !important;
}

/* ===============================
   STICKY MODE — DROPDOWN ICON
================================ */

/* Dropdown arrow (Font Awesome / Elementor icon) */
.elementor-sticky--effects.Header-Stickto
.elementor-nav-menu--main .elementor-item::after {
  color: #ffffff !important;
}

/* If using SVG icon (Elementor newer versions) */
.elementor-sticky--effects.Header-Stickto
.elementor-nav-menu--main svg {
  fill: #ffffff !important;
}/* End custom CSS */