/*!
Theme Name: MarinaShpak Theme
Theme URI:
Author: Sharklinker
Author URI:
Description: MarinaShpak svetainės tema (pagrindinė)
Template: kava
Version: 1.0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kava-child
*/

/* General */
:root {
  --mt: 105px;
}

html {
  scroll-padding-top: 150px;
}

body:not(.page-template-fullwidth-content) .site-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

p {
  margin-bottom: 0 !important;
}

fieldset {
  border: none !important;
}

.no-break,
.no-break > *{
  word-break: auto-phrase !important;
}

:not(#wpadminbar) button, :not(#wpadminbar) a {
  font-family: 'Montserrat', sans-serif !important;
}

/* Product Quantity Badge */
.product-quantity-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #593C8F;
  color: #FFFFFF;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  z-index: 2;
}

.woocommerce ul.products li.product {
  position: relative;
}

/* END Product Quantity Badge */

/* END General */

/* Kava auto breadcrumbs */

.site-breadcrumbs,
.site-breadcrumbs * {
  font-size: 13px;
  font-family: 'Montserrat', sans-serif !important;
}

.site-breadcrumbs {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 !important;
}

.site-breadcrumbs__wrap {
  max-width: 1300px;
  padding-left: 0px;
  padding-right: 0px;
}

.site-breadcrumbs__wrap > .breadcrumbs {
  border: none !important;
  padding: 0;
  margin-top: 2.875rem;
}

@media (max-width: 1024px){
  .site-breadcrumbs__wrap > .breadcrumbs {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

/* END Kava auto breadcrumbs */

/* Testimonial slider */

.ms-testimonial-carousel .elementor-swiper-button svg {
  fill: #593C8F !important;
  border-radius: 100px !important;
  border: 1px solid #CFC9C5 !important;
  padding: 10px !important;
  width: 36px !important;
  height: 36px !important;
}

.ms-testimonial-carousel {
  margin-bottom: 44px;
}

.ms-testimonial-carousel .elementor-main-swiper {
  position: relative !important;
  width: 100% !important;
  padding-bottom: 60px !important;

  /* overflow: visible !important; */
}

.ms-testimonial-carousel .elementor-testimonial__name {
  font-weight: 600;
  font-size: 18px !important;
  margin-top: 12px;
  color: rgba(65, 67, 72, 0.95) !important;
}

@media (max-width: 1024px){
  .ms-testimonial-carousel .elementor-testimonial__name {
    margin-top: 0px;
    margin-bottom: 12px;
  }
}

.ms-testimonial-carousel .elementor-testimonial__text{
  font-size: 22px !important;
  color: rgba(65, 67, 72, 0.95) !important;
}

.ms-testimonial-carousel .elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-prev {
  position: absolute;
  bottom: 0px !important;
  top: 90% !important;

  left: 0px;

  width: 36px !important;
  height: 36px !important;
}

.ms-testimonial-carousel .elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-next {
  position: absolute;
  bottom: 0px !important;
  top: 90% !important;

  left: 40px;

  width: 36px !important;
  height: 36px !important;
}

/* END Testimonial slider */

@media (max-width: 1024px){
  .mobile-img-square img {
      aspect-ratio: 1/1 !important;
  }
}

/* a {
  color: #000000;
} */

/* #page {
  display: flex !important;
  flex-direction: column !important;
  overflow-x: hidden;
} */

/* .jet-mega-menu-toggle {
  color: #FFFFFF !important;
} */

.ms-password-inputs {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-bottom: 20px;
}

.ms-password-form input {
  border-radius: 5px;
  border: 1px solid #D6D0CA;
  width: 200px;
}

.ms-password-form button {
  border-radius: 25px;
  background: #593C8F;
  width: fit-content;

  padding: 12px 32px;
  transition: opacity 0.3s ease-in-out;
}

.ms-password-form button:hover {
  background: #593C8F;
  opacity: 0.8;
}

.ms-password-form {
  display: flex;
  flex-direction: column;
  gap: 12px;

  text-align: center;
  align-items: center;
  justify-content: center;
}

.ms-password-content .result {
  text-align: center;
}

.ms-password-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ms-password-content #result {
  margin-top: 12px;
  text-align: center !important;
}

.ms-password-content #result iframe {
  margin-top: 28px;
}

.ms-password-content .ms-password-content--spinner {
  width: 50px;
  height: 50px;

  margin: 0 auto;
  margin-top: 12px;
}

.flex-row-12 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;

  gap: 12px;
}

.jet-mega-menu.jet-mega-menu--layout-dropdown .jet-mega-menu-toggle-icon--default-state svg {
  width: 22px !important;
  overflow: visible;
}

.jet-mega-menu.jet-mega-menu--layout-dropdown .jet-mega-menu-toggle-icon--opened-state svg {
  width: 16px !important;
  overflow: visible;
}

/* The Events Calendar */
#tribe-events-pg-template {
  box-sizing: content-box !important;
  max-width: 1300px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
/* END The Events Calendar */

.hide-overflow, .hide-overflow img {
  overflow: hidden !important;
}

/* Procedura single form */
#proc-single-form input{
  padding: 14px !important;
  background-color: #EAE6E2 !important;
  border-radius: 4px !important;
  border: 1px solid #D6D0CA !important;
}

#proc-single-form input::placeholder {
  color: #48494E !important;
}

#proc-single-form button[type="submit"]{
  border-radius: 25px !important;
  background: #593C8F !important;
  color: #FFFFFF !important;
  padding: 12px 40px !important;
  font-weight: 700 !important;
  font-size: 14px;
  line-height: 17px;
}

.hidden-input {
  display: none;
}
/* END Procedura single form */

/* Product single */

.side-popout-content hr {
  background: #6A6B67;
  height: 2px;
}

.side-popout-content h2 {
  font-size: 42px;
  line-height: 50px;
  margin-bottom: 50px;
  margin-top: 0 !important;
}

.side-popout-content h5 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(65, 67, 72, 1);
}

.side-popout-content p {
  font-size: 18px;
  line-height: 22px;
  color: rgba(65, 67, 72, 0.82) !important;
}

@media screen and (min-width: 1024px) {
  /* Main product gallery wrapper */
  .woocommerce div.product div.images {
      display: flex;
      flex-direction: row-reverse;
      gap: 20px;
  }

  /* Main image container */
  .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
      flex: 1;
      order: 1;
      overflow: hidden; /* Prevent image peek-through */
  }

  .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    display: block; /* Ensures visibility */
    width: 100%;
    height: auto; /* Allow full height based on image ratio */
  }

  .woocommerce div.product div.images .woocommerce-product-gallery__image img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
  }

  .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image {
    visibility: hidden;
  }

  .woocommerce-product-gallery__wrapper > .flex-active-slide {
    visibility: visible !important;
  }

  /* Main gallery image slides */
  .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
      overflow: hidden;
  }

  /* Main gallery images */
  .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover;
      object-position: center center;
  }

  /* Thumbnails container */
  .woocommerce div.product div.images .flex-control-nav {
      display: flex;
      flex-direction: column;
      order: 2;
      width: 96px !important;
      padding: 0;
      margin: 0;
  }

  /* Individual thumbnails */
  .woocommerce div.product div.images .flex-control-nav li {
      width: 96px !important;
      height: 96px !important;
      margin: 0 0 10px 0 !important;
      float: none !important;
  }

  /* Thumbnail images */
  .woocommerce div.product div.images .flex-control-nav li img {
      width: 96px !important;
      height: 96px !important;
      object-fit: cover;
  }

  /* Remove default inline styles */
  .woocommerce div.product div.images .flex-control-nav.flex-control-thumbs {
      overflow: visible;
  }
}

.product-volume {
  font-size: 14px;
  line-height: 17px;
  color: #878787 !important;
}
/* END Product single */

/* WooCommerce default */
.woocommerce-notices-wrapper {
  max-width: 1300px !important;
  margin: 20px auto !important;
}

a.woocommerce-product-gallery__trigger {
  display: none !important;
}
/* END WooCommerce default */

/* YITH Wishlist */
.yith-wcwl-add-to-wishlist-button__label {
  display: none !important;
}

.yith-wcwl-add-to-wishlist-button--single {
  background: #FFFFFF;
  /* width: 50px !important;
  height: 50px !important; */
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  margin: 0 !important;
  width: fit-content !important;
  padding: 10px;
}

.yith-wcwl-add-to-wishlist-button--added {
  background: #593C8F !important;
}

/* .yith-wcwl-add-to-wishlist-button--single {
  margin-left: auto !important;
  margin-right: auto !important;
} */
/* END YITH Wishlist */

/* Loop Buy button */
.loop-buy-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100% !important;
  padding: 10px 15px;
  background: #F3F0ED;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  font-size: 16px;
}

.loop-buy-button:hover * {
  color: #FFFFFF !important;
}

.loop-buy-button:hover {
  /* background: #593C8F !important; */
}

.loop-buy-button .price {
  margin: 0 !important;
}

.price {
  margin-right: auto;
  line-height: 0;
}

.loop-buy-button .button-text {
  flex-grow: 1;
  text-align: center;
  color: #151712;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 15px !important;
  font-family: 'Montserrat', sans-serif !important;
  height: 100% !important;
  min-height: 20px;
}

.loop-buy-button .button-text bdi {
  color: #151712;
}

.loop-buy-button .woocommerce-Price-amount {
  color: #343539;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
}

.loop-buy-button .price,
.loop-buy-button .price .woocommerce-Price-amount,
.loop-buy-button .price .woocommerce-Price-amount bdi {
  display: flex !important;
  align-items: stretch !important;
  height: 100% !important;
}
/* END Loop Buy button */

/* Upsell bundle button */
.upsell-bundle-button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 15px;
  background-color: #593C8F !important;
  border: none;
  border-radius: 25px !important;
  cursor: pointer;
}

.bundle-price {
  color: #FFFFFF;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
}

.bundle-text {
  text-align: center;
  color: #FFFFFF !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 15px !important;
  font-family: 'Montserrat', sans-serif !important;
  margin: 0 auto !important;
}
/* END Upsell bundle button */

/* Single loop upsell */
.loop-single-upsell-title {
  font-size: 20px !important;
  line-height: 21px !important;
  color: #414348 !important;
  text-align: center !important;
  margin-top: 50px;
}
/* END Single loop upsell */

/* Single add to cart form */
.custom-radio-separator {
  background: #CFCFCF !important;
  height: 2px !important;
}
/* END Single add to cart form */

/* WooCommerce tweaks */
.woocommerce-review-link {
  margin: 0 !important;
}

/* Review stars */
p.review-stars > .product-rating__icon {
  color: #593C8F !important;
}
/* END WooCommerce tweaks */

/* Hack fix review title */
#reply-title {
  display: none !important;
  visibility: hidden !important;
}

/* Single template */
.recent-reviews .review {
  border-top: 1px solid #BCBCBC !important;
  padding-top: 28px !important;
  border-bottom: none !important;
}
/* END Single template */

/* Component Dropdown */

.comp-dropdown-container {
  width: 100%;
}

select.comp-dropdown {
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6.984' height='3.993' viewBox='0 0 6.984 3.993'><path id='Icon_ionic-ios-arrow-down' data-name='Icon ionic-ios-arrow-down' d='M9.681,14.036l2.641-2.643a.5.5,0,0,1,.7,0,.5.5,0,0,1,0,.707l-2.992,2.994a.5.5,0,0,1-.688.015L6.333,12.1a.5.5,0,0,1,.7-.707Z' transform='translate(-6.188 -11.246)'/></svg>") no-repeat;
  background-position: calc(100% - 1rem) center !important;
  -moz-appearance:none !important;
  -webkit-appearance: none !important; 
  appearance: none !important;

  width: 100%;
  border: 1px solid #41434826;
  border-radius: 5px;

  color: #616060 !important;
  font-size: 15px !important;
  line-height: 23px !important;
}
/* END Component Dropdown */

.event-loop-start-date {
  color: rgba(65, 67, 72, 0.73) !important;

  font-size: 12px;
  line-height: 21px;
}

.dashboard-user-greet {
  color: #414348;
  font-size: 16px;
  line-height: 19px;
}

/* Fade out container top to bottom */
.fade-top-bottom {
  /* Radial fade effect with a horizontally squished ellipse shape */
  -webkit-mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 30%);
  mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 30%);
  
  /* Ensure smooth transition */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  
  /* Optional: Keep the overall opacity at 0.8 for further fading */
  opacity: 0.8;
}
/* END Fade out container top to bottom */

.event-date {
  font-size: 12px;
  line-height: 21px;
  color: rgba(65, 67, 72, 0.73);
}

.ms-course-status-icon > svg {
  overflow: visible !important;
}

#ms-calendar-dropdown .tribe-events-l-container {
  padding: 30px 30px 0px 30px !important;
}

#ms-calendar-dropdown .tribe-events {
  background: #EAE6E2 !important;
}

#ms-calendar-dropdown .tribe-events-pro-week-grid__events-scroll-wrapper {
  max-height: 400px;
}