/* === Hide footer everywhere === */
.site-footer,
footer,
footer .wp-block-group {
  display: none !important;
  visibility: hidden !important;
}

/* === The Ultimate Transporter — Auth Theme (Login + Register) === */
/* Applies on the actual Login (id 675) and Register (id 677) pages,
   including when they’re loaded INSIDE the popup iframe. */

.page-id-675, .page-id-677{
  --ut-gold:#d4af37; --ut-text:#fff; --ut-surface:#141414; --ut-border:#4b4b4b;
  background:#000;                 /* pure black behind the form */
  color:var(--ut-text);
}

/* In the popup we don’t want a page layout margin wrapper */
.page-id-675 main, .page-id-677 main,
.page-id-675 .entry-content, .page-id-677 .entry-content{
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Form container: wide and compact */
.page-id-675 form, .page-id-677 form{
  width:96% !important;            /* stretch almost full width of modal */
  max-width:none !important;
  margin:12px auto !important;
  background:var(--ut-surface) !important;
  border:1px solid var(--ut-border) !important;
  border-radius:14px !important;
  padding:16px 14px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  box-sizing:border-box !important;
}

/* Inputs: full width (no arbitrary 500px cap) */
.page-id-675 input[type="text"], .page-id-677 input[type="text"],
.page-id-675 input[type="email"], .page-id-677 input[type="email"],
.page-id-675 input[type="password"], .page-id-677 input[type="password"],
.page-id-675 input[type="tel"], .page-id-677 input[type="tel"],
.page-id-675 input[type="number"], .page-id-677 input[type="number"],
.page-id-675 select, .page-id-677 select,
.page-id-675 textarea, .page-id-677 textarea{
  width:100% !important;
  background:#1f1f1f !important;
  border:1px solid #555 !important;
  color:#fff !important;
  border-radius:10px !important;
  padding:.6rem .7rem !important;
  box-sizing:border-box !important;
  margin:8px 0 !important;
}
.page-id-675 input:focus, .page-id-677 input:focus,
.page-id-675 select:focus, .page-id-677 select:focus,
.page-id-675 textarea:focus, .page-id-677 textarea:focus{
  outline:none !important; border-color:var(--ut-gold) !important;
  box-shadow:0 0 0 3px rgba(212,175,55,.25) !important;
}

/* Labels & headings */
.page-id-675 label, .page-id-677 label{
  display:block; font-weight:600; margin:.5rem 0 .25rem; color:#fff;
}
.page-id-675 h1, .page-id-675 h2, .page-id-675 h3,
.page-id-677 h1, .page-id-677 h2, .page-id-677 h3{
  color:#fff; margin:0 0 10px;
}

/* Links (register/forgot) */
.page-id-675 a, .page-id-677 a{ color:var(--ut-gold); text-decoration:none; }
.page-id-675 a:hover, .page-id-677 a:hover{ text-decoration:underline; }

/* Checkbox accent */
.page-id-675 input[type="checkbox"], .page-id-677 input[type="checkbox"]{ accent-color:var(--ut-gold); }

/* Buttons */
.page-id-675 .button, .page-id-677 .button,
.page-id-675 button, .page-id-677 button,
.page-id-675 input[type="submit"], .page-id-677 input[type="submit"]{
  border:2px solid var(--ut-gold); background:var(--ut-gold); color:#111;
  border-radius:12px; padding:.55rem .9rem; font-weight:700; cursor:pointer;
}
.page-id-675 .button:hover, .page-id-677 .button:hover,
.page-id-675 button:hover, .page-id-677 button:hover,
.page-id-675 input[type="submit"]:hover, .page-id-677 input[type="submit"]:hover{
  filter:brightness(1.05);
}

/* Notices */
.page-id-675 .error, .page-id-677 .error{
  background:#2b2430; border-left:4px solid #ff6b6b; color:#ffdede;
  padding:.6rem .8rem; border-radius:10px;
}
.page-id-675 .updated, .page-id-677 .updated{
  background:#223027; border-left:4px solid #49d17c; color:#d7ffea;
  padding:.6rem .8rem; border-radius:10px;
}

/* Hide big page logo inside the popup so it doesn’t push the form down */
.page-id-675 .custom-logo, .page-id-677 .custom-logo{ display:none !important; }

/* --- REMOVE THIS: it never worked across an iframe ---
#ut-auth-frame form input[type="text"], ... { ... }
   Parent-page CSS cannot style inside an iframe document.
   We’ve replaced this with proper rules above. */


/* === Auth pages when shown inside the popup iframe === */
.ut-inframe { background:#000 !important; }

/* Strip site chrome inside iframe */
.ut-inframe .site-header,
.ut-inframe #masthead,
.ut-inframe .site-footer,
.ut-inframe #colophon,
.ut-inframe .wp-block-template-part { display:none !important; }

/* Kill outer page padding/margins so the form sits right under the modal header */
.ut-inframe main,
.ut-inframe .entry-content {
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* If you built the page with Elementor, remove section padding in the iframe */
.ut-inframe .elementor-section { padding:0 !important; }
.ut-inframe .elementor-container { padding:0 !important; }

/* Hide any big hero/logo image that’s above the form */
.ut-inframe .custom-logo,
.ut-inframe .wp-block-image,
.ut-inframe .elementor-widget-image { display:none !important; }

/* Make the auth form nearly full width and compact */
.ut-inframe form {
  width:96% !important;
  max-width:none !important;
  margin:12px auto !important;
  background:#141414 !important;
  border:1px solid #4b4b4b !important;
  border-radius:14px !important;
  padding:16px 14px !important;
  box-sizing:border-box !important;
}

/* Inputs: truly full width */
.ut-inframe input[type="text"],
.ut-inframe input[type="email"],
.ut-inframe input[type="password"],
.ut-inframe input[type="tel"],
.ut-inframe input[type="number"],
.ut-inframe select,
.ut-inframe textarea {
  width:100% !important;
  background:#1f1f1f !important;
  border:1px solid #555 !important;
  color:#fff !important;
  border-radius:10px !important;
  padding:.6rem .7rem !important;
  margin:8px 0 !important;
  box-sizing:border-box !important;
}

/* Buttons + links */
.ut-inframe a { color:#d4af37 !important; text-decoration:none; }
.ut-inframe a:hover { text-decoration:underline; }
.ut-inframe input[type="submit"],
.ut-inframe button,
.ut-inframe .button {
  border:2px solid #d4af37 !important;
  background:#d4af37 !important;
  color:#111 !important;
  border-radius:12px !important;
  padding:.55rem .9rem !important;
  font-weight:700 !important;
  cursor:pointer !important;
}

/* Make the “register” link obvious and keep it visible without scrolling */
.ut-inframe #nav a[href*="register"],
.ut-inframe a[href*="register"] { font-weight:700 !important; display:inline-block !important; margin-top:8px !important; }

/* Trim spacing so the whole form fits neatly in ~560–600px height */
.ut-inframe .login form p,
.ut-inframe form p { margin:8px 0 !important; }


/* === Stretch login form wider inside popup === */
.ut-inframe #login form {
  max-width: none !important;
  width: 95% !important;       /* fills most of popup width */
  margin: 0 auto !important;
}

/* Stretch the actual input fields edge-to-edge */
.ut-inframe #login form .input,
.ut-inframe #user_login,
.ut-inframe #user_pass,
.ut-inframe input[type="text"],
.ut-inframe input[type="password"],
.ut-inframe input[type="email"] {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}



/* Make mobile hamburger toggle gold */
.elementor-menu-toggle,
.elementor-menu-toggle i,
.elementor-menu-toggle .eicon-menu-bar:before {
  color: #d4af37 !important;          /* gold icon */
}

/* Optional: add a subtle border so it pops on dark bg */
.elementor-menu-toggle {
  border: 2px solid #d4af37 !important;
  border-radius: 8px;
  padding: 4px 6px;
}

/* When menu is open (the “X”), keep contrast strong */
.elementor-menu-toggle.elementor-active,
.elementor-menu-toggle.elementor-active i {
  color: #111 !important;              /* dark X */
  background: #d4af37 !important;      /* gold pill */
}


/* Mobile: make Book Now look like the other list items */
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown .book-now-btn > a {
    display: block !important;
    border: 0 !important;
    background: transparent !important;
    color: inherit !important;         /* same color as other items */
    padding: 12px 16px !important;
    border-radius: 0 !important;
    text-transform: none !important;
    font-weight: inherit !important;
  }
}


/* Mobile dropdown: emphasize Book Now with gold border */
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown .book-now-btn > a,
  .elementor-nav-menu--dropdown .menu-item.book-now > a {
    font-weight: 700 !important;             /* bold text */
    border: 2px solid #d4af37 !important;    /* gold border */
    border-radius: 8px;
    margin: 8px 16px !important;
    padding: 12px 16px !important;
    text-align: center;
    color: #111 !important;                  /* dark text */
    background: transparent !important;      /* no fill */
  }

  /* Hover/tap effect */
  .elementor-nav-menu--dropdown .book-now-btn > a:hover,
  .elementor-nav-menu--dropdown .menu-item.book-now > a:hover {
    background: #d4af37 !important;          /* gold background */
    color: #fff !important;                  /* white text */
  }
}


/* SCRIPT C — AUTH MODALS THEME */
:root{--ut-gold:#d4af37; --ut-surface:#2a2a2a; --ut-bg:#1b1b1b; --ut-text:#fff; --ut-border:#444}
.ut-auth{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.6);z-index:99999}
.ut-auth[aria-hidden="false"]{display:flex}
.ut-auth__dialog{width:min(560px,94vw);background:var(--ut-surface);color:var(--ut-text);border-radius:16px;border:2px solid var(--ut-gold);box-shadow:0 12px 40px rgba(0,0,0,.55);overflow:hidden}
.ut-auth__x{position:absolute;top:10px;right:14px;background:transparent;border:0;color:#fff;font-size:22px;cursor:pointer}
.ut-auth__title{margin:0;padding:14px 18px;background:#1f1f1f;border-bottom:1px solid var(--ut-border);text-align:center;font-weight:800}
.ut-auth__form{padding:16px 18px}
.ut-auth__label{display:block;margin:10px 0 6px}
.ut-auth__label input{width:100%;padding:12px 14px;border:1px solid #666;border-radius:10px;background:#333;color:#fff;box-sizing:border-box}
.ut-auth__label input:focus{outline:none;border-color:var(--ut-gold);box-shadow:0 0 0 3px rgba(212,175,55,.25)}
.ut-auth__actions{margin-top:12px}
.ut-btn{border:2px solid var(--ut-gold);padding:.55rem 1rem;border-radius:12px;cursor:pointer}
.ut-btn-gold{background:var(--ut-gold);color:#111}
.ut-btn-outline{background:transparent;color:#fff}
.ut-btn:hover{filter:brightness(1.03)}
.ut-auth__register{padding:6px 18px 12px;text-align:center}
.ut-auth__link{color:var(--ut-gold);text-decoration:none;font-weight:700}
.ut-auth__link:hover{text-decoration:underline}
.ut-auth__foot{padding:12px 18px;background:#1f1f1f;border-top:1px solid var(--ut-border);display:flex;justify-content:flex-end}


/* === Header dropdowns: black bg, white border/text, narrower === */

/* Panel */
.elementor-nav-menu--main ul.sub-menu,
#site-navigation ul.sub-menu {
  background: #000 !important;
  border: 2px solid #fff !important;
  border-radius: 10px !important;
  padding: 6px 0 !important;
  min-width: 140px !important;     /* narrower */
  width: max-content !important;    /* shrink to fit items */
  box-shadow: 0 6px 22px rgba(0,0,0,.45) !important;
}

/* Links */
.elementor-nav-menu--main ul.sub-menu li a,
#site-navigation ul.sub-menu li a {
  color: #fff !important;
  padding: 8px 12px !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

/* Hover */
.elementor-nav-menu--main ul.sub-menu li a:hover,
#site-navigation ul.sub-menu li a:hover {
  background: #1a1a1a !important;
  color: #fff !important;
}

/* Keep right-edge dropdowns from colliding with BOOK NOW (align to the right) */
.elementor-nav-menu--main > ul > li.menu-item-has-children:last-child > ul.sub-menu,
.elementor-nav-menu--main > ul > li.menu-item-has-children:nth-last-child(2) > ul.sub-menu {
  right: 0 !important;
  left: auto !important;
}