/* geral */
:root {
  --color-search-background: #d9b3f4;
  --cor-verde: #cbff4a;
  --color-main: #610da0;
}
.sr-only {
  display: none;
}

.account-button__avatar {
  background-color: var(--cor-verde) !important;
  color: #000 !important;
}

/* tailwind */
.order-1-1 {order:-1;}
.order-0 {order:0;}
.order-1 {order:1;}
.order-2 {order:2;}
.order-3 {order:3;}
.order-4 {order:4;}
.order-5 {order:5;}
.order-6 {order:6;}
.order-7 {order:7;}
.order-8 {order:8;}
.order-9 {order:9;}
.order-10 {order:10;}
@media screen and (max-width: 768px) {
  .order-mobile-1-1 {order:-1;}
  .order-mobile-0 {order:0;}
  .order-mobile-1 {order:1;}
  .order-mobile-2 {order:2;}
  .order-mobile-3 {order:3;}
  .order-mobile-4 {order:4;}
  .order-mobile-5 {order:5;}
  .order-mobile-6 {order:6;}
  .order-mobile-7 {order:7;}
  .order-mobile-8 {order:8;}
  .order-mobile-9 {order:9;}
  .order-mobile-10 {order:10;}
}

/* header */
body:has(
  .header[transparent='not-sticky'][data-sticky-state='active'],
  .header[sticky='always'][data-sticky-state='active'],
  .header__row:hover,
  .mega-menu__list:is(:hover),
  .header-menu:is([aria-expanded='true']),
  nav[header-menu]:is(:focus-within),
  .menu-list__link[data-animating],
  .account-popover[open],
  .localization-wrapper:not([hidden])
){
  .marquee__content .marquee__repeated-items p {
      color: #ffffff !important;
  }
  .section-marquee {
    background: #610da0 !important;
  }
}
.header[transparent] {
  &[transparent='not-sticky'][data-sticky-state='active'],
  &:has(
      .header__row:hover,
      .mega-menu__list:is(:hover),
      .header-menu:is([aria-expanded='true']),
      nav[header-menu]:is(:focus-within),
      .menu-list__link[data-animating],
      .account-popover[open],
      .localization-wrapper:not([hidden])
    ) {
      .section-marquee,
      .menu-list__submenu-inner {
        background: #610da0 !important;
      }
      .header-actions__action,
      .header-actions__action:hover,
      .menu-list__link,
      .menu-drawer-container .header__icon--summary,
      .mega-menu__link {
        color: #ffffff !important;
      }
  }
}
.header {
  &[sticky="always"][data-sticky-state='active'],
  &:has(
      .header__row:hover,
      .mega-menu__list:is(:hover),
      .header-menu:is([aria-expanded='true']),
      nav[header-menu]:is(:focus-within),
      .menu-list__link[data-animating],
      .account-popover[open],
      .localization-wrapper:not([hidden])
    ) {
      .header-logo__image {
        filter: brightness(0) invert(1);
      }
      .section-marquee,
      .menu-list__submenu-inner {
        background: #610da0 !important;
      }
      .header-actions__action,
      .header-actions__action:hover,
      .menu-list__link,
      .menu-drawer-container .header__icon--summary,
      .mega-menu__link {
        color: #ffffff !important; 
      }
      .header__row.header__row--top {
        background: #610da0 !important;
      }
      .cart-bubble__background {
        background-color: var(--color-primary-button-text);
      }
      .cart-bubble__text { 
        color: var(--color-primary-button-background);
      }
  }
}
.header:not([transparent]) {
  &:has(
    .header__row:hover,
    .mega-menu__list:is(:hover),
    .header-menu:is([aria-expanded='true']),
    nav[header-menu]:is(:focus-within),
    .menu-list__link[data-animating],
    .account-popover[open],
    .localization-wrapper:not([hidden])
  ) {
      .section-marquee {
        background: #610da0 !important;
      }
      .header-actions__action,
      .header-actions__action:hover,
      .menu-list__link,
      .menu-drawer-container .header__icon--summary {
        color: #ffffff !important;
      }
  }
}
span.menu-list__link-title {
  display: flex;
  gap: 5px;
  align-items: center;
}
span.menu-list__link-title-arrow {
  transition: transform 0.3s ease;
}
.menu-list__list-item:hover span.menu-list__link-title-arrow,
.menu-list__link[aria-expanded="true"] span.menu-list__link-title-arrow {
  transform: rotate(180deg);
}


@media screen and (max-width: 768px) {
  header-drawer .menu-drawer__featured-content-list {
    flex-wrap: wrap;
    padding: var(--drawer-padding);
    padding-bottom: 48px;
  }
  header-drawer .menu-drawer__featured-content-list-item:first-child,
  header-drawer .menu-drawer__featured-content-list-item:last-child {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
  header-drawer .menu-drawer__featured-content-list-item {
    flex: 0 0 calc(50% - .5em);
  }
  header-drawer .resource-card__media {
    border-radius: 10px;
    overflow: hidden;
  }
}

/* slideshow */
slideshow-controls[style*=--pause-play-color] .slideshow-control.icon-pause, 
slideshow-controls[style*=--pause-play-color] .slideshow-control.icon-play,
slideshow-controls .slideshow-control__thumbnail {
  display: none !important;
}

/* search page */
.search-page-input__parent .search-page-input {
  background-color: var(--color-search-background) !important;
  border-color: var(--color-search-background) !important;
  border-radius: 100px !important;
  padding-inline: calc(var(--icon-size-lg) + var(--margin-xl) * 2.5) !important;
  color: #ffffff !important;
  font-size: 1.5rem !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.search-page-input__parent search-page-input-component .search__icon, 
.search-page-input__parent search-page-input-component .search__icon svg {
  width: 48px;
  height: 48px;
}

/* sortings and filter on search page */
.sorting-filter__options-header {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
}
.sorting-filter__options-title.h3 {
  margin: 0;
}
dialog.facets.facets--drawer[open]::backdrop {
  background: transparent !important;
  backdrop-filter: brightness(1) !important;
}
.facets-search-block-wrapper accordion-custom.facets__item::before {
  display: none !important;
}
.facets-search-block-wrapper .facets--drawer .facets__see-results,
.facets-search-block-wrapper .facets--drawer .facets__clear-all {
  flex-grow: 0;
  width: auto;
  min-width: auto;
  padding: 5px 20px;
  font-weight: bold;
  font-size: 1rem;
  border-radius: 100px;
}
.facets-search-block-wrapper .facets--drawer .facets__clear-all {
  background-color: #fafafa !important;
  color: #7e7e7e !important;
  font-weight: 400;
}
.facets-search-block-wrapper .facets__summary span.facets__label {
  font-size: 1rem;
  font-weight: bold;
  color: var(--color-primary-button-background) !important;
}
.facets-search-block-wrapper .checkbox .icon-checkmark,
.sorting-filter__checkmark svg {
  border-color: var(--color-primary-button-background) !important;
}
.facets-search-block-wrapper .checkbox__input:checked+.checkbox__label .icon-checkmark,
.sorting-toggle__wrapper--search .sorting-filter__input~.sorting-filter__checkmark {
  background-color: var(--color-primary-button-background) !important;
  color: var(--color-primary-button-text) !important;
  border: 1px solid var(--color-primary-button-background) !important;
}
.sorting-toggle__wrapper--search .sorting-filter__input~.sorting-filter__checkmark {
  border-radius: 5px;
}
.sorting-toggle__wrapper--search .sorting-filter__input:not(:checked)~.sorting-filter__checkmark {
  background-color: var(--color-primary-button-text) !important;
  visibility: visible !important;
  color: var(--color-primary-button-text) !important;
}
.facets-search-block-wrapper .checkbox__label {
  color: var(--color-primary-button-background) !important;
}
.facets-search-block-wrapper .facets .checkbox:not(:has(.checkbox__input:disabled)):hover .checkbox__label-text {
  font-weight: 700;
  color: inherit !important;
}
.facets-search-block-wrapper .facets--drawer .facets__filters-wrapper {
  flex-direction: row;
  display: flex;
  gap: 1rem;
}
.facets-search-block-wrapper dialog.facets {
  padding: 40px;
}
.facets-search-block-wrapper .facets__panel,
.facets-search-block-wrapper .facets__title-wrapper,
.facets-search-block-wrapper .facets__actions {
  padding: 0 !important;
}
.facets-search-block-wrapper .facets-drawer__title svg,
.facets-toggle__button .icon-controls,
.facets-controls-wrapper sorting-filter-component.sorting-filter .facets__summary svg,
.sorting-filter__options-title.h3 svg {
  width: 32px;
  height: 32px;
  color: #cbff4a;
  fill: #cbff4a;
  stroke: #cbff4a;
}
.facets-toggle__label,
.facets-controls-wrapper sorting-filter-component.sorting-filter .facets__summary .facets__label {
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-primary-button-background);
}
@media screen and (max-width: 750px) {
  .sorting-toggle__wrapper, .facets-toggle__wrapper, .sorting-filter {
    flex: 1;
  }
}
.facets-controls-wrapper .facets-toggle__wrapper,
.facets-controls-wrapper sorting-filter-component.sorting-filter .facets__summary {
  background: #d9b3f4;
  border-radius: 5px;
  color: #5c447d;
  min-width: 150px;
  justify-content: flex-start;
  gap: var(--gap-2xs);
  padding: 3px 5px;
}
@media screen and (max-width: 750px) {
  .facets-controls-wrapper .facets-toggle__wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
.facets-controls-wrapper .facets-toggle__wrapper .facets-toggle__button {
  width: 100%;
}
.facets-search-block-wrapper .facets-drawer__title.h3,
.sorting-filter__options-title.h3 {
  background: #d9b3f4;
  border-radius: 5px;
  padding: 0 5px;
  font-size: 1rem;
  min-width: 150px;
  color: var(--color-primary-button-background);
}
.facets-search-block-wrapper .button.facets-drawer__close,
button.sorting-filter__options-close {
  color: var(--color-primary-button-background);
  height: 32px;
  width: 32px;
  background: #d9b3f4;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
}

/* collection page */


/* collection-card */
.ui-test-product-list .resource-list {
  margin-top: 48px;
}
.collection-card__inner {
  justify-content: center;
  align-items: center;
}
.circle-image img {
  border-radius: 100%;
}

/* accordion customizations */
.accordion-custom .details__header {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.accordion-custom .details__title {
  flex: 1;
  margin-left: 10px;
}

.showing-next-image img.product-media__image {
  animation: zoom-continuo-infinito 10s linear infinite;
}

@keyframes zoom-continuo-infinito {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.3);
  }
}

/* Caret customizations - aponta direita quando fechado, baixo quando aberto */
.accordion-custom .details__caret {
  transform: rotate(-90deg);
  transition: transform 0.2s ease;
  margin-left: auto;
  width: 25px;
  height: 25px;
}
.accordion-custom .details__caret svg {
  width: 25px;
  height: 25px;
}

.accordion-custom details[open] .details__caret {
  transform: rotate(0deg);
}

/* Icon positioning */
.accordion-custom--icon-left .details__header {
  flex-direction: row;
}

.accordion-custom .details__icon--left {
  order: -1;
  margin-right: var(--margin-xs);
  margin-left: 0;
}

.accordion-custom .details__icon--right {
  margin-left: var(--margin-xs);
  margin-right: 0;
}

.accordion-custom:has(.details-content.is-empty) {
  display:none !important;
}

/* footer */
.email-signup__button-icon {
    fill: var(--color-input-text) !important;
    color: var(--color-input-text) !important;
}
.footer-logo-agencia img {filter: brightness(0) invert(1);}
/*.social-icons__icon {
  color: var(--cor-verde) !important;
}*/
@media screen and (max-width: 768px) {
  footer .group-block-content {
    align-items: center;
  }
  footer .accordion-custom.menu,
  footer .details-content {
    text-align: center;
  } 
  summary.menu__heading.h5 {
    justify-content: center;
    font-size: 1.1rem;
  }
}

/* Customização dos dots do slideshow */
slideshow-controls {
  padding: var(--padding-vertical) var(--padding-horizontal);
}
@media screen and (max-width: 768px) {
  slideshow-controls {
    padding: var(--padding-vertical-mobile) var(--padding-horizontal-mobile);
  }
  slideshow-controls {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%);
  }
}

.slideshow-controls__dots li {
  width: calc((var(--dots-active-size, 8px) * 2) + 4px);
  height: calc((var(--dots-active-size, 8px) * 2) + 4px);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

slideshow-controls[style*="--dots-size"] .slideshow-controls__dots button {
  width: calc(var(--dots-size, 8px) * 2);
  height: calc(var(--dots-size, 8px) * 2);
  /* margin: calc(var(--dots-size, 8px) / -2); */
  /* border-radius: var(--dots-size, 8px); */
  border-radius: 100px;
}

/* slideshow-controls[style*="--dots-size"] .slideshow-controls__dots button::after {
  width: calc(var(--dots-active-size, 8px) * 2);
  height: calc(var(--dots-active-size, 8px) * 2);
  border-radius: 100px;
} */

slideshow-controls[style*="--dots-size"] .slideshow-controls__dots button[aria-selected="true"] {
  width: calc(var(--dots-active-size, 8px) * 2);
  height: calc(var(--dots-active-size, 8px) * 2);
}
/* slideshow-controls[style*="--dots-active-size"] .slideshow-controls__dots button[aria-selected="true"]::after {
  width: calc(var(--dots-active-size, 8px) * 2);
  height: calc(var(--dots-active-size, 8px) * 2);
} */
slideshow-controls[style*="--dots-normal-size"] .slideshow-controls__dots .slideshow-control__play-pause{
  width: calc(var(--dots-normal-size, 8px) * 2);
  height: calc(var(--dots-normal-size, 8px) * 2);
}
slideshow-controls[style*="--dots-normal-size"] .slideshow-controls__dots .slideshow-control__play-pause svg {
  width: calc(var(--dots-normal-size, 8px) * 1.5);
  height: calc(var(--dots-normal-size, 8px) * 1.5);
}
.slideshow-controls__dots button {
  margin: 0;
}
.slideshow-controls__dots button:after {
  display: none;
}

slideshow-controls[style*="--dots-normal-color"] .slideshow-controls__dots button {
  background-color: var(--dots-normal-color, #000000);
}

slideshow-controls[style*="--dots-active-color"] .slideshow-controls__dots button[aria-selected="true"] {
  background-color: var(--dots-active-color, #000000) !important;
}

/* Customização dos botões de pause/play */
slideshow-controls[style*="--pause-play-color"] .slideshow-control.icon-pause,
slideshow-controls[style*="--pause-play-color"] .slideshow-control.icon-play {
  color: var(--pause-play-color, #000000) !important;
}

slideshow-controls[style*="--pause-play-size"] .slideshow-control.icon-pause svg,
slideshow-controls[style*="--pause-play-size"] .slideshow-control.icon-play svg {
  width: var(--pause-play-size, 16px) !important;
  height: var(--pause-play-size, 16px) !important;
}

/* Garantir que as customizações tenham prioridade sobre o mix-blend-mode */
slideshow-controls[style*="--pause-play-color"] .slideshow-control.icon-pause,
slideshow-controls[style*="--pause-play-color"] .slideshow-control.icon-play {
  mix-blend-mode: normal !important;
}

slideshow-controls[style*="--dots-normal-color"] .slideshow-controls__dots button,
slideshow-controls[style*="--dots-active-color"] .slideshow-controls__dots button[aria-selected="true"] {
  mix-blend-mode: normal !important;
}

slideshow-controls[style*="--dots-normal-color"]:has(.slideshow-controls__dots),
slideshow-controls[style*="--dots-active-color"]:has(.slideshow-controls__dots) {
  mix-blend-mode: normal !important;
}

/* pdp */
.product-page-title p {
  position: relative;
}
.product-page-title em {
  border: 1px solid #610da03d;
  background: #610da01c;
  border-radius: 4px;
  padding: 2px 7px;
  font-style: normal;
  font-size: 0.7rem;
  font-weight: 400;
  color: #610da0;
  margin-left: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}
.slideshow-controls__thumbnails .slideshow-control,
.slideshow-controls__thumbnails .slideshow-control img {
  border-radius: 100px;
}
/* @media screen and (min-width: 750px) {
  media-gallery.spacing-style.sticky-content.media-gallery--carousel slideshow-component {
    max-height: calc(100svh - 220px) !important;
    overflow: hidden;
  }
  .product-information__grid:not(:has(.product-information__media:empty)).product-information--media-left {
      grid-template-columns: 3fr 2fr !important;
  }
} */
@media screen and (min-width: 750px) {
  .product-information__grid {
    grid-template-columns: 40px 3fr 2fr 40px !important;
  }
}

.product-form-buttons {
  /* display: block !important; */
  display: flex !important;
  align-items: center;
  gap: 2rem !important;
}
.product-details .quantity-selector {
  background: transparent;
  border: 0;
  color: var(--color-foreground);
  max-width: 80px;
}
.product-details .quantity-selector .quantity-minus, 
.product-details .quantity-selector .quantity-plus {
  width: 30px;
  height: 30px;
  color: inherit;
}
.quantity-selector input[type=number] {
  color: inherit;
  font-weight: 700;
  min-width: 40px;
} 
.button.add-to-cart-button,
button#checkout {
  font-weight: 700;
  font-size: 1rem;
  border-radius: 100px;
  padding: 0;
  line-height: 2.3;
  min-height: 1px !important;
  height: auto;
  max-width: 170px;
  text-transform: uppercase;
}
button#checkout {
  max-width: 100%;
}
.button.add-to-cart-button .svg-wrapper.add-to-cart-icon {
  display: none;
}
/*
@media screen and (max-width: 768px) {
  .product-details product-price {
    margin-top: 2rem;
  }
}
*/

/* image carousel */
.image-carousel-container {
  margin: 0 auto;
}

.image-carousel-container.full-width {
  width: 100%;
  max-width: none;
}

.image-carousel-container.page-width {
  max-width: 120rem;
  padding: 0 1.5rem;
  @media screen and (max-width: 749px) {
    padding: 0;
  }
}

.image-carousel {
  position: relative;
}

.image-carousel .splide__track {
  align-items: center;
  min-height: 150px;
}

@media screen and (min-width: 750px) {
  .image-carousel .splide__track {
    min-height: 250px;
  }
}

.image-carousel .splide__list {
  align-items: center;
  display: flex !important;
}

.image-carousel .splide__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  vertical-align: middle;
}

.image-carousel-item {
  width: auto;
  height: auto;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-wrapper {
  width: auto;
  height: auto;
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius, 0);
}

.image-wrapper img {
  border-radius: var(--border-radius, 0);
  display: block;
}

.image-mobile {
  display: none;
}

/* Aspect ratios */
.aspect-ratio-1-1 {
  aspect-ratio: 1 / 1;
}

.aspect-ratio-4-3 {
  aspect-ratio: 4 / 3;
}

.aspect-ratio-3-4 {
  aspect-ratio: 3 / 4;
}

.aspect-ratio-auto {
  aspect-ratio: var(--aspect-ratio, auto);
}

@media screen and (max-width: 749px) {
  .aspect-ratio-auto {
    aspect-ratio: var(--aspect-ratio-mobile, var(--aspect-ratio, auto));
  }
}

/* When using forced aspect ratios, ensure images fill the container */
.aspect-ratio-1-1 img,
.aspect-ratio-4-3 img,
.aspect-ratio-3-4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* When using auto aspect ratio, let images maintain their natural proportions */
.aspect-ratio-auto img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Desktop sizes */
@media screen and (min-width: 750px) {
  .image-wrapper {
    max-width: var(--desktop-max-width, 400px);
    max-height: var(--desktop-max-height, 400px);
  }
  
  .aspect-ratio-auto .image-wrapper img {
    max-width: var(--desktop-max-width, 400px);
    max-height: var(--desktop-max-height, 400px);
    width: auto;
    height: auto;
  }
}

/* Mobile sizes and responsive images */
@media screen and (max-width: 749px) {
  .image-wrapper {
    max-width: var(--mobile-max-width, 280px);
    max-height: var(--mobile-max-height, 280px);
  }
  
  .aspect-ratio-auto .image-wrapper img {
    max-width: var(--mobile-max-width, 280px);
    max-height: var(--mobile-max-height, 280px);
    width: auto;
    height: auto;
  }
  
  .image-desktop {
    display: none;
  }
  
  .image-mobile {
    display: block;
  }
}

/* Placeholder image */
.placeholder-image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-background-2);
  border-radius: var(--border-radius, 0);
}

.placeholder-image svg {
  width: 50%;
  height: 50%;
  opacity: 0.5;
}

/* Splide custom styles */
.image-carousel .splide__arrows {
  position: relative;
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.image-carousel .splide__arrow {
  position: static;
  background: var(--color-foreground);
  color: var(--color-background);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.image-carousel .splide__arrow:hover {
  background: var(--color-foreground-75);
  transform: scale(1.1);
}

.image-carousel .splide__arrow svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.image-carousel .splide__pagination {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.image-carousel .splide__pagination__page {
  background: var(--color-foreground);
  opacity: 0.3;
  border: none;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.image-carousel .splide__pagination__page.is-active {
  background: var(--color-foreground);
  opacity: 1;
  transform: scale(1.2);
}

/* Hide arrows/dots based on settings and screen size */
.image-carousel[data-arrows-desktop="false"] .splide__arrows {
  display: none !important;
}

.image-carousel[data-dots-desktop="false"] .splide__pagination {
  display: none !important;
}

@media screen and (max-width: 749px) {
  .image-carousel[data-arrows-mobile="false"] .splide__arrows {
    display: none !important;
  }
  
  .image-carousel[data-dots-mobile="false"] .splide__pagination {
    display: none !important;
  }
  
  .image-carousel[data-arrows-mobile="true"] .splide__arrows {
    display: flex !important;
  }
  
  .image-carousel[data-dots-mobile="true"] .splide__pagination {
    display: flex !important;
  }
}