.elementor-kit-5{--e-global-color-primary:#F8F7F1;--e-global-color-secondary:#192A49;--e-global-color-text:#D6E9EE;--e-global-color-accent:#ABC1C7;--e-global-typography-primary-font-family:"Nightingale";--e-global-typography-primary-font-size:70px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-letter-spacing:0.5px;--e-global-typography-secondary-font-family:"Nightingale";--e-global-typography-secondary-font-size:50px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-letter-spacing:0.5px;--e-global-typography-text-font-family:"Elza Regular";--e-global-typography-text-font-size:21px;--e-global-typography-text-font-weight:400;--e-global-typography-text-letter-spacing:0.5px;--e-global-typography-accent-font-family:"Elza Regular";--e-global-typography-accent-font-size:17px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-letter-spacing:0.5px;background-color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-header-icons-size:0px;--lightbox-navigation-icons-size:0px;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//***************************************************
====================================================
=  VIDEO PRELOADER CODE                           =
====================================================
***************************************************/
#video-preloader {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(25, 42, 73, 0.9); /* slightly see-through blue */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  transition: none; /* no transition for instant removal */
  will-change: opacity, visibility;
}

/* background behind video */
#video-preloader .preloader-bg {
  position: absolute;
  inset: 0;
  background: rgba(25, 42, 73, 0.9);
  z-index: 1;
}

/* video layer */
#video-preloader .preloader-video,
#video-preloader video {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: rgba(25, 42, 73, 0.9);
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* disable scroll while preloader active */
body:not(.loaded) { overflow: hidden; }

/* instantly remove preloader when loaded */
body.loaded #video-preloader {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: none; /* instant hide */
}

/* make hero section visible immediately */
body.loaded .elementor-section:first-of-type {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

/* Adjust zoom focus toward the oval’s position */
.oval-zoom-fix {
  transform-origin: 50% center !important; /* adjust the X value */
}

/* optional: smoother GPU rendering */
.oval-zoom-fix.elementor-motion-effects-element {
  will-change: transform;
  transform-style: preserve-3d;
}

.oval-zoom-fix.elementor-motion-effects-element {
  transition: transform 0.3s ease-out;
  transform-origin: center 45% !important;
}

/***********************END************************\



/***************************************************
====================================================
= MIMPI HEADER - "Unified Transitions"             =
====================================================
***************************************************/


/* -------------------------------------------------
  0. GLOBAL VARIABLES
------------------------------------------------- */
:root {
    --mimpi-header-height: 90px;
    --mimpi-search-height: 60px;
    
    --mimpi-header-z: 99999;
    --mimpi-panels-z: 99990;
    --mimpi-overlay-z: 99900;
    
    --mimpi-slide-duration: 0.65s; /* Your "slow" luxury speed */
    --mimpi-open-delay: 0.15s;   /* Your "tiny bit of time" delay */
    --mimpi-bezier: cubic-bezier(0.23, 1, 0.32, 1); /* Smooth ease-out */
}


/* -------------------------------------------------
  1. FIXED HEADER
------------------------------------------------- */
.mimpi-header-section {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--mimpi-header-height) !important;
    z-index: var(--mimpi-header-z) !important;
    overflow: visible !important;
    
    /* Smooth transition for color change */
    transition: background-color .3s ease-out, color .3s ease-out;
}


/* -------------------------------------------------
  1.5 HEADER COLOR CHANGE
------------------------------------------------- */
body.mimpi-overlay-active .mimpi-header-section {
    /* Set your "open" header styles here */
    background-color: #F8F7F1;
    color: #1a1a1a;
}


/* -------------------------------------------------
  2. BASE PANEL SETUP (Search + Menu)
  This is the "CLOSED" state.
------------------------------------------------- */
.mimpi-search-panel-wrap,
.mimpi-menu-panel-wrap {
    position: fixed !important;
    left: 0;
    width: 100%;
    z-index: var(--mimpi-panels-z) !important;

    /* Closed state values */
    max-height: 0;
    visibility: hidden;
    pointer-events: none;

    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important; /* CRITICAL for max-height */
    backface-visibility: hidden;
}


/* -------------------------------------------------
  3. SEARCH PANEL POSITION & "CLOSING" ANIMATION
------------------------------------------------- */
.mimpi-search-panel-wrap {
    top: var(--mimpi-header-height) !important;
    height: var(--mimpi-search-height) !important;
    
    /* "CLOSING" animation - UNIFIED LIST */
    transition-property: max-height, visibility, top;
    transition-duration: var(--mimpi-slide-duration), 0s, var(--mimpi-slide-duration);
    transition-timing-function: var(--mimpi-bezier), linear, var(--mimpi-bezier);
    transition-delay: 0s, var(--mimpi-slide-duration), 0s; /* Hide AFTER slide */
}


/* -------------------------------------------------
  4. SEARCH — OPEN STATE & "OPENING" ANIMATION
------------------------------------------------- */
.mimpi-search-panel-wrap.open {
    max-height: var(--mimpi-search-height) !important;
    visibility: visible;
    pointer-events: auto !important;

    /* "OPENING" animation - UNIFIED LIST */
    transition-property: max-height, visibility, top;
    transition-duration: var(--mimpi-slide-duration), 0s, var(--mimpi-slide-duration);
    transition-timing-function: var(--mimpi-bezier), linear, var(--mimpi-bezier);
    transition-delay: var(--mimpi-open-delay), 0s, 0s; /* Slide AFTER delay */
}


/* -------------------------------------------------
  5. MENU — BASE POSITION & "CLOSING" ANIMATION
------------------------------------------------- */
.mimpi-menu-panel-wrap {
    top: var(--mimpi-header-height) !important;
    
    /* "CLOSING" animation - UNIFIED LIST */
    /* This rule handles the "gap" fix when search closes */
    transition-property: max-height, visibility, top;
    transition-duration: var(--mimpi-slide-duration), 0s, var(--mimpi-slide-duration);
    transition-timing-function: var(--mimpi-bezier), linear, var(--mimpi-bezier);
    transition-delay: 0s, var(--mimpi-slide-duration), 0s; /* Hide AFTER slide */
}


/* -------------------------------------------------
  6. WHEN SEARCH IS OPEN → SET MENU 'TOP'
------------------------------------------------- */
.mimpi-search-panel-wrap.open ~ .mimpi-menu-panel-wrap {
    top: calc(var(--mimpi-header-height) + var(--mimpi-search-height)) !important;
}


/* -------------------------------------------------
  7. MENU — OPEN STATE (SEARCH IS CLOSED)
------------------------------------------------- */
.mimpi-menu-panel-wrap.open {
    max-height: 2000px !important;
    visibility: visible;
    pointer-events: auto !important;

    /* "OPENING" animation (Menu only) - UNIFIED LIST */
    transition-property: max-height, visibility, top;
    transition-duration: var(--mimpi-slide-duration), 0s, var(--mimpi-slide-duration);
    transition-timing-function: var(--mimpi-bezier), linear, var(--mimpi-bezier);
    transition-delay: var(--mimpi-open-delay), 0s, 0s; /* Slide AFTER delay */
}


/* -------------------------------------------------
  7.5. MENU — OPEN STATE (SEARCH IS *ALSO* OPEN)
------------------------------------------------- */
.mimpi-search-panel-wrap.open ~ .mimpi-menu-panel-wrap.open {
    /* This rule is more specific and overrides Section 7 */
    /* "OPENING" animation (Menu + Search) - UNIFIED LIST */
    transition-property: max-height, visibility, top;
    transition-duration: var(--mimpi-slide-duration), 0s, var(--mimpi-slide-duration);
    transition-timing-function: var(--mimpi-bezier), linear, var(--mimpi-bezier);
    transition-delay: var(--mimpi-open-delay), 0s, var(--mimpi-open-delay); /* Slide AFTER delay */
}


/* -------------------------------------------------
  8. REMOVE ELEMENTOR CLIPPING
------------------------------------------------- */
.mimpi-search-panel-inner,
.mimpi-menu-panel-inner,
.elementor-container,
.elementor-section,
.elementor-column,
.mdw-side-menu-area {
    overflow: visible !important;
}


/* -------------------------------------------------
  9. OVERLAY & BODY SCROLL LOCK
------------------------------------------------- */
body.mimpi-overlay-active {
    overflow: hidden !important; /* Prevent website scrolling */
}

body.mimpi-overlay-active::after {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(4px);
    z-index: var(--mimpi-overlay-z);
}


/* -------------------------------------------------
  10. MENU STAGGER ANIMATION (MENU ITEMS)
------------------------------------------------- */
.mimpi-menu-panel-inner .elementor-column,
.mimpi-menu-panel-inner .elementor-widget {
    opacity: 0;
    transform: translateY(10px);
    transition:
        opacity .45s ease-out,
        transform .55s cubic-bezier(.25,.8,.25,1);
}

.mimpi-menu-panel-wrap.open .elementor-column,
.mimpi-menu-panel-wrap.open .elementor-widget {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger items *after* the panel has slid open */
.mimpi-menu-panel-wrap.open .elementor-column:nth-child(1) { transition-delay: .20s; }
.mimpi-menu-panel-wrap.open .elementor-column:nth-child(2) { transition-delay: .25s; }
.mimpi-menu-panel-wrap.open .elementor-column:nth-child(3) { transition-delay: .30s; }
.mimpi-menu-panel-wrap.open .elementor-column:nth-child(4) { transition-delay: .35s; }

.mimpi-menu-panel-wrap.open .elementor-widget:nth-child(1) { transition-delay: .40s; }
.mimpi-menu-panel-wrap.open .elementor-widget:nth-child(2) { transition-delay: .45s; }
.mimpi-menu-panel-wrap.open .elementor-widget:nth-child(3) { transition-delay: .50s; }
.mimpi-menu-panel-wrap.open .elementor-widget:nth-child(4) { transition-delay: .55s; }
.mimpi-menu-panel-wrap.open .elementor-widget:nth-child(5) { transition-delay: .60s; }

/***********************END************************\


/***************************************************
====================================================
=  MIMPI HEADER — TRANSITION CSS                   =
=  Transparent / Blur / Solid White                =
=  Logo Swap / Icon Swap / CTA Swap                =
====================================================
***************************************************/


/* ------------------------------------------------
   0. GENERAL HEADER TRANSITIONS
--------------------------------------------------*/
.mimpi-header-section {
  transition:
    background .35s ease,
    backdrop-filter .35s ease,
    color .35s ease,
    top .45s ease;
}


/***************************************************
====================================================
= 1. TRANSPARENT HEADER — TOP OF PAGE              =
====================================================
***************************************************/
.mimpi-header-section.header-light {
  background: transparent !important;
  backdrop-filter: none !important;
  color: #F8F7F1 !important;
}

/* Logo swap */
.mimpi-header-section.header-light .mimpi-logo .logo-light { opacity: 1; }
.mimpi-header-section.header-light .mimpi-logo .logo-dark  { opacity: 0; }

/* Icons + nav links → white */
.mimpi-header-section.header-light a,
.mimpi-header-section.header-light i,
.mimpi-header-section.header-light svg,
.mimpi-header-section.header-light .mdw-side-menu-button svg line,
.mimpi-header-section.header-light .popup-search-toggle svg * {
  color: #F8F7F1 !important;
  stroke: #F8F7F1 !important;
  fill: #F8F7F1 !important;
}

/* CTA Button → white */
.mimpi-header-section.header-light .mimpi-header-cta .elementor-button {
  border: 1px solid #F8F7F1 !important;
  color: #F8F7F1 !important;
}
.mimpi-header-section.header-light .mimpi-header-cta svg path {
  stroke: #F8F7F1 !important;
}


/***************************************************
====================================================
= 2. BLUR HEADER — SCROLLED DOWN                   =
====================================================
***************************************************/
.mimpi-header-section.header-blur {
  background: #192A49BD !important;
  backdrop-filter: blur(10px);
  color: #F8F7F1 !important;
}

/* Logo remains white */
.mimpi-header-section.header-blur .mimpi-logo .logo-light { opacity: 1; }
.mimpi-header-section.header-blur .mimpi-logo .logo-dark  { opacity: 0; }

/* Icons + text → white */
.mimpi-header-section.header-blur a,
.mimpi-header-section.header-blur i,
.mimpi-header-section.header-blur svg,
.mimpi-header-section.header-blur .mdw-side-menu-button svg line,
.mimpi-header-section.header-blur .popup-search-toggle svg * {
  color: #F8F7F1 !important;
  stroke: #F8F7F1 !important;
  fill: #F8F7F1 !important;
}

/* CTA → white */
.mimpi-header-section.header-blur .mimpi-header-cta .elementor-button {
  border: 1px solid #F8F7F1 !important;
  color: #F8F7F1 !important;
}
.mimpi-header-section.header-blur .mimpi-header-cta svg path {
  stroke: #F8F7F1 !important;
}


/***************************************************
====================================================
= 3. SOLID HEADER (Menu/Search open only)          =
====================================================
***************************************************/
.mimpi-header-section.header-dark {
  background: #F8F7F1 !important;
  color: #192A49 !important;
  backdrop-filter: none !important;
}

/* Dark logo */
.mimpi-header-section.header-dark .mimpi-logo .logo-light { opacity: 0; }
.mimpi-header-section.header-dark .mimpi-logo .logo-dark  { opacity: 1; }

/* Icons → navy */
.mimpi-header-section.header-dark a,
.mimpi-header-section.header-dark i,
.mimpi-header-section.header-dark svg,
.mimpi-header-section.header-dark .mdw-side-menu-button svg line,
.mimpi-header-section.header-dark .popup-search-toggle svg * {
  color: #192A49 !important;
  stroke: #192A49 !important;
  fill: #192A49 !important;
}

/* CTA → navy */
.mimpi-header-section.header-dark .mimpi-header-cta .elementor-button {
  border: 1px solid #192A49 !important;
  color: #192A49 !important;
}
.mimpi-header-section.header-dark .mimpi-header-cta svg path {
  stroke: #192A49 !important;
}


/***************************************************
====================================================
= 4. APPLY COLOR STATES TO INNER CONTENT           =
====================================================
***************************************************/
.mimpi-header-section.header-light .mimpi-header-inner,
.mimpi-header-section.header-light .mimpi-header-inner * {
  color: #F8F7F1 !important;
  stroke: #F8F7F1 !important;
  fill: #F8F7F1 !important;
}

.mimpi-header-section.header-blur .mimpi-header-inner,
.mimpi-header-section.header-blur .mimpi-header-inner * {
  color: #F8F7F1 !important;
  stroke: #F8F7F1 !important;
  fill: #F8F7F1 !important;
}

.mimpi-header-section.header-dark .mimpi-header-inner,
.mimpi-header-section.header-dark .mimpi-header-inner * {
  color: #192A49 !important;
  stroke: #192A49 !important;
  fill: #192A49 !important;
}


/***************************************************
====================================================
= 5. HEADER HIDE ON SCROLL                         =
====================================================
***************************************************/
.mimpi-header-section.header-hidden {
  top: -90px !important;
}


/***************************************************
====================================================
= 6. PAGE OVERLAY WHEN PANEL OPEN                  =
====================================================
***************************************************/
body.mimpi-overlay-active::after {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  backdrop-filter: blur(4px);
  z-index: 99900;
}


/***************************************************
====================================================
= 7. LOGO STACKING & VISIBILITY FIX                =
====================================================
***************************************************/
.mimpi-logo {
  position: relative;
  display: flex;
  align-items: center;
  height: 35px !important;
}

.mimpi-logo img {
  height: 100% !important;
  width: auto !important;
  position: absolute;
  inset: 0;
  transition: opacity .35s ease;
  pointer-events: none;
}


/***************************************************
====================================================
= 8. REMOVE FOCUS OUTLINE ON MENU/SEARCH BUTTONS   =
====================================================
***************************************************/
.mimpi-header-section .popup-search-toggle:focus,
.mimpi-header-section .mdw-side-menu-button:focus {
  outline: none !important;
  box-shadow: none !important;
}


/***************************************************
====================================================
= 9. NAV MENU UNDERLINE (SAFE VERSION)             =
====================================================
***************************************************/
.mimpi-header-inner .e-n-menu-item .e-n-menu-title-container {
  position: relative;
  display: inline-block;
}

.mimpi-header-inner .e-n-menu-item .e-n-menu-title-container::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 1px;
  width: 100%;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .35s ease;
}

.mimpi-header-inner .e-n-menu-item:hover .e-n-menu-title-container::after {
  transform: scaleX(1);
}


/* ------------------------------
  PATCH: underline + CTA hover fixes
  Paste AFTER your existing header CSS
------------------------------ */

/* 1) Ensure menu link text is visible in header-dark and can show underline
   (force color on the menu title container so pseudo-element uses currentColor) */
.mimpi-header-section .e-n-menu-item .e-n-menu-title-container,
.mimpi-header-section .e-n-menu-item .e-n-menu-title-container .e-n-menu-title-text {
  color: inherit !important;
  opacity: 1 !important;
}

/* 2) Stronger underline rules scoped to header so it works in every state */
.mimpi-header-section .e-n-menu-item .e-n-menu-title-container {
  position: relative;
  display: inline-block;
  padding-bottom: 2px; /* gives a little breathing room for the underline */
}

.mimpi-header-section .e-n-menu-item .e-n-menu-title-container::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: currentColor;        /* follows the link color */
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .28s cubic-bezier(.2,.9,.2,1), opacity .2s ease;
  opacity: 0;
  pointer-events: none;
}

/* Hover shows underline in ALL header states (light / blur / dark) */
.mimpi-header-section .e-n-menu-item .e-n-menu-title-container:hover::after,
.mimpi-header-section .e-n-menu-item .e-n-menu-title-container:focus::after {
  transform: scaleX(1);
  opacity: 1;
}

/* 3) When menu is open (header-dark) make sure menu titles explicitly get navy color */
.mimpi-header-section.header-dark .e-n-menu-item .e-n-menu-title-container,
.mimpi-header-section.header-dark .e-n-menu-item .e-n-menu-title-container .e-n-menu-title-text {
  color: #192A49 !important;
}

/* Also when header is light/blur (white text) keep hover still usable -
   underline will be white by default, but on hover we want to show it clearly.
   (If you prefer a different hover underline color in header-light, override below.) */
.mimpi-header-section.header-light .e-n-menu-item .e-n-menu-title-container,
.mimpi-header-section.header-blur .e-n-menu-item .e-n-menu-title-container {
  color: #F8F7F1 !important;
}

/* 4) CTA (TALK TO TRAVEL DESIGNER) hover behaviour:
   - In header-dark (menu open) CTA should be navy (already handled elsewhere), this reinforces it.
   - In header-light / header-blur (closed menu) hover should switch CTA text & border to navy.
*/
.mimpi-header-section.header-dark .mimpi-header-cta .elementor-button,
.mimpi-header-section.header-dark .mimpi-header-cta .elementor-button:hover {
  color: #D6E9EE !important;
  border-color: #192A49 !important;
}

.mimpi-header-section.header-light .mimpi-header-cta .elementor-button:hover,
.mimpi-header-section.header-blur .mimpi-header-cta .elementor-button:hover {
  color: #192A49 !important;
  border-color: #192A49 !important;
}

/* Make sure the CTA has an explicit transparent background in light mode so border is visible */
.mimpi-header-section.header-light .mimpi-header-cta .elementor-button,
.mimpi-header-section.header-blur .mimpi-header-cta .elementor-button {
  background: transparent !important;
  color: #F8F7F1 !important; /* default in light/blur */
  border-color: rgba(255,255,255,0.8) !important;
}

/* ------------------------------------------------------
   CTA HOVER (Closed Menu State)
   header-light + header-blur
   → BG #D6E9EE + Blue border + Blue text
------------------------------------------------------- */

.mimpi-header-section.header-light .mimpi-header-cta .elementor-button:hover,
.mimpi-header-section.header-blur .mimpi-header-cta .elementor-button:hover {
  background: #D6E9EE !important;
  color: #192A49 !important;
  border-color: #192A49 !important;
}

/* Ensure icon inside CTA also turns blue */
.mimpi-header-section.header-light .mimpi-header-cta .elementor-button:hover svg path,
.mimpi-header-section.header-blur .mimpi-header-cta .elementor-button:hover svg path {
  stroke: #192A49 !important;
  fill: #192A49 !important;
}

/* FORCE CTA TEXT BLUE ON HOVER (Closed menu state only) */
.mimpi-header-section.header-light .mimpi-header-cta .elementor-button:hover .elementor-button-text,
.mimpi-header-section.header-blur .mimpi-header-cta .elementor-button:hover .elementor-button-text {
  color: #192A49 !important;
}

/* -------------------------------------------
   SMOOTH TRANSITION FOR CTA BUTTON (All states)
--------------------------------------------*/
.mimpi-header-cta .elementor-button {
  transition:
    background-color .35s ease,
    border-color .35s ease,
    color .35s ease;
}

/* Make inner text + icon also transition smoothly */
.mimpi-header-cta .elementor-button-text,
.mimpi-header-cta .elementor-button-icon svg path {
  transition: color .35s ease, stroke .35s ease, fill .35s ease;
}

/* -------------------------------------------
   CLOSED HEADER (white/blur state) CTA hover
   → Sky blue background, navy border, navy text
--------------------------------------------*/
.mimpi-header-section.header-light .mimpi-header-cta .elementor-button:hover,
.mimpi-header-section.header-blur  .mimpi-header-cta .elementor-button:hover {
  background-color: #D6E9EE !important;
  border-color: #192A49 !important;
  color: #192A49 !important;
}

/* Force text smooth color change */
.mimpi-header-section.header-light .mimpi-header-cta .elementor-button:hover .elementor-button-text,
.mimpi-header-section.header-blur  .mimpi-header-cta .elementor-button:hover .elementor-button-text {
  color: #192A49 !important;
}

/* Smooth icon color change */
.mimpi-header-section.header-light .mimpi-header-cta .elementor-button:hover .elementor-button-icon svg path,
.mimpi-header-section.header-blur  .mimpi-header-cta .elementor-button:hover .elementor-button-icon svg path {
  stroke: #192A49 !important;
  fill: #192A49 !important;
}

/* 5) Fix for icon stroke/color consistency (menu & search icon inside header)
   Ensures currentColor propagates for SVG strokes/fills used in those buttons. */
.mimpi-header-section a svg,
.mimpi-header-section svg path,
.mimpi-header-section svg line,
.mimpi-header-section svg * {
  stroke: currentColor !important;
  fill: currentColor !important;
}

/* 6) Very high specificity fallback (only if some other rules still override):
   Force the underline color to use the visible color in header-dark. */
.mimpi-header-section.header-dark .e-n-menu-item .e-n-menu-title-container::after {
  background: #192A49 !important;
}

/* 7) Accessibility: show underline also on keyboard focus */
.mimpi-header-section .e-n-menu-item .e-n-menu-title-container:focus::after {
  transform: scaleX(1);
  opacity: 1;
}

/***********************END************************\



/***************************************************
= HAMBURGER → X ANIMATION (FIXED CLIPPING)         =
***************************************************/

/* Make sure the SVG doesn't crop the rotated lines */
.mdw-side-menu-button svg {
  overflow: visible;
}

/* Smooth transitions */
.mdw-side-menu-button svg line {
  transition: transform .35s ease, opacity .35s ease, stroke .35s ease;
  transform-origin: 50% 50%;
}

/* Top line → diagonal */
body.mimpi-menu-open .mdw-side-menu-button svg line:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}

/* Middle line disappears */
body.mimpi-menu-open .mdw-side-menu-button svg line:nth-child(2) {
  opacity: 0;
}

/* Bottom line → opposite diagonal */
body.mimpi-menu-open .mdw-side-menu-button svg line:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}

/***********************END************************//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Nightingale';
	font-display: auto;
	src: url('https://mimpi.hhhelpstudio.com/wp-content/uploads/2025/10/TAN-NIGHTINGALE.ttf') format('truetype');
}
/* End Custom Fonts CSS */