/**
 * Triptoo brand yellow + header account fix
 * Target yellow: #feee7af7
 */

:root {
  --triptoo-yellow: #feee7af7;
  --triptoo-yellow-solid: #feee7a;
  /* Theme main color is currently yellow (#ffd100) — remap sitewide */
  --tourio-theme-color: #feee7af7;
  --tourio-theme-hover-color: #e8d65c;
  --tourio-theme-color-005: rgba(254, 238, 122, 0.05);
  --tourio-theme-color-007: rgba(254, 238, 122, 0.07);
  --tourio-theme-color-010: rgba(254, 238, 122, 0.1);
  --tourio-theme-color-015: rgba(254, 238, 122, 0.15);
  --tourio-theme-color-020: rgba(254, 238, 122, 0.2);
  --tourio-theme-color-050: rgba(254, 238, 122, 0.5);
}

.tour-item-style .tour_info_price_discount,
.tour_info_price_discount {
  background: var(--triptoo-yellow) !important;
  color: #000 !important;
}

/* -------------------------------------------------------------------------- */
/* Hide trek image slideshow behind header account icon (column 0b80b33)      */
/* -------------------------------------------------------------------------- */
#apus-header .elementor-element-0b80b33 .elementor-background-slideshow,
.elementor-4279 .elementor-element-0b80b33 .elementor-background-slideshow,
.elementor-4279 .elementor-element-0b80b33 .elementor-background-slideshow__slide,
.elementor-4279 .elementor-element-0b80b33 .swiper-wrapper,
.elementor-4279 .elementor-element-0b80b33 .swiper-slide {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.elementor-4279 .elementor-element-0b80b33 > .elementor-element-populated,
.elementor-4279 .elementor-element-0b80b33 > .elementor-widget-wrap {
  background: transparent !important;
  background-image: none !important;
}

.elementor-4279 .elementor-element-69782c0.bdt-background-overlay-yes:before {
  background: none !important;
  opacity: 0 !important;
  content: none !important;
}

/* -------------------------------------------------------------------------- */
/* Header full-width: logo left, CTAs right                                    */
/* -------------------------------------------------------------------------- */
#apus-header.header-11-4279 .main-sticky-header,
#apus-header .elementor-4279 {
  width: 100%;
}

/* Widen boxed header rows (was ~1120px) */
.elementor-4279 .elementor-element-6df2a71 > .elementor-container,
.elementor-4279 .elementor-element-403c7e5 > .elementor-container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}

.elementor-4279 .elementor-element-6df2a71 > .elementor-container > .elementor-column > .elementor-widget-wrap {
  align-items: center !important;
}

/* Logo column → pin left, keep normal header size */
.elementor-4279 .elementor-element-c8237f1 > .elementor-widget-wrap {
  justify-content: flex-start !important;
}

.elementor-4279 .elementor-element-10223a1 {
  text-align: left !important;
  width: auto !important;
  max-width: 180px !important;
  --container-widget-width: 180px !important;
}

.elementor-4279 .elementor-element-10223a1 > .elementor-widget-container {
  margin: 0 12px 0 0 !important;
  padding: 0 12px 0 0 !important;
}

.elementor-4279 .elementor-element-10223a1 .logo,
.elementor-4279 .elementor-element-10223a1 .logo-main {
  text-align: left !important;
  display: block;
  max-width: 160px;
  width: 100%;
}

.elementor-4279 .elementor-element-10223a1 .logo img,
.elementor-4279 .elementor-element-10223a1 .logo-main img,
#apus-header .logo img {
  max-width: 160px !important;
  width: 160px !important;
  height: auto !important;
  display: block;
}

/* Search column grows in the middle */
.elementor-4279 .elementor-element-0b80b33,
.elementor-4279 .elementor-element-69782c0 {
  width: auto !important;
  max-width: none !important;
  --container-widget-width: auto !important;
}

@media (min-width: 768px) {
  .elementor-4279 .elementor-element-c8237f1 {
    width: 200px !important;
    max-width: 200px !important;
    flex: 0 0 200px !important;
  }

  .elementor-4279 .elementor-element-ca6425d {
    width: auto !important;
    flex: 1 1 auto !important;
  }

  .elementor-4279 .elementor-element-0b80b33 {
    width: auto !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }

  .elementor-4279 .elementor-element-0b80b33 > .elementor-widget-wrap,
  .elementor-4279 .elementor-element-0b80b33.elementor-column > .elementor-widget-wrap {
    justify-content: flex-end !important;
  }

  .elementor-4279 .elementor-element-44d55f6 {
    width: 100% !important;
    max-width: 100% !important;
    --container-widget-width: 100% !important;
  }

  .elementor-4279 .elementor-element-44d55f6 .bdt-search-container .bdt-search-default,
  .elementor-4279 .elementor-element-44d55f6 .bdt-search-container .bdt-navbar-dropdown,
  .elementor-4279 .elementor-element-44d55f6 .bdt-search-container .bdt-drop {
    width: 100% !important;
    max-width: 640px;
  }
}

@media (min-width: 1400px) {
  .elementor-4279 .elementor-element-6df2a71 > .elementor-container,
  .elementor-4279 .elementor-element-403c7e5 > .elementor-container {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

.elementor-4279 .elementor-element-69782c0 .btn,
.elementor-4279 .elementor-element-69782c0 .btn-login {
  display: none !important;
}

/* -------------------------------------------------------------------------- */
/* Header CTA: Call + WhatsApp + Book Now                                      */
/* -------------------------------------------------------------------------- */
.triptoo-header-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 3;
  flex-wrap: nowrap;
}

.triptoo-header-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  flex-shrink: 0;
}

.triptoo-header-cta__btn:hover {
  transform: translateY(-2px);
}

.triptoo-header-cta__icon {
  display: inline-flex;
  line-height: 0;
}

.triptoo-header-cta__call {
  color: #e53935;
  background: #fff;
  border: 2px solid #e53935;
  box-shadow: 0 2px 8px rgba(229, 57, 53, 0.18);
}

.triptoo-header-cta__call:hover {
  color: #fff;
  background: #e53935;
  box-shadow: 0 6px 16px rgba(229, 57, 53, 0.28);
}

.triptoo-header-cta__wa {
  color: #fff;
  background: #25d366;
  border: 2px solid #25d366;
  box-shadow: 0 2px 8px rgba(37, 211, 102, 0.25);
}

.triptoo-header-cta__wa:hover {
  background: #1ebe57;
  border-color: #1ebe57;
  box-shadow: 0 6px 16px rgba(37, 211, 102, 0.35);
}

.triptoo-header-cta__book {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  text-decoration: none !important;
  color: #1a1a1a !important;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.02em;
  white-space: nowrap;
  background: linear-gradient(135deg, #feee7a 0%, #f5d84a 55%, #f0c93a 100%);
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 14px rgba(245, 216, 74, 0.45);
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.triptoo-header-cta__book:hover {
  transform: translateY(-2px);
  filter: brightness(1.03);
  box-shadow: 0 8px 20px rgba(245, 216, 74, 0.55);
  color: #111 !important;
}

.triptoo-header-cta__book-icon {
  display: inline-flex;
  line-height: 0;
}

.triptoo-header-cta__book-text {
  line-height: 1;
}

/* Mobile header compact CTA */
.triptoo-header-cta--mobile {
  gap: 6px;
}

.triptoo-header-cta--mobile .triptoo-header-cta__btn {
  width: 34px;
  height: 34px;
}

.triptoo-header-cta--mobile .triptoo-header-cta__btn svg {
  width: 16px;
  height: 16px;
}

.triptoo-header-cta--mobile .triptoo-header-cta__book {
  padding: 7px 12px;
  font-size: 12px;
  gap: 5px;
}

.triptoo-header-cta--mobile .triptoo-header-cta__book svg {
  width: 14px;
  height: 14px;
}

.header-mobile .account-login,
.header-mobile .triptoo-mobile-actions {
  flex: 0 0 auto;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Mobile: logo left, actions right — no big search bar */
#apus-header-mobile .container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

#apus-header-mobile .triptoo-mobile-topbar {
  width: 100%;
}

#apus-header-mobile .logo1 {
  flex: 0 0 auto;
  margin-right: auto;
}

#apus-header-mobile .triptoo-mobile-search-trigger {
  display: inline-flex !important;
}

@media (max-width: 575px) {
  .triptoo-header-cta--mobile .triptoo-header-cta__book-text {
    display: none;
  }

  .triptoo-header-cta--mobile .triptoo-header-cta__book {
    width: 34px;
    height: 34px;
    padding: 0;
    justify-content: center;
    border-radius: 50%;
  }
}

/* -------------------------------------------------------------------------- */
/* Menu yellow background                                                      */
/* -------------------------------------------------------------------------- */
.elementor-4279 .elementor-element.elementor-element-403c7e5,
.elementor-4279 .elementor-element-403c7e5:not(.elementor-motion-effects-element-type-background),
.elementor-4279 .elementor-element-403c7e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: var(--triptoo-yellow) !important;
  background-image: none !important;
}

/* Fix menu shifting/cutting off on the left (was 123% width + odd left margin) */
.elementor-4279 .elementor-element-403c7e5 {
  overflow: visible !important;
}

.elementor-4279 .elementor-element-403c7e5 > .elementor-container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: 0 !important;
  transform: none !important;
}

.elementor-4279 .elementor-element-7e33bfb > .elementor-widget-wrap {
  justify-content: center !important;
  width: 100% !important;
}

.elementor-4279 .elementor-element-c532647 {
  width: 100% !important;
  max-width: 100% !important;
  --container-widget-width: 100% !important;
  left: 0 !important;
}

.elementor-4279 .elementor-element-c532647 > .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.elementor-4279 .elementor-element-c532647 .main-menu,
.elementor-4279 .elementor-element-c532647 .apus-megamenu,
.elementor-4279 .elementor-element-c532647 .navbar-collapse {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-4279 .elementor-element-c532647 #primary-menu,
.elementor-4279 .elementor-element-c532647 .navbar-nav.megamenu {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: center;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 8px !important;
  gap: 0;
}

.elementor-4279 .elementor-element-c532647 .megamenu > li > a {
  padding: 10px 14px !important;
  white-space: nowrap;
  line-height: 1.25 !important;
  font-size: 16px !important;
}

/* Slim yellow menu strip — less vertical height */
.elementor-4279 .elementor-element-403c7e5 {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.elementor-4279 .elementor-element-403c7e5 > .elementor-container {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.elementor-4279 .elementor-element-403c7e5 > .elementor-container > .elementor-column > .elementor-widget-wrap {
  align-content: center !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}

.elementor-4279 .elementor-element-7e33bfb > .elementor-widget-wrap > .elementor-widget {
  margin-block-end: 0 !important;
  margin-bottom: 0 !important;
}

.elementor-4279 .elementor-element-c532647,
.elementor-4279 .elementor-element-c532647 .main-menu,
.elementor-4279 .elementor-element-c532647 .apus-megamenu,
.elementor-4279 .elementor-element-c532647 .navbar,
.elementor-4279 .elementor-element-c532647 .navbar-collapse,
.elementor-4279 .elementor-element-c532647 #primary-menu {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.elementor-4279 .elementor-element-c532647 #primary-menu > li,
.elementor-4279 .elementor-element-c532647 .megamenu > li {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

.elementor-4279 .elementor-element-c532647 .megamenu > li > a i {
  font-size: 15px !important;
  margin-right: 5px;
  vertical-align: middle;
}

.elementor-4279 .elementor-element-c532647 .megamenu > li > a .caret {
  margin-left: 2px;
}

/* Yellow only on the menu row — top logo/search bar stays white */
.mobile-menu-wrapper {
  background: var(--triptoo-yellow) !important;
}

#apus-header-mobile,
#apus-header-mobile.header-mobile,
div#apus-header-mobile {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

#apus-header-mobile .header-mobile,
#apus-header-mobile > .container {
  background-color: transparent !important;
}

/* Header top border accent */
.elementor-4279 .elementor-element-6df2a71 {
  border-color: var(--triptoo-yellow-solid) !important;
}

/* -------------------------------------------------------------------------- */
/* Sitewide yellow → brand yellow (buttons, badges, accents)                   */
/* -------------------------------------------------------------------------- */

/* Common theme / tour card buttons */
.call li[style*="background"],
.tour-item-style .call li,
.tour-grid .call li,
a.call-back,
.btn-callback,
.request-callback,
.elementor-button[style*="fcd44c"],
.elementor-button[style*="FFD100"],
.elementor-button[style*="ffd100"] {
  background-color: var(--triptoo-yellow) !important;
  background: var(--triptoo-yellow) !important;
  border-color: var(--triptoo-yellow-solid) !important;
}

/* Search button → brand yellow (no coral/pink gradient) */
.elementor-4279 .elementor-element-44d55f6.elementor-widget-bdt-search .bdt-search .bdt-search-icon {
  background-color: var(--triptoo-yellow) !important;
  background-image: none !important;
  border-radius: 8px !important;
}

.elementor-4279 .elementor-element-44d55f6 .bdt-search .bdt-search-icon svg {
  color: #111 !important;
  fill: #111 !important;
}

/* Tour card title gradient strip */
h3.title,
.tour-item-style.tour-grid .title,
.tour-item-style .title {
  background-image: linear-gradient(to bottom, #feee7a1c, #feee7a36, #ffffff) !important;
}

/* Request callback / yellow action rows in tour grids */
.tour-item-style .call ul li,
.call-icon ul li {
  border-color: var(--triptoo-yellow-solid) !important;
}

.tour-item-style .call ul li[style*="background"],
.call-icon ul li[style*="background"],
.tour-item-style .call ul li:last-child,
.call-icon ul li:last-child {
  background: var(--triptoo-yellow) !important;
  background-color: var(--triptoo-yellow) !important;
}

/* Popup / form submit accents from theme */
/* Trek title outside popup can stay yellow; inside popup must be dark on yellow badge */
.trek-name:not(#popup-title) {
  color: var(--triptoo-yellow-solid) !important;
}

#booking-popup .trek-name,
#booking-popup #popup-title {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  background: #feee7a !important;
}

#booking-popup button,
.booking-popup button[type="submit"],
.callback-popup button,
button.submit-callback {
  background: var(--triptoo-yellow) !important;
  background-color: var(--triptoo-yellow) !important;
}

/* Scroll-to-top / accent icons that use yellow */
#back-to-top,
.scrollup,
.scroll-to-top i,
.go-to-top {
  color: var(--triptoo-yellow-solid);
}

/* Mobile search submit */
.search-box input[type="submit"]:hover {
  background: var(--triptoo-yellow-solid) !important;
}

.search-box input[type="submit"] {
  background: var(--triptoo-yellow) !important;
}

/* External theme helpers that used #fcd44c */
.external-yellow,
.tab-btn.active,
.active-tab {
  background-color: var(--triptoo-yellow) !important;
  color: inherit;
}

/* Catch-all for Elementor inline / generated yellow backgrounds */
[style*="background: #fcd44c"],
[style*="background:#fcd44c"],
[style*="background-color: #fcd44c"],
[style*="background-color:#fcd44c"],
[style*="background: #FFD100"],
[style*="background:#FFD100"],
[style*="background-color: #FFD100"],
[style*="background-color:#FFD100"],
[style*="background: #ffd100"],
[style*="background:#ffd100"],
[style*="background-color: #ffd100"],
[style*="background-color:#ffd100"],
[style*="background: #ffcc00"],
[style*="background:#ffcc00"],
[style*="background-color: #ffcc00"],
[style*="background-color:#ffcc00"],
[style*="background: #fad868"],
[style*="background:#fad868"],
[style*="background: #fbd149"],
[style*="background:#fbd149"] {
  background: var(--triptoo-yellow) !important;
  background-color: var(--triptoo-yellow) !important;
}

[style*="border: 1px solid #fcd44c"],
[style*="border:1px solid #fcd44c"],
[style*="border-color: #fcd44c"],
[style*="border-color:#fcd44c"] {
  border-color: var(--triptoo-yellow-solid) !important;
}

[style*="color: #fcd44c"],
[style*="color:#fcd44c"],
[style*="color: #FFD100"],
[style*="color:#FFD100"] {
  color: var(--triptoo-yellow-solid) !important;
}