/* Custom overrides for Expert Travel Agent theme
   Put your custom CSS here. This file is loaded after the theme stylesheet
   so its rules override the defaults.

   IMPORTANT: Prefer creating a child theme for persistent changes if the
   parent theme is updated by the vendor. If you want, I can scaffold a
   child theme for you.
*/
.serv-title-group {
  position: relative;
  left: 55%;
  margin-right: 10%;
}
.wp-block-post-featured-image {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 111.11%;
  z-index: 1;
}
.wp-block-post-featured-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  display: block;
}
.wp-block-cover {
  overflow: visible;
}
@supports (aspect-ratio: 9/10) {
  .wp-block-post-featured-image {
    padding-top: 0;
    aspect-ratio: 9/10;
  }
  .wp-block-post-featured-image img {
    position: static;
    width: 100%;
    height: 100%;
  }
}
.single-post .wp-block-post-featured-image {
  padding-top: 56.25%; /* fallback 16:9 */
}
@supports (aspect-ratio: 16/9) {
  .single-post .wp-block-post-featured-image {
    padding-top: 0;
    aspect-ratio: 16/9;
  }
  .single-post .wp-block-post-featured-image img {
    position: static;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 56.25rem) {
  /* Make mobile menu fixed so it stays visible on scroll */
  .menu-box > .wp-block-columns {
    gap: 0.3rem;
  }
  .menu-box > .wp-block-columns .wp-block-site-logo {
    display: flex;
    justify-content: center;
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
  .menu-box nav .wp-block-navigation__responsive-container,
  .menu-box .wp-block-navigation__responsive-container.is-menu-open,
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    position: fixed !important;
    top: 0.2rem;
    right: 0.2rem;
    border: 0.0625rem solid #fff !important;
    z-index: 99999;
  }
}

/*front slider*/
.owl-stage-outer .owl-stage .owl-item figure {
  height: 31.25rem;
  overflow: hidden;
}
.owl-stage-outer .owl-stage .owl-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}
.owl-carousel .owl-item img,
.owl-carousel .owl-stage-outer .owl-stage .owl-item img,
figure.wp-block-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}
.our-location .owl-nav button.owl-prev span, .our-location .owl-nav button.owl-next span {
  align-items: initial;
}
@media screen and (max-width: 767px) {
  .form-sec-slider {
    padding: 1.25rem 0;
  }
  .wp-container-core-cover-is-layout-6446314a > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 90%;
  }
}

/* blog */
body.blog .wp-block-cover .wp-block-post-title {
  display: none;

  &.loaded {
    display: block;
  }
}
.blog .archive-page .wp-block-post {
  box-shadow: none !important;
}

/*booking*/
.mphb_sc_search-wrapper {
  width: 100%;
}
.wp-block-group-is-layout-flex .mphb_sc_search-wrapper {
  display: flex;
  justify-content: center;
  
}
.wp-block-group-is-layout-flex form.mphb_sc_search-form {
  gap: 1.5rem
}

/*media and text block*/
.wp-block-media-text__media img {
  border-radius: 0.625rem;
}
.wp-block-media-text__media {
  z-index: 1;
}
.wp-block-media-text__media + .wp-block-media-text__content {
  background-color: #eeeeee;
  height: calc(100% - 1.25rem);
  display: flex;
  align-items: center;
  border-radius: 0 0.625rem 0.625rem 0;
  margin-left: -0.625rem;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .wp-block-media-text__media + .wp-block-media-text__content {
    border-radius: 0.625rem;
    margin-left: 0;
  }
  .wp-block-group-is-layout-constrained {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .wp-block-group-is-layout-constrained > .alignwide {
    max-width: 90%;
  }
  .wp-container-core-group-is-layout-da976f36 > .alignwide { /* blog content */
    max-width: 100%;
  }
  .wp-block-post figure + .wp-block-group-is-layout-constrained,
  .owl-carousel .wp-block-post .wp-block-group-is-layout-constrained {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .wp-container-core-group-is-layout-4f9f0532 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 90%;
  }
  .woocommerce-cart main > .entry-content,
  .woocommerce .wp-block-group .alignwide {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    max-width: 100%;

    .wc-block-cart {
      margin: 0 !important;
      width: 100%;
    }
    .wc-block-cart-items__row {
      display: flex;
      flex-direction: column;
      padding: 0 !important;

      td {
        padding: 0.5rem !important;
      }

      img {
        max-width: 8rem;
        margin: 0 auto;
      }
    }
  }
  .menu-box > .wp-block-columns {
    margin-bottom: 2rem;
  }
  .onlyPC {
    display: none !important;
  }
}

/* testimonials */
.btbTestimonialsDir .layoutSection .single {
  border-color: transparent !important;
}
.btbTestimonialsDir .layoutSection .single .deg {
  color: #ffffff !important;
}
.btbTestimonialsDir .theme_2 .single .top {
  border-radius: 0.625rem;
}

/* faq */
.theme-two button.accordion-button.faq-display-custom {
  /* fallback for older browsers */
  background-color: var(--wp--preset--color--primary) !important;
  /* modern browsers: mix with black to make it ~15% darker */
  background-color: color-mix(in srgb, var(--wp--preset--color--primary) 85%, black 15%) !important;
}
.theme-two .faq-display-custom-body {
  background-color: var(--wp--preset--color--primary) !important;
}

/* override */
.blog .wp-block-post-excerpt__more-link, .archive .wp-block-post-excerpt__more-link, .wp-block-post-template .wp-block-post-excerpt__more-link, .single-post .taxonomy-category a, .single-product .taxonomy-product_cat a, .wp-block-woocommerce-store-notices a.button.wc-forward.wp-element-button,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
a.added_to_cart.wc_forward, .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
a.wc-block-components-checkout-return-to-cart-button,
.wp-element-button, .wp-element-button, .wp-block-button__link {
  background: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--white) !important;
  padding: 0.625rem 0.75rem !important;
  border-radius: 0.5rem !important;
  text-decoration: none !important;
  border: 0 !important;
  display: flex;
  justify-content: center;

  &:hover {
    background: color-mix(in srgb, var(--wp--preset--color--primary) 85%, white 15%) !important;
    color: var(--wp--preset--color--white) !important;
    border: 0 !important;
  }

  &:disabled {
    background: var(--wp--preset--color--cyan-bluish-gray) !important;
  }
}
a.wc-block-components-checkout-return-to-cart-button {
  padding-left: 2rem !important;
}
.wp-block-button.wc-block-components-product-button {
    gap: 1rem;
}
.wp-block-search__button svg {
  fill: var(--wp--preset--color--white) !important;
}
@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 1.8rem !important;
  }
}

/* woo commerce register/login */
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  margin: 0.8rem auto !important;
  height: calc(100% - 5rem);
  max-width: 100%;
}
.woocommerce .col2-set, .woocommerce-page .col2-set {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 1rem;
}

@media screen and (max-width: 767px) {
  .woocommerce .col2-set, .woocommerce-page .col2-set {
    flex-direction: column !important;
  }
}

/* woo commerce list */
.wp-block-woocommerce-product-template > li {
  padding: 0;
  border-radius: 1.25rem;
  padding: 1.25em 2.375em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.75rem;
  background-color: var(--wp--preset--color--background);
}
.wp-block-woocommerce-product-template .wc-block-components-product-button__button {
  background: var(--wp--preset--color--primary);
  margin-bottom: 0 !important;
}
.wp-block-woocommerce-product-template > li > * {
  margin-bottom: 0 !important;
}
.wp-block-woocommerce-product-template .wc-block-components-product-image {
  border-radius: 1.25rem;
  margin: -1.6rem -2.375em 2rem -2.375em !important;
}

/* woo commerce view */
.woocommerce.product .wp-block-cover {
  margin-left: -7%;
}
.woocommerce + .wp-block-columns.alignwide {
  > .wp-block-column {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    > * {
      margin: 0 !important;
    }
  }

  #payment-method-message {
    height: auto;
  }
}
.wp-block-woocommerce-product-meta {
  .wp-block-group {
    flex-direction: column;
    gap: 0.8rem;
    margin: 0 auto !important;

    .taxonomy-product_cat, .taxonomy-product_tag {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 0.5rem;

      .wp-block-post-terms__separator {
        display: none;
      }
    }
    .taxonomy-product_cat {
      a {
        padding: 0 0.8rem !important;
      }
    }
  }
}

/* woo commerce view header */
.wp-block-cover .wp-block-cover__inner-container h1 + h1 {
  display: none;
}

/* woo commerce cart */
.wc-block-cart .wc-block-cart__totals-title {
  padding-left: 1rem !important;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--minus {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--plus {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
  border-top: 1px solid #dcdcdc !important;
  border-bottom: 1px solid #dcdcdc !important;
}
.wc-block-cart-item__product {
  text-align: justify;

  .wc-block-components-product-name {
    float: left;
    margin-right: 1rem;
  }

  .wc-block-cart-item__prices {
    display: block;
    /* margin-top: -0.8rem; */
    margin-bottom: 0.8rem !important;

    span {
      display: inline;
    }
  }
}

/* woo commerce my account */
nav.woocommerce-MyAccount-navigation ul li {
  padding: 0 !important;

  &.is-active {
    background-color: var(--wp--preset--color--tertiary);

    &:hover {
      background-color: var(--wp--preset--color--foreground);
    }

    a {
      color: var(--wc-highligh-text) !important;
    }
  }

  a {
    padding: 0.4rem 1.5rem !important;
    width: 100%;
    display: inline-block;
  }
}
.woocommerce-account .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
  margin: 0;
}

/* woo commerce checkout */
.wc-block-order-confirmation-totals__product {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item {
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

/* footer */
@media screen and (max-width: 767px) {
  .footer-box p::before {
    background-image: none;
  }
}

/* Cart Link Badge Styles */
.wc-block-cart-link__icon-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.wc-block-cart-link__badge {
  position: absolute;
  bottom: -8px;
  left: -8px;
  right: inherit;
  background-color: var(--wp--preset--color--luminous-vivid-amber);
  color: var(--wp--preset--color--white);
  border-radius: 50%;
  min-width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  padding: 2px 6px;
  z-index: 1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.wc-block-cart-link__badge:empty,
.wc-block-cart-link__badge[style*="display:none"],
.wc-block-cart-link__badge[style*="display: none"] {
  display: none !important;
}