:root {
  --emex-primary:#f15c22; --emex-secondary:#182b3c; --emex-ink:#182b3c;
  --emex-gap:1rem; --emex-max:1160px;
}
*{box-sizing:border-box} html,body{margin:0;padding:0;font-family:var(--wp--preset--font-family--system-ui-sans)}
.emex-car-rental-main,.emex-car-rental-footer__wrap{width:min(100% - 2rem,var(--emex-max));margin-inline:auto}

/* Top bar */
.emex-car-rental-header__top{padding:0;background:var(--emex-primary)}
.emex-car-rental-header__top-wrap{width:min(100% - 2rem,var(--emex-max));margin-inline:auto;display:grid;grid-template-columns:1fr auto;align-items:center}
.emex-car-rental-header__top-col--left{background:var(--emex-primary);color:#fff}
.emex-car-rental-header__top-col--right{background:var(--emex-secondary);color:#fff}
.emex-car-rental-header__top-col{height:100%;display:flex;align-items:center}
.emex-car-rental-header__top-inner{display:flex;gap:1rem;align-items:center;padding:.5rem .75rem;flex-wrap:wrap;width:100%}
.emex-car-rental-header__item,.emex-car-rental-header__phone{display:inline-flex;align-items:center;gap:.5rem;line-height:1.2}
.emex-car-rental-icon{width:16px;height:16px;fill:currentColor;display:block}
.emex-car-rental-header__item--socials{display:inline-flex;gap:.75rem}
.emex-car-rental-social{display:inline-flex;align-items:center;text-decoration:none;color:#fff}
.emex-car-rental-social__circle{width:34px;height:34px;border:2px solid #fff;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}
.emex-car-rental-header__top-col--right .emex-car-rental-header__phone{padding:.5rem .75rem;color:#fff;font-weight:600;text-decoration:none}
.emex-car-rental-header__item--email{text-decoration:none;margin-left:auto}
.emex-car-rental-header__item--location span,.emex-car-rental-header__item--email,.emex-car-rental-header__phone{font-size:16px;font-weight:600;color:white;}

/* Second row */
.emex-car-rental-header__main{display:grid;grid-template-columns:20% 60% 20%;align-items:center;gap:0;width:min(100% - 2rem,var(--emex-max));margin-inline:auto;padding:.75rem 0}
.emex-car-rental-header__logo-img{height:56px;width:auto;display:block}
.emex-car-rental-header__nav{justify-self:stretch;display:flex;justify-content:flex-end;position:relative}
.emex-car-rental-header__nav ul{list-style:none;margin:0;padding:0}
.emex-car-rental-header__menu{display:flex;flex-direction:row;flex-wrap:wrap;gap:0px;align-items:center;justify-content:flex-end}
.emex-car-rental-header__menu>li>a{text-decoration:none;color:var(--emex-ink);font-weight:700}
.emex-car-rental-header__menu li{position:relative}
.emex-car-rental-header__menu .sub-menu{position:absolute;left:0;top:calc(100% + .5rem);list-style:none;margin:0;padding:.5rem;min-width:220px;background:#182b3c;border:1px solid rgba(0,0,0,.08);border-radius:.5rem;box-shadow:0 8px 24px rgba(0,0,0,.08);display:none}
.emex-car-rental-header__menu .sub-menu a{color:#fff; text-align:left}
.emex-car-rental-header__menu li.menu-item-has-children:hover>.sub-menu,.emex-car-rental-header__menu li.menu-item-has-children:focus-within>.sub-menu{display:none !important}
.emex-car-rental-header__menu li.menu-item-has-children[aria-expanded="true"]>.sub-menu{display:block !important}
.emex-car-rental-header__submenu-toggle{background:none;border:0;margin-left:.25rem;cursor:pointer;display:inline-flex;align-items:center;padding:0 .25rem}
.emex-car-rental-toggle-icon{width:12px;height:12px;fill:currentColor}.emex-car-rental-toggle-icon--minus{display:none}
li.menu-item-has-children[aria-expanded="true"]>.emex-car-rental-header__submenu-toggle .emex-car-rental-toggle-icon--plus{display:none}
li.menu-item-has-children[aria-expanded="true"]>.emex-car-rental-header__submenu-toggle .emex-car-rental-toggle-icon--minus{display:inline}

/* CTA + hamburger */
.emex-car-rental-header__cta{justify-self:end;align-self:center;display:flex;align-items:center;justify-content:flex-end}
.emex-car-rental-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:700}
.emex-car-rental-btn--primary{background:var(--emex-primary);color:#fff}
.emex-car-rental-header__toggle{display:none;background:none;border:0;padding:.5rem;margin-left:.5rem;gap:.5rem;align-items:center}
.emex-car-rental-header__label{font-weight:700}
.emex-car-rental-header__bar{width:1.25rem;height:2px;background:currentColor;position:relative;display:block}
.emex-car-rental-header__bar::before,.emex-car-rental-header__bar::after{content:"";position:absolute;inset:0;transform:translateY(-6px);height:2px;background:currentColor}
.emex-car-rental-header__bar::after{transform:translateY(6px)}

/* Slide-out header row */
.emex-car-rental-nav__header{display:none}
.emex-car-rental-nav__title{font-weight:700;font-size:1rem}
.emex-car-rental-nav__close{background:none;border:0;cursor:pointer;width:40px;height:40px;align-items:center;justify-content:center}
.emex-car-rental-nav__close-icon{width:20px;height:20px;fill:var(--emex-ink)}

/* Footer */
.emex-car-rental-footer{border-top:1px solid rgba(0,0,0,.06)}
.emex-car-rental-footer__menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.75rem}
.emex-car-rental-footer__menu a{text-decoration:none;color:var(--emex-ink)}

/* Tablet header grid 70/30 */
@media (min-width:769px) and (max-width:1024px){ .emex-car-rental-header__main{grid-template-columns:70% 30% !important} }

/* Mobile/tablet up to 1024px: full-screen panel, email/address/social placement */
@media (max-width:1024px){
  .emex-car-rental-header__toggle{display:inline-flex}
  .emex-car-rental-header__nav{
    display:block; position:fixed; inset:0; background:#fff; padding:0 !important;
    overflow:auto; box-shadow:-16px 0 24px rgba(0,0,0,.08); z-index:9999;
    transition: transform .3s ease; transform: translateX(100%);
    pointer-events:none; visibility:hidden;
  }
  .emex-car-rental-header__nav[data-open="true"]{transform:translateX(0); pointer-events:auto; visibility:visible}
  .emex-car-rental-nav__header{
    position:sticky; top:0; display:flex; align-items:center; justify-content:space-between;
    padding:20px !important; margin-bottom:.5rem; z-index:1;
    background:var(--emex-primary) !important; color:#fff !important; border-bottom:none;
  }
  .emex-car-rental-nav__title{color:#fff !important; font-size:18px !important}
  .emex-car-rental-nav__close{color:#fff !important}
  .emex-car-rental-nav__close-icon{fill:#fff !important}
  .emex-car-rental-nav__address,.emex-car-rental-nav__email{padding-left:20px !important; padding-right:20px !important}
  /* 18px typography inside slide-out */
  .emex-car-rental-header__nav .emex-car-rental-header__menu > li > a,
  .emex-car-rental-header__nav .emex-car-rental-header__menu .sub-menu a,
  .emex-car-rental-nav__address .emex-car-rental-header__item--location,
  .emex-car-rental-nav__email .emex-car-rental-header__item--email{font-size:18px !important; line-height:1.5;text-align:left;text-decoration:none;}
  /* Top-level items separated */
  .emex-car-rental-header__nav .emex-car-rental-header__menu > li{
    width:100%; border-bottom:1px solid rgba(0,0,0,.12);}
  .emex-car-rental-header__nav .emex-car-rental-header__menu > li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
  /* Inline submenu panel (dark) */
  .emex-car-rental-header__nav .emex-car-rental-header__menu .sub-menu{
    position:static !important; display:none; margin:10px 0 0;
    background:#182b3c !important; color:#fff !important; border:none !important;
    border-radius:.6rem !important; padding:.6rem .85rem .7rem 1rem !important;
    box-shadow:0 8px 22px rgba(0,0,0,.16) !important; min-width:0 !important; text-align:left !important;
  }
  .emex-car-rental-header__nav .emex-car-rental-header__menu li.menu-item-has-children[aria-expanded="true"] > .sub-menu{display:block !important}
  .emex-car-rental-header__nav .emex-car-rental-header__menu .sub-menu > li + li{margin-top:.45rem; padding-top:.45rem; border-top:1px dashed rgba(255,255,255,.22)}
  .emex-car-rental-header__submenu-toggle{margin-left:.5rem}
  /* Address & email rows: icon fixed left, text wraps */
  .emex-car-rental-nav__address .emex-car-rental-header__item--location,
  .emex-car-rental-nav__email .emex-car-rental-header__item--email{
    display:grid !important; grid-template-columns:24px 1fr; align-items:start; column-gap:.5rem;
    place-items:center !important; justify-items:start !important;color:#182b3c;
  }
  .emex-car-rental-nav__address .emex-car-rental-icon,
  .emex-car-rental-nav__email .emex-car-rental-icon{width:20px !important; height:20px !important; flex:0 0 20px}
  .emex-car-rental-nav__address .emex-car-rental-header__item--location > span,
  .emex-car-rental-nav__email .emex-car-rental-header__item--email > span{min-width:0; overflow-wrap:anywhere; word-break:break-word; white-space:normal; display:block;color:#182b3c;}
  /* Hide top bar address (moves to slide-out) */
  .emex-car-rental-header__top-col--left .emex-car-rental-header__item--location{display:none !important}
  /* Socials inside slide-out at <=375px */
  .emex-car-rental-nav__socials{display:none}
}

/* <=768px: move email into slide-out; grid tweak */
@media (max-width:768px){
  .emex-car-rental-header__top-col--left .emex-car-rental-header__item--email{display:none !important}
  .emex-car-rental-nav__email{display:block; margin-top:.5rem}
  .emex-car-rental-header__main{grid-template-columns:1fr auto}
}

/* <=375px: socials into slide-out + mobile CTA rules */
@media (max-width:375px){
  .emex-car-rental-header__top-col--left .emex-car-rental-header__item--socials{display:none !important}
  .emex-car-rental-nav__socials{display:flex; gap:.75rem; margin-top:.75rem; padding-left:20px !important; padding-right:20px !important; margin-bottom:20px !important}
  .emex-car-rental-nav__socials .emex-car-rental-social{color:var(--emex-ink)}
  .emex-car-rental-nav__socials .emex-car-rental-social__circle{border-color:var(--emex-ink)}
  .emex-car-rental-header__cta--mobile{display:inline-flex}
  .emex-car-rental-header__main>.emex-car-rental-header__cta{display:flex !important;align-items:center;justify-content:center}
  .emex-car-rental-header__main>.emex-car-rental-header__cta .emex-car-rental-btn{display:none !important}
  .emex-car-rental-header__main>.emex-car-rental-header__cta .emex-car-rental-header__toggle{display:inline-flex !important}
}

/* Desktop ≥1025px: centered nav + hide slide-only address/socials + single-line menu */
@media (min-width:1025px){
  .emex-car-rental-header__main{grid-template-columns:20% 1fr auto !important;align-items:center !important;width:min(100% - 2rem,var(--emex-max)) !important;margin-inline:auto !important}
  .emex-car-rental-header__nav{grid-column:2/3 !important;justify-self:stretch !important;align-self:center !important;display:flex !important;width:100% !important;min-width:0 !important;justify-content:center !important;align-items:center !important;text-align:center}
  .emex-car-rental-header__nav .emex-car-rental-header__menu{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;gap:1.25rem;margin:0;padding:0;justify-content:center !important;align-items:center !important;white-space:nowrap !important}
  .emex-car-rental-nav__email{display:none}
  .emex-car-rental-nav__socials{display:none}
  .emex-car-rental-nav__address{display:none !important}
}

/* Desktop submenu animation & caret */
@media (min-width:1025px){
  .emex-car-rental-header__menu .sub-menu{
    border-radius:.6rem; padding:.75rem .75rem; border:1px solid rgba(0,0,0,.06);
    box-shadow:0 10px 30px rgba(0,0,0,.10); transform-origin:top center;
    transition:opacity .18s ease, transform .18s ease; opacity:0; transform:translateY(6px)
  }
  .emex-car-rental-header__menu li.menu-item-has-children[aria-expanded="true"] > .sub-menu{opacity:1; transform:translateY(0)}
  .emex-car-rental-header__menu li.menu-item-has-children[aria-expanded="true"] > .sub-menu::before{
    content:""; position:absolute; top:-8px; left:24px; width:14px; height:14px; background:#182b3c;
    border-left:1px solid rgba(0,0,0,.06); border-top:1px solid rgba(0,0,0,.06); transform:rotate(45deg)
  }
  .emex-car-rental-header__menu .sub-menu > li + li{margin-top:.35rem; padding-top:.35rem; border-top:1px dashed rgba(255,255,255,.22)}
  .emex-car-rental-header__menu .sub-menu a{display:block; padding:.35rem .25rem; text-decoration:none; color:#fff}
  .emex-car-rental-header__menu .sub-menu a:hover{background:rgba(255,255,255,.06); border-radius:.375rem}
}

/* Focus ring */
.emex-car-rental-header__menu a:focus-visible{outline:2px solid var(--emex-primary); outline-offset:2px; border-radius:.375rem}

/* Logo shrinking */
@media (max-width:400px){ .emex-car-rental-header__logo-img{height:46px} }
@media (max-width:250px){ .emex-car-rental-header__logo-img{height:clamp(28px,14vw,36px) !important; width:auto} }

/* ------------------------ */
/* ONLY THE 5 NEW TWEAKS   */
/* ------------------------ */

/* 1) Left-align submenu anchor text (all devices) */
.emex-car-rental-header__menu .sub-menu a { text-align:left !important; }

/* 2) Book Now in first row: show ONLY below 375px; hide above */
.emex-car-rental-header__cta--mobile { display:none !important; }
@media (max-width:375px){
  .emex-car-rental-header__cta--mobile { display:inline-flex !important; }
}

@media (min-width: 769px) {
    .emex-car-rental-nav__email {
        display: none;
    }
}

/* === MOBILE NAV (final flex approach): stable +/- on same line; submenu below; full-width rows === */
@media (max-width: 1024px) {
  /* Each parent LI is a flex row that can wrap; submenu goes to next line */
  .emex-car-rental-header__nav .emex-car-rental-header__menu > li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
	padding: 20px;
  }

  /* Full-width clickable link (minus fixed area for toggle) */
  .emex-car-rental-header__nav .emex-car-rental-header__menu > li > a {
    order: 1;
    flex: 1 1 auto;
    display: block;
    width: 100%;    /* adjust to your spacing */
    padding-right: 0;         /* no need for extra padding when toggle is in flex */
  }

  /* Stable +/- toggle on the right; fixed hit area (no absolute positioning) */
  .emex-car-rental-header__nav .emex-car-rental-header__menu > li > .emex-car-rental-header__submenu-toggle {
    order: 2;
    flex: 0 0 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }

  /* Icons sized the same; swap via aria-expanded to avoid layout shifts */
  .emex-car-rental-header__submenu-toggle .emex-car-rental-toggle-icon {
    width: 16px;
    height: 16px;
    display: none;
  }
  .emex-car-rental-header__submenu-toggle .emex-car-rental-toggle-icon--plus { display: inline-block; }
  .emex-car-rental-header__submenu-toggle[aria-expanded="true"] .emex-car-rental-toggle-icon--plus { display: none; }
  .emex-car-rental-header__submenu-toggle .emex-car-rental-toggle-icon--minus { display: none; }
  .emex-car-rental-header__submenu-toggle[aria-expanded="true"] .emex-car-rental-toggle-icon--minus { display: inline-block; }

  /* Submenu drops below on a new line, full width */
  .emex-car-rental-header__nav .emex-car-rental-header__menu > li > .sub-menu {
    order: 3;
    flex: 0 0 100%;
    width: 100%;
    display: none;
    margin: 0;
    padding: 0;
  }
  .emex-car-rental-header__nav .emex-car-rental-header__menu > li[aria-expanded="true"] > .sub-menu {
    display: block;
  }

  /* Submenu items also full-width clickable */
  .emex-car-rental-header__nav .emex-car-rental-header__menu .sub-menu > li {
    display: flex;
    align-items: center;
  }
  .emex-car-rental-header__nav .emex-car-rental-header__menu .sub-menu > li > a {
    flex: 1 1 auto;
    display: block;
    width: 100%;
    padding: 12px 16px;
  }
}

/* === iOS color safety (no background painted on SVGs) === */
.emex-car-rental-header .emex-car-rental-header__toggle,
.emex-car-rental-header .emex-car-rental-header__toggle:link,
.emex-car-rental-header .emex-car-rental-header__toggle:visited,
.emex-car-rental-header .emex-car-rental-header__toggle:hover,
.emex-car-rental-header .emex-car-rental-header__toggle:active,
.emex-car-rental-header .emex-car-rental-header__menu > li > a,
.emex-car-rental-header .emex-car-rental-header__menu > li > a:link,
.emex-car-rental-header .emex-car-rental-header__menu > li > a:visited,
.emex-car-rental-header .emex-car-rental-header__submenu-toggle,
.emex-car-rental-header .emex-car-rental-header__submenu-toggle:link,
.emex-car-rental-header .emex-car-rental-header__submenu-toggle:visited {
  color: #000 !important;
  -webkit-text-fill-color: #000;
}
.emex-car-rental-header .emex-car-rental-icon,
.emex-car-rental-header .emex-car-rental-header__submenu-toggle .emex-car-rental-toggle-icon {
  fill: currentColor !important;
  stroke: currentColor !important;
}
.emex-car-rental-header .emex-car-rental-header__bar {
  background-color: currentColor !important;
}
li.menu-item.menu-item-has-children a {
    width: fit-content;
}


/* === Footer (Emex) v4 === */
.emex-car-rental-footer{--emex-footer-bg:#ffffff;--emex-footer-text:#182b3c;background:var(--emex-footer-bg);color:var(--emex-footer-text);margin-top:2rem}
.emex-car-rental-footer a{color:#182b3c;text-decoration:none}
.emex-car-rental-footer a:hover,.emex-car-rental-footer a:focus{text-decoration:underline}
.emex-car-rental-footer__top{padding:0 20px 48px 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;max-width:1200px;margin-inline:auto;padding:48px 20px}
.emex-footer-col--brand .emex-footer-logo img{display:block;height:auto;max-width:100%margin-bottom:10px;}
.emex-footer-title{margin:0;font-weight:800;font-size:1.125rem}
.emex-footer-desc{opacity:.9;margin:.5rem 0 1rem;max-width:52ch}
.emex-footer-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:default;font-weight:700;font-size:1rem;margin:0 0 .75rem}
.emex-footer-caret{width:16px;height:16px;transition:transform .2s ease}
.emex-footer-accordion[open]>.emex-footer-summary .emex-footer-caret{transform:rotate(180deg)}

.emex-footer-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.emex-footer-list__item{display:flex;gap:.5rem;align-items:flex-start}
.emex-footer-icon{display:inline-flex;min-width:20px;width:20px;height:20px}
.emex-footer-icon svg{width:20px;height:20px;fill:#182b3c;opacity:.9}
.emex-footer-menu{list-style:none;margin:0;padding:0;display:grid;gap:.375rem}
.emex-footer-menu a{display:inline-block;line-height:1.5}
.emex-car-rental-footer__bottom{border-top:1px solid rgba(255,255,255,.15);text-align:center;padding:14px 20px;background-color:#182B3C;color:white;}
.emex-car-rental-footer__copyright{margin:0;font-size:.9375rem;opacity:.9}

/* Remove bullets everywhere in footer */
.emex-car-rental-footer ul,
.emex-car-rental-footer li{ list-style:none !important; }

/* ≥1025px: disable expand UI and keep sections open */
@media (min-width: 1025px){
  .emex-footer-summary{background:transparent; padding:0; cursor:default; color:inherit; pointer-events:none;}
  .emex-footer-caret{display:none;}
}

/* ≤1024px: stack columns + accordion UI + requested paddings */
@media (max-width: 1024px){
  .emex-car-rental-footer__top{grid-template-columns:1fr !important; gap:1.25rem; padding:32px 16px}
  .emex-footer-summary{background:#f15c22; color:#fff; padding:10px; border-radius:6px; cursor:pointer;}
  .emex-footer-caret{fill:#fff;}
  details.emex-footer-accordion ul{ padding-left:10px !important;padding-bottom:10px }
  .emex-footer-col.emex-footer-col--brand{ padding-left:10px; padding-top:20px; padding-bottom:20px;}
}

/* Avoid jank: let details handle height natively */
.emex-footer-panel{will-change:height}


/* === Footer width & columns v5 (requested) === */
.emex-car-rental-footer__top{padding:0 20px 48px 20px; max-width:1160px !important; }
@media (min-width: 1025px){
  .emex-car-rental-footer__top{padding:0 20px 48px 20px; 
    grid-template-columns: 40% 20% 20% 20% !important; 
  }
}


/* === Footer v6: remove column gaps & keep width split === */
.emex-car-rental-footer__top{padding:48px 20px 48px 20px; gap:0 !important; }
@media (max-width:1024px){
  .emex-car-rental-footer__top{padding:48px 20px 48px 20px; gap:0 !important; }
}


/* Footer desktop alignment: add top gap to columns 2–4 so headings line up under the brand logo height */
@media (min-width: 1025px){
  .emex-car-rental-footer__top .emex-footer-col--vehicles,
  .emex-car-rental-footer__top .emex-footer-col--links,
  .emex-car-rental-footer__top .emex-footer-col--hours{
    padding-top: 100px; /* 56px logo height + 10px spacing */
  }
}
.emex-footer-logo img {
    padding-bottom: 20px;
}