/*
Theme Name: ODR
Author: Fábio Garcia
Description: Custom theme for Olival da Risca
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: odr
*/

/* Global */
a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}
/* this fixes the position when following a link with an achor */
section, [id] {
  scroll-margin-top: 160px;
}


/* ODR */
.odr__header {
  z-index: 100;
}

.odr__menu-nav {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  margin: 0;
  z-index: 60;
}

.odr__menu-nav--visible {
  display: block;
}

.odr__lang-switcher {
  list-style: none;
  display: flex;
  gap: 5px;
}

/* Odr_index */
.wp-block-top-logo {
  z-index: 50;
}
.wp-block-odr__header {
  z-index: 50 !important;
}
.wp-block-odr__header--open {
  z-index: 61 !important;
}

.wp-block-odr__header-menu-icon {
  z-index: 50 !important;
  height: 22px;
}
.wp-block-odr__header-label {
  white-space: nowrap;
}

/* -- Home -- */
.wp-block-odr__home-slider {
  z-index: -2;
  position: relative !important;
  z-index: 0 !important;
  height: 800px;
  top: 0;
}

.wp-block-odr__home-slider > * {
  position: fixed;
}

.odr_home-cover {
  backdrop-filter: blur(40px) brightness(50%) !important;
  background-color: rgba(126, 142, 33, 0.5) !important;
}

/* Product Carousel */
.wp-block-odr__product-carousel-buttons-wrapper-main {
  overflow: auto;
  display: block !important;
  margin: auto;
  width: 100%;
  max-width: 100%;
  /* hide scrollbar */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.wp-block-odr__product-carousel-buttons-wrapper-main::-webkit-scrollbar {
  /* hide scrollbar */
  display: none; 
}
.wp-block-odr__product-carousel-buttons-wrapper {
  width: fit-content;
  margin: auto !important;
}
@container carousel (min-width: 600px) {
  .is-product-collection-layout-carousel .wc-block-product {
      min-width: clamp(417px, 22%, 450px);
  }
}

@container carousel (min-width: 782px) {
  .is-product-collection-layout-carousel .wc-block-product {
      min-width: clamp(417px, 22%, 450px);
  }
}

@container carousel (min-width: 960px) {
  .is-product-collection-layout-carousel .wc-block-product {
      min-width: clamp(417px, 22%, 450px);
  }
}

@container carousel (min-width: 1280px) {
  .is-product-collection-layout-carousel .wc-block-product {
      min-width: clamp(417px, 22%, 450px);
  }
}

@container carousel (min-width: 1440px) {
  .is-product-collection-layout-carousel .wc-block-product {
      min-width: clamp(417px, 22%, 450px);
  }
}

.wp-block-odr__product-carousel-wrapper {
  padding: 0 10%;
  align-items: stretch;
  overflow-y: visible;
}
.wp-block-odr__product-carousel-item {
  display: flex;
  flex-direction: column;
}
.wp-block-odr__product-carousel-item-bottom {
  flex-grow: 1;
}
.wp-block-odr__product-carousel-title {

}
.wp-block-odr__product-carousel-title-text {
  flex-grow: 1;
}
.wp-block-odr__product-carousel-title-arrow-wrapper {
  width: 100%;
}
.wp-block-odr__product-carousel-img {
  transition: all 100ms ease-in-out;
  height: 300px;
  display: flex;
  align-items: end;
}
.wp-block-odr__product-carousel-img:hover {
  transform: matrix(0.99, 0.1, -0.1, 0.99, 0, 0) translate(0, -20px);
}
.wp-block-odr__product-carousel-img img {
  object-position: bottom;
}

.wp-block-odr__product-carousel-buttons-wrapper > .wp-block-button a {
  transition: background-color 200ms ease-in-out;
  white-space: nowrap;
}
  .wp-block-odr__product-carousel-buttons-wrapper > .wp-block-button:hover a {
  background-color: var(--wp--preset--color--light-green) !important;
}
  .wp-block-odr__product-carousel-button--active a {
  background-color: var(--wp--preset--color--light-green) !important;
}
  .wp-block-odr__product-carousel-slider {
  display:none
}
  .wp-block-odr__product-carousel-slider.wp-block-odr__product-carousel-slider--active {
  display:block
}
  
  .wp-block-odr__product-carousel-button-arrow {
  background: var(--wp--preset--color--beige);
  padding: 11px;
  border-radius: 100px;
  overflow: visible;
  transition: all 200ms ease-in-out;
  cursor: pointer;
}
  
.wp-block-odr__product-carousel-button-arrow:hover {
  background: var(--wp--preset--color--dark-green) !important;
}
  
.wp-block-odr__product-carousel-button-arrow:hover path {
  stroke: white;
}

/* special case for dip-sets */
.wp-block-odr__product-carousel-wrapper .wc-block-product.product_cat-dip-set .wp-block-odr__product-carousel-img img {
  width: 100% !important;
  height: 240px !important;
  aspect-ratio: unset !important;
}

/* .wp-block-odr__product-carousel-wrapper .wc-block-product.product_cat-dip-set .wp-block-odr__product-carousel-img {
  z-index: 1;
}
.wp-block-odr__product-carousel-wrapper .wc-block-product.product_cat-dip-set .wp-block-odr__product-carousel-item-shadow {
  width: 85%;
} */
/* .wp-block-odr__product-carousel-wrapper .wc-block-product.product_cat-dip-set .wp-block-odr__product-carousel-item-shadow img {
  border: 4px solid #0004 !important;
  filter: blur(6px) !important;
  height: 0 !important;
  width: 100% !important;

} */

/* Others*/
.wp-block-slide-number {
  width: 80px;
  height: 80px;
  display: flex;
  padding: 0;
  justify-content: center;
  border-radius: 50%;
  align-items: center;
  margin: auto;
  margin-bottom: 35px;
}

.odr__link--no-deco a{
  text-decoration: none;
}

.wp-block-odr__team-card {
  backdrop-filter: blur(40px) brightness(50%) !important;
  background-color: rgba(126,142,33, 0.4) !important;
}

.wp-block-odr__deco-leafs {
  z-index: 1;
  position: absolute !important;
  right: 0;
  /* top: -155px; */
  width: fit-content;
}

.wp-block-odr__deco-leafs--newsletter {
  z-index: 1;
  position: absolute !important;
  left: 0;
  /* top: 60px; */
  width: fit-content;
  transform: scaleX(-1);
}

/* path to olive oil area */
.wp-block-odr__olive-oil-path-carousel {
  overflow: visible;
  width: 100%;
}

.wp-block-odr__olive-oil-path-carousel .swiper {
  overflow: visible;
}

.wp-block-odr__olive-oil-path-carousel .cb-button-prev,
.wp-block-odr__olive-oil-path-carousel .cb-button-next {
  display: none;
}

.wp-block-odr__olive-oil-path-carousel-slide {
  /* width: 663px !important; */
}

.wp-block-odr__olive-oil-path-carousel-slide-nr {
  width: 66px;
  height: 66px;
  display: flex;
  padding: 0;
  justify-content: center;
  border-radius: 50%;
  align-items: center;
  margin: auto;
  background-color: var(--wp--preset--color--light-green) !important;
}

/* .odr_home-cover-img {
  position: absolute;
  top: -225px;
  width: 100%;
  text-align: center;
  left: 0;
  right: 0;
} */

/* .wp-block-menu-nav-content {
  position: relative;
  margin: 0;
  padding-top: 92px;
}

.wp-block-menu-nav-corner-img {
  position: absolute !important;
  right: 0;
  top: 0;
  margin: 0;
}

.wp-block-menu-nav-content-cols {
  position: relative;
}

.wp-block-menu-nav-content-col {
  display: flex;
}

.wp-block-menu-nav-content-stack {
  width: 100%;
  margin-block-start: 130px !important;
  padding-top: 120px !important;
}

.wp-block-menu-nav-content-stack-img {
  position: absolute;
  top: -10px;
} */
 /* Footer */
.footer__groups {
  gap: 3rem 0;
}

.wp-block-odr__product-left-column {
}

.wp-block-odr__product-left-column .wp-block-odr__product-image-group {
  top: 100px;
  margin-top: -100px;
}

.wp-block-odr__product-left-column .wp-block-odr__product-image-group figure {
}

.wp-block-odr__product-left-column .wp-block-odr__product-image-group figure img {
  max-height: calc(100dvh - 100px) !important;
  object-fit: scale-down !important;
}

.wp-block-odr__product-main-video {
  aspect-ratio: 1 !important;
  max-width: 100%;
  align-items: start;
}

/* Mobile Only */
@media (max-width: 480px) {
  main > div.wp-block-query > ul > li > div.wp-block-group-is-layout-flow {
    margin-top: 0 !important;
  }
  .odr__header-top-decoration {
    display: none !important;
  }
  .odr__menu-nav--visible {
    height: 100dvh;
    overflow: auto;
  }
  /* Columns Header */ 
  .odr__header-top-columns {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .odr__header-top-columns div:nth-child(1) {
    order: 3;
    flex-basis: 48px !important;
  }
  .odr__header-top-columns div:nth-child(1) .odr__menu-btn {
    justify-content: end;
  }
  .odr__header-top-columns div:nth-child(2) {
    flex-basis: 150px !important;
  }
  .odr__header-top-columns div:nth-child(2) .wp-block-group {
    justify-content: start;
  }
  .odr__header-top-columns div:nth-child(2) img {
    max-width: 150px !important;
    width: 150px !important;
  }
  .odr__header-top-columns div:nth-child(3) {
    order: -1;
    flex-basis: auto !important;
    width: 63px;
    flex-grow: 0 !important;
  }
  /* Columns Menu-Nav */
  .odr__menu-nav-top-columns div:nth-child(1) {
    order: 2;
  }
  .odr__menu-nav-top-columns div:nth-child(1) .odr__menu-btn {
    justify-content: end;
  }
  .odr__menu-nav-top-columns div:nth-child(3) {
    display: none;
  }
  .odr__menu-nav-horizontal img {
    max-width: 140px !important;
    width: 140px !important;
  }
  .odr__header-main-columns 
  /* hide body when menu is open */
  body.odr__menu-nav--open main {
    display: none !important;
  }
  .odr__header-main-columns {
    padding: 0 53px !important;
    margin-top: 84px !important;
  }
  .footer__groups {
    gap: 3rem 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  } 

  .footer__body {
    margin: 40px 0 10px!important;
  }

  .footer__bottom {
    gap: 10px 0;
  }
  .footer__bottom p{
    width: 100%;
  }
  /* others */
  .wp-block-odr__team-area {
    display: flex;
    align-items: center;
  }
  
  .wp-block-odr__team-card-cols {
    height: fit-content;
    padding: 16px !important;
  }

}

@media (max-width: 781px) {
  /* general */
  .wp-block-odr__mobile-oreder-1 {
    order: -1;
  }
  .wp-block-odr__mobile-ratio-1 {
    aspect-ratio: 1 !important;
  }
  .wp-block-odr__deco-leafs {
    display: none;
  }

  /* about us */
  .wp-block-odr__about-us-cards-area {
    padding-right: 42px !important;
    padding-left: 42px !important;
  }
  .wp-block-odr__about-us-img-square {
    width: 100%;
    aspect-ratio: 1 !important;
  }

  /* Product Page */
  .wp-block-odr__product-main-area {
    padding-right: 42px !important;
    padding-left: 42px !important;
  }
}


/* Woocommerce */

.wp-block-woocommerce-product-description strong{
  font-weight: 600;
}