/*
Theme Name: Gowilds Child
Theme URI: https://gaviaspreview.com/wp/gowilds/
Author URI: https://themeforest.net/user/gavias
Author: Gaviasthemes Team
Description: Child theme for the Gowilds theme.
Template: gowilds
*/

/* =====================================================
   Fix 1: WP Custom CSS me gap:10px hai swiper-wrapper pe
   — booking carousel ke andar isko zero karo
   ===================================================== */
.gva-booking-carousel .swiper-wrapper {
  gap: 0 !important;
}

/* =====================================================
   Fix 2: Mobile — Booking Carousel: 1 card, no bleed,
   arrows below card
   ===================================================== */
@media (max-width: 600px) {

  /* Clip overflow at every ancestor so spaceBetween
     aur gap dono se koi slide bahar na dikhe */
  .gva-element-gva_ba_booking,
  .gva-booking-carousel.swiper-slider-wrapper,
  .gva-booking-carousel .swiper-content-inner,
  .gva-booking-carousel .init-carousel-swiper {
    overflow: hidden !important;
  }

  .gva-booking-carousel .swiper-content-inner {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    order: 1 !important;
  }

  .gva-booking-carousel .init-carousel-swiper {
    padding: 0 !important;
    width: 100% !important;
  }

  /* gap:0 mobile pe bhi — WP Custom CSS override */
  .gva-booking-carousel .swiper-wrapper {
    gap: 0 !important;
    width: 100% !important;
  }

  .gva-booking-carousel .swiper-slide {
    width: 100% !important;
    min-width: 100% !important;
    margin-right: 0 !important;
  }

  /* Sirf active slide dikhao */
  .gva-booking-carousel .swiper-slide:not(.swiper-slide-active) {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Wrapper flex-column: slide upar, arrows neeche */
  .gva-booking-carousel.swiper-slider-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  /* Arrows: absolute se bahar, neeche centered */
  .gva-booking-carousel .swiper-nav-prev,
  .gva-booking-carousel .swiper-nav-next {
    position: static !important;
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 3px 14px rgba(0,0,0,0.14) !important;
    font-size: 15px !important;
    color: #1C231F !important;
    opacity: 1 !important;
    margin: 16px 6px 0 6px !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
  }

  .gva-booking-carousel:hover .swiper-nav-prev,
  .gva-booking-carousel:hover .swiper-nav-next {
    opacity: 1 !important;
  }

  /* Elementor fixed-px heading widget widths fix */
  .elementor-490 .elementor-element.elementor-element-17f8f36,
  .elementor-490 .elementor-element.elementor-element-c704b1c {
    width: 100% !important;
    max-width: 100% !important;
    --container-widget-width: 100% !important;
  }
}

/* =====================================================
   Fix 3: Adventure Tabs Widget — Mobile Layout
   Tab button click pe: tab neeche content + image dikhao
   ===================================================== */
@media (max-width: 767px) {

  /* Tab buttons: horizontal scroll row */
  [class*="adv-tabs-wrapper-"] .adv-tabs-nav-col {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 8px !important;
    padding: 12px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  [class*="adv-tabs-wrapper-"] .adv-tabs-nav-col::-webkit-scrollbar {
    display: none;
  }

  /* Each tab button: compact, no shrink */
  [class*="adv-tabs-wrapper-"] .adv-tab-button {
    flex-shrink: 0 !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    width: auto !important;
  }

  /* Active panel: stack content above image */
  [class*="adv-tabs-wrapper-"] .adv-tab-panel.active {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    grid-template-columns: unset !important;
  }

  /* Content column full width */
  [class*="adv-tabs-wrapper-"] .adv-content-sub-col {
    width: 100% !important;
    padding: 0 !important;
  }

  /* Image full width, reasonable height */
  [class*="adv-tabs-wrapper-"] .adv-img-box {
    width: 100% !important;
    order: 2 !important;
  }

  [class*="adv-tabs-wrapper-"] .adv-img-box img {
    max-height: 220px !important;
    width: 100% !important;
    object-fit: cover !important;
  }

  /* Content sub-col first */
  [class*="adv-tabs-wrapper-"] .adv-content-sub-col {
    order: 1 !important;
  }

  /* Smaller heading on mobile */
  [class*="adv-tabs-wrapper-"] .adv-content-sub-col h3 {
    font-size: 20px !important;
  }

  /* Smaller icon */
  [class*="adv-tabs-wrapper-"] .adv-content-icon {
    font-size: 38px !important;
    margin-bottom: 14px !important;
  }

  [class*="adv-tabs-wrapper-"] .adv-content-icon svg {
    width: 38px !important;
    height: 38px !important;
  }
}