/*
 Theme Name:   Faryita Child
 Theme URI:    https://faryita.wpengine.com/
 Description:  Faryita Child Theme
 Author:       the WeDesignTech team
 Author URI:   https://wedesignthemes.com/
 Template:     faryita
 Version:      1.0.0
 Text Domain:  faryita-child
*/

:root {
  --light-color: #fafafa;
  --dark-color: #212121;
  --primary-color: #552d24;
  --secondary-color: #c69238;
  --red-dark-color: #93061f;
  --gray-light-color: #cccccc;
  --gray-medium-color: #959595;
}

input[type="text"],
input[type="email"],
textarea {
  border: 1px solid var(--gray-medium-color) !important;
}

.d-none,
.select-caret-down-wrapper {
  display: none !important;
}

.icon-player i {
  transition: all 0.3s ease !important;
}
.icon-player:hover {
  transform: scale(1.2) !important;
}

select#form-field-setor,
.select2-selection--single,
.select2-container {
  background-color: var(--light-color) !important;
  width: 100% !important;
  border-radius: 0 !important;
}

select,
.select2-container .select2-choice,
.select2-drop,
.select2-dropdown,
.select2-drop.select2-drop-above,
.select2-drop.select2-drop-below,
.select2-container--open .select2-dropdown.select2-dropdown--above,
.select2-container--open .select2-dropdown.select2-dropdown--below,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-radius: 0 !important;
}

.current_page_item > a {
  color: var(--primary-color) !important;
}

.current_page_item > a:hover {
  color: var(--secondary-color) !important;
}

.grecaptcha-badge {
  position: fixed !important;
  left: 0 !important;
  bottom: 20px !important;
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  opacity: 1 !important;
  z-index: 9999 !important;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}

/* GALERIA (lightbox) */
.galeria-nutricional {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

/* PRODUTO */
.produto-variacoes {
  width: 100%;
  font-size: 15px;
}

/* Grid de 3 colunas */
.produto-variacoes-header,
.produto-variacoes-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  align-items: center;
}

/* Header */
.produto-variacoes-header {
  text-transform: uppercase;
  color: #c69238;
  text-align: center;
  border-bottom: 0 solid currentColor;
  padding: 10px 12px;
}

/* Corpo */
.produto-variacoes-row {
  padding: 10px 12px;
  border-bottom: 1px solid currentColor;
}

/* Última linha sem borda */
.produto-variacoes-row:last-child {
  border-bottom: none;
}

/* Alinhamentos por coluna */
.produto-variacoes-row > div:nth-child(1) {
  text-align: left;
}

.produto-variacoes-row > div:nth-child(2),
.produto-variacoes-row > div:nth-child(3),
.produto-variacoes-header > div {
  text-align: center;
}

/* Texto branco */
.produto-variacoes.text-white {
  color: #fff;
}

/* Texto preto */
.produto-variacoes.text-black {
  color: #000;
}

@media (max-width: 767px) {
  /* Esconde o header da tabela */
  .produto-variacoes-header {
    display: none;
  }

  /* Cada linha vira um card */
  .produto-variacoes-row {
    display: block;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    margin-bottom: 12px;
  }

  /* Cada coluna vira uma linha label + valor */
  .produto-variacoes-row > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 6px 0;
    text-align: left !important;
  }

  /* Labels automáticos */
  .produto-variacoes-row > div:nth-child(1)::before {
    content: "Produto";
    font-weight: 600;
    opacity: 0.7;
    flex-shrink: 0;
  }

  .produto-variacoes-row > div:nth-child(2)::before {
    content: "Tamanho";
    font-weight: 600;
    opacity: 0.7;
    flex-shrink: 0;
  }

  .produto-variacoes-row > div:nth-child(3)::before {
    content: "Código EAN";
    font-weight: 600;
    opacity: 0.7;
    flex-shrink: 0;
  }
}

/* Efeito esfumaçado apenas para telas maiores que 1920px */
@media (min-width: 1921px) {
  #slide-home {
    position: relative;
    display: block;
    width: 100%;
  }

  /* Primeiro pseudo-elemento: fundo preto das laterais */
  #slide-home::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      90deg,
      #000000 0%,
      /* Preto do início */ #000000 12%,
      /* Mantém preto até 12% */ transparent 12%,
      /* Transparente onde a imagem começa */ transparent 88%,
      /* Transparente até 88% */ #000000 88%,
      /* Preto a partir de 88% */ #000000 100% /* Preto até o final */
    );
    pointer-events: none;
    z-index: 2;
  }

  /* Segundo pseudo-elemento: efeito esfumaçado nas bordas da imagem */
  #slide-home::after {
    content: "";
    position: absolute;
    top: 0;
    left: 12%; /* Começa exatamente onde a imagem começa */
    width: 76%; /* Largura exata da imagem (100% - 12% - 12%) */
    height: 100%;
    background: linear-gradient(
      90deg,
      #000000 0%,
      /* Preto no início da imagem */ transparent 3%,
      /* Esfumaçado nos primeiros 3% da imagem */ transparent 97%,
      /* Centro limpo da imagem */ #000000 100%
        /* Esfumaçado nos últimos 3% da imagem */
    );
    pointer-events: none;
    z-index: 3;
  }
}