/*
Theme Name:     Loja do Guarda Pó
Description:    Tema para a Loja Guarda Pó
Author:         H2K Web & Hosting
Author URI:     https://h2k.com.br
Version:        1.0.0
Text Domain:    ecommerce
*/
/* BOTÃO TABELA DE MEDIDAS */
.product-summary #tabelaDeMedida {
	background-color: #fff;
	border: 1px solid #333333;
	border-radius: 2px;
	padding: 4px 20px;
}

.product-summary #tabelaDeMedida span{
    display: flex;
    align-content: center;
    align-items: center;
    gap: 10px;
}

.product-summary #tabelaDeMedida span:before {
	content: '';
	display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M59 36H46V25c0-7.29-9.664-13-22-13S2 17.71 2 25v14c0 7.29 9.664 13 22 13h35a3.003 3.003 0 0 0 3-3V39a3.003 3.003 0 0 0-3-3Zm-15 0h-8.156A18.112 18.112 0 0 0 44 30.477ZM24 14c11.028 0 20 4.935 20 11s-8.972 11-20 11S4 31.065 4 25s8.972-11 20-11Zm-2 35.944V43a1 1 0 0 0-2 0v6.778a32.498 32.498 0 0 1-4-.703V46a1 1 0 0 0-2 0v2.512a23.45 23.45 0 0 1-4-1.67V40a1 1 0 0 0-2 0v5.572C5.5 43.736 4 41.465 4 39v-8.523C7.44 34.953 14.998 38 24 38h27.026A4.951 4.951 0 0 0 50 41v6a4.951 4.951 0 0 0 1.026 3H46v-7a1 1 0 0 0-2 0v7h-4v-3a1 1 0 0 0-2 0v3h-4v-7a1 1 0 0 0-2 0v7h-4v-3a1 1 0 0 0-2 0v3h-2q-1.013 0-2-.056ZM60 49a1.001 1.001 0 0 1-1 1h-4a3.003 3.003 0 0 1-3-3v-6a3.003 3.003 0 0 1 3-3h4a1.001 1.001 0 0 1 1 1ZM24 31c6.841 0 12-2.58 12-6s-5.159-6-12-6-12 2.58-12 6 5.159 6 12 6Zm0-10c5.724 0 10 2.111 10 4s-4.276 4-10 4-10-2.111-10-4 4.276-4 10-4Zm32 21v4a1 1 0 0 1-2 0v-4a1 1 0 0 1 2 0Z" fill="%23454545"/></svg>');
  background-repeat: no-repeat;
}

/* NOVO ESTILO SUBMENU */

.site-header-content ul.sub-menu-first-depth {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px!important;
    justify-content: flex-start;
}

.site-header-content ul.sub-menu-first-depth li.menu-item {
    min-width: 225px;
}

/* ESTILO PREÇO NO CARD DO PRODUTO */
.card-product .item-content .item-bottom .item-prices {
    align-items: flex-end!important;
}

.regular-price-text {
  font-weight: 600;
  font-size: 16px;
}

.card-product .item-content .item-bottom .item-prices span.regular-price {
  font-weight: 600;
  font-size: 22px!important;
}

@media(max-width: 690px){
  .card-product .item-content .item-bottom .item-prices span.regular-price {
  font-size: 16px!important;
}
}


/* SECTION RELATED PRODUCTS IN SINGLE */
.up-sells.upsells.products {
  padding-top: 80px;
}

.up-sells.upsells.products h2 {
  padding-bottom: 40px;
}


.shop-gallery-section {
    padding: 60px 0;
    background-color: #f9f9f9;
}

.gallery-header {
    text-align: center;
    margin-bottom: 40px;
}

.gallery-header h2 {
    color: #b9141a;
    font-size: 2.5rem;
    margin-bottom: 10px;
}

/* Container do Swiper */
.shop-swiper {
    padding-bottom: 50px !important;
}

.gallery-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px; /* Bordas arredondadas modernas */
    aspect-ratio: 4/3; /* Mantém todas as fotos na mesma proporção */
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.gallery-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Efeito de Hover */
.gallery-card:hover img {
    transform: scale(1.1);
}

.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 60%, rgba(0,42,88,0.2));
    pointer-events: none;
}

/* Customização das setas e pontos */
.shop-swiper .swiper-button-next, 
.shop-swiper .swiper-button-prev {
    color: #b9141a;
    background: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.shop-swiper .swiper-button-next::after, 
.shop-swiper .swiper-button-prev::after {
    font-size: 18px;
    font-weight: bold;
}

.shop-swiper .swiper-pagination-bullet-active {
    background: #b9141a;
}

.list-row li {
    list-style: none;
}

.box-title .before-title:before {
    bottom: 10px!important;
}

.navigation.pagination .nav-links .page-numbers {
    padding: 4px 0!important;
}

.navigation.pagination .nav-links>span.current{
    border-bottom: 1px solid #ba141a;
}

.card-product .item-content .item-bottom {
    align-items: center!important;
}

.payment-method.pix {
    display: none;
}


/* Wrapper */
.mobile-menu.offcanvas {
  background: #fff !important;
  border-right: 1px solid rgba(0,0,0,.06) !important;
}

/* Header */
.mobile-menu__header {
  padding: 18px 18px 14px !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}

.mobile-menu__logo img {
  display: block !important;
  height: 28px !important;
  width: auto !important;
}

.mobile-menu__close {
  opacity: .7 !important;
}
.mobile-menu__close:hover {
  opacity: 1 !important;
}

/* Body */
.mobile-menu__body {
  padding: 10px 12px 18px !important;
}

/* List */
.mobile-menu__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 6px 0 !important;
}

.mobile-menu__list > li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Links */
.mobile-menu__list a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  color: rgba(0,0,0,.78) !important;
  font-size: 15px !important;
  letter-spacing: .2px !important;
  transition: background .15s ease, color .15s ease !important;
}

/* Hover / Focus */
.mobile-menu__list a:hover,
.mobile-menu__list a:focus {
  background: rgba(0,0,0,.04) !important;
  color: rgba(0,0,0,.88) !important;
}

/* Active / current page */
.mobile-menu__list li.current-menu-item > a,
.mobile-menu__list li.current-menu-parent > a,
.mobile-menu__list li.current_page_item > a,
.mobile-menu__list li.current_page_parent > a {
  color: #b9141a !important;
  background: rgba(185, 20, 26, .08) !important;
  font-weight: 600 !important;
}

/* Submenu */
.mobile-menu__list .sub-menu {
  list-style: none !important;
  margin: 6px 0 10px !important;
  padding: 0 0 0 10px !important;
  border-left: 1px solid rgba(0,0,0,.06) !important;
}

.mobile-menu__list .sub-menu a {
  padding: 10px 14px !important;
  font-size: 14px !important;
  border-radius: 10px !important;
}

/* Garantia extra contra marker */
.mobile-menu__list li::marker {
  content: "" !important;
}

.offcanvas {
    max-width: 80% !important;
}

.card-product .item-content .item-title a {
    text-align: center;
}