/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/

/* =========================
BASE
========================= */
.oferta-container{
max-width:1200px;
margin:40px auto;
padding:20px;
}

/* =========================
SINGLE OFERTA (single-oferta.php)
========================= */
.oferta-grid{
  display:grid !important;
  grid-template-columns:460px 1fr;
  gap:40px;
  align-items:start;
}


/* SINGLE - IMAGEM (vitrine, sem espaço branco gigante) */
.oferta-imagem{
  max-width:460px;
  width:100%;
}

.oferta-imagem img{
  width:100%;
  height:420px;          /* altura fixa = não vira banner branco */
  object-fit:cover;      /* preenche o quadro e corta o excesso */
  object-position:center;
  border-radius:12px;
  display:block;
  background:#fff;
}

@media (max-width: 768px){
  .oferta-imagem{
    max-width:100%;
  }
  .oferta-imagem img{
    height:340px;
  }
}



.oferta-precos{
font-size:18px;
}

.oferta-precos .preco-atual{
font-size:32px;
font-weight:800;
color:#e53935;
margin:8px 0 6px;
}

.oferta-precos .preco-antigo{
text-decoration:line-through;
color:#888;
font-size:15px;
}

.oferta-precos .desconto{
color:#2e7d32;
font-weight:800;
margin:10px 0;
}

.oferta-precos .cupom{
background:#f5f5f5;
padding:12px;
border-radius:8px;
margin:15px 0;
}

.oferta-precos .btn-shopee{
display:inline-block;
margin-top:18px;
padding:16px 28px;
background:#ee4d2d;
color:#fff;
font-size:18px;
border-radius:10px;
text-decoration:none;
font-weight:800;
}

/* SINGLE - RESPONSIVO */
@media (max-width: 768px){
.oferta-grid{
grid-template-columns:1fr;
}
.oferta-imagem{
max-width:100%;
}
.oferta-imagem img{
max-height:360px;
}
}

/* =========================
LISTAGEM / PRATELEIRA (archive-oferta.php)
========================= */
.ofertas-grid{
display:grid;
grid-template-columns:repeat(5, 1fr);
gap:22px;
}

.oferta-card{
border:1px solid #eee;
border-radius:14px;
padding:16px;
background:#fff;
}

.oferta-card-img img{
width:100%;
height:170px;
object-fit:contain;
border-radius:10px;
}

.oferta-card-title{
font-size:16px;
line-height:1.2;
margin:12px 0;
min-height:40px;
}

.oferta-card-title a{
text-decoration:none;
}

/* Preços do CARD (classes blindadas) */
.card-preco-antigo{
text-decoration:line-through;
color:#888;
font-size:13px;
}

.card-preco-atual{
font-weight:800;
font-size:18px;
margin-top:4px;
}

.card-desconto{
color:#2e7d32;
font-weight:800;
margin-top:6px;
font-size:13px;
}

.btn-shopee-card{
display:block;
text-align:center;
margin-top:14px;
padding:12px 14px;
border-radius:10px;
background:#ee4d2d;
color:#fff;
text-decoration:none;
font-weight:800;
}

/* GRID - RESPONSIVO */
@media (max-width: 1100px){
.ofertas-grid{
grid-template-columns:repeat(3, 1fr);
}
}

@media (max-width: 700px){
.ofertas-grid{
grid-template-columns:repeat(2, 1fr);
}
}
/* ===== FORÇAR ESTILO NO SINGLE (Astra pode sobrescrever) ===== */
.oferta-precos .preco-antigo{
  text-decoration:line-through !important;
  color:#888 !important;
  font-size:16px !important;
  margin:0 0 8px !important;
}

.oferta-precos .preco-atual{
  font-size:34px !important;
  font-weight:900 !important;
  color:#e53935 !important;
  margin:0 0 12px !important;
}

.oferta-precos .desconto{
  color:#2e7d32 !important;
  font-weight:900 !important;
  margin:0 0 14px !important;
}

.oferta-precos .cupom{
  background:#f5f5f5 !important;
  padding:12px !important;
  border-radius:10px !important;
  margin:0 0 18px !important;
}

.oferta-precos a.btn-shopee{
  display:inline-block !important;
  padding:16px 28px !important;
  background:#ee4d2d !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:900 !important;
  border-radius:12px !important;
  text-decoration:none !important;
}
/* =========================
   CARROSSEL (Splide) - GarimpaIze
========================= */
.gi-splide{
  margin-top: 18px;
}

.gi-card{
  border:1px solid #eee;
  border-radius:14px;
  padding:16px;
  background:#fff;
  height: 100%;
}

.gi-card-img img{
  width:100%;
  height:170px;
  object-fit:contain;
  border-radius:10px;
  display:block;
}

.gi-card-title{
  font-size:16px;
  line-height:1.2;
  margin:12px 0;
  min-height:40px;
}

.gi-card-title a{
  text-decoration:none;
}

.gi-old{
  text-decoration:line-through;
  color:#888;
  font-size:13px;
}

.gi-now{
  font-weight:800;
  font-size:18px;
  margin-top:4px;
}

.gi-off{
  color:#2e7d32;
  font-weight:800;
  margin-top:6px;
  font-size:13px;
}

.gi-btn{
  display:block;
  text-align:center;
  margin-top:14px;
  padding:12px 14px;
  border-radius:10px;
  background:#ee4d2d;
  color:#fff;
  text-decoration:none;
  font-weight:800;
}

/* Botões do Splide */
.gi-splide .splide__arrow{
  width: 44px;
  height: 44px;
  opacity: 1;
  background: #fff;
  border: 1px solid #eee;
}

.gi-splide .splide__arrow svg{
  fill: #111;
}
/* ===== Carrossel: setas flutuantes estilo prateleira ===== */
.gi-splide{
  position: relative;
  padding: 0 56px; /* cria espaço pros botões nas laterais */
}

.gi-splide .splide__arrow{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  opacity: 1;
  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 10px 25px rgba(0,0,0,.10);
}

.gi-splide .splide__arrow--prev{
  left: 10px;
}

.gi-splide .splide__arrow--next{
  right: 10px;
}

.gi-splide .splide__arrow svg{
  fill:#111;
}

.gi-splide .splide__arrow:disabled{
  opacity:.35;
  box-shadow:none;
}

/* Mobile: diminui e remove padding grande */
@media (max-width: 700px){
  .gi-splide{ padding: 0 44px; }
  .gi-splide .splide__arrow{
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }
}
/* ===== CARROSSEL OFERTAS (Splide) ===== */
.ofertas-carrossel {
  position: relative;
  padding: 0 56px; /* espaço para as setas */
}

.ofertas-carrossel .splide__arrow {
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  width: 46px;
  height: 46px;
  border-radius: 14px;
  opacity: 1;
  box-shadow: 0 10px 25px rgba(0,0,0,.10);
}

.ofertas-carrossel .splide__arrow svg {
  fill: #ee4d2d;
}

.ofertas-carrossel .splide__arrow:hover {
  background: #ee4d2d;
  border-color: #ee4d2d;
}

.ofertas-carrossel .splide__arrow:hover svg {
  fill: #fff;
}

.ofertas-carrossel .splide__arrow--prev { left: 10px; }
.ofertas-carrossel .splide__arrow--next { right: 10px; }

@media (max-width: 700px) {
  .ofertas-carrossel { padding: 0 44px; }
  .ofertas-carrossel .splide__arrow {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }
}
/* ===== Fix Splide + Astra ===== */
.ofertas-carrossel .splide__track { overflow: hidden; }
.ofertas-carrossel .splide__list { display: flex !important; }
.ofertas-carrossel .splide__slide { flex: 0 0 auto !important; }

/* Espaço das setas */
.ofertas-carrossel { position: relative; padding: 0 56px; }
.ofertas-carrossel .splide__arrow{
  background:#fff;
  border:1px solid rgba(0,0,0,.12);
  width:46px; height:46px;
  border-radius:14px;
  opacity:1;
  box-shadow:0 10px 25px rgba(0,0,0,.10);
}
.ofertas-carrossel .splide__arrow svg{ fill:#ee4d2d; }
.ofertas-carrossel .splide__arrow:hover{ background:#ee4d2d; border-color:#ee4d2d; }
.ofertas-carrossel .splide__arrow:hover svg{ fill:#fff; }
.ofertas-carrossel .splide__arrow--prev{ left:10px; }
.ofertas-carrossel .splide__arrow--next{ right:10px; }
/* ===== FIX DEFINITIVO SPLIDE + ASTRA ===== */

/* Garante largura correta dos slides */
.ofertas-carrossel .splide__slide {
  width: 260px !important;   /* largura do card */
  min-width: 260px !important;
  flex-shrink: 0;
}

/* Ajuste do card em si */
.oferta-card {
  width: 100%;
  max-width: 260px;
  margin: 0 auto;
}

/* Imagem do card */
.oferta-card-img img {
  width: 100%;
  height: 170px;
  object-fit: contain;
}

/* Espaçamento correto do carrossel */
.ofertas-carrossel {
  padding: 0 56px;
}

/* Track e lista */
.ofertas-carrossel .splide__track {
  overflow: hidden;
}

.ofertas-carrossel .splide__list {
  display: flex !important;
  align-items: stretch;
}
/* =========================
   FIX CARROSSEL (ASTRA + SPLIDE)
   ========================= */

.ofertas-carrossel,
.ofertas-carrossel * {
  box-sizing: border-box;
}

/* força o carrossel a ter largura real da página */
.ofertas-carrossel {
  width: 100% !important;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 64px; /* espaço das setas */
}

/* garante que o track/lista não colapsem */
.ofertas-carrossel .splide__track {
  width: 100% !important;
  overflow: hidden !important;
}

.ofertas-carrossel .splide__list {
  display: flex !important;
  width: 100% !important;
  align-items: stretch;
}

/* aqui está o pulo do gato: largura do SLIDE */
.ofertas-carrossel .splide__slide {
  flex: 0 0 260px !important;
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
}

/* e largura do CARD */
.ofertas-carrossel .oferta-card {
  display: flex;
  flex-direction: column;
  width: 100% !important;
  min-width: 260px !important;
  max-width: 260px !important;
  border: 1px solid #eee;
  border-radius: 14px;
  padding: 16px;
  background: #fff;
}

/* imagem dentro do card */
.ofertas-carrossel .oferta-card-img,
.ofertas-carrossel .oferta-card-img img {
  display: block;
  width: 100% !important;
}

.ofertas-carrossel .oferta-card-img img {
  height: 170px;
  object-fit: contain;
}

/* título e preços não “quebram” a largura */
.ofertas-carrossel .oferta-card-title {
  font-size: 16px;
  line-height: 1.2;
  margin: 12px 0;
  min-height: 42px;
  overflow: hidden;
}

/* botão sempre ocupa a largura */
.ofertas-carrossel .btn-shopee-card {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #ee4d2d;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}

/* setas visíveis e no lugar */
.ofertas-carrossel .splide__arrow {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  opacity: 1 !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.10) !important;
}

.ofertas-carrossel .splide__arrow--prev { left: 10px !important; }
.ofertas-carrossel .splide__arrow--next { right: 10px !important; }

@media (max-width: 700px) {
  .ofertas-carrossel { padding: 0 48px; }
  .ofertas-carrossel .splide__slide { flex-basis: 220px !important; width: 220px !important; min-width: 220px !important; }
  .ofertas-carrossel .oferta-card { min-width: 220px !important; max-width: 220px !important; }
}
/* =========================
   PATCH: SPLIDE NO /ofertas/ (ASTRA colapsando largura)
========================= */

.oferta-container{
  width: 100%;
  max-width: 1200px;
  margin: 40px auto;
  padding: 20px;
}

/* força o splide a ocupar a linha inteira */
.splide.ofertas-carrossel{
  display: block !important;
  width: 100% !important;
  max-width: 1200px;
  margin: 0 auto;
  min-width: 0 !important;
}

/* track/list com largura real */
.splide.ofertas-carrossel .splide__track{
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.splide.ofertas-carrossel .splide__list{
  width: 100% !important;
}

/* cada slide tem largura fixa (padrão “prateleira”) */
.splide.ofertas-carrossel .splide__slide{
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
}

/* card ocupa o slide inteiro */
.splide.ofertas-carrossel .oferta-card{
  width: 100% !important;
  min-width: 260px !important;
}

/* setas */
.splide.ofertas-carrossel .splide__arrow{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  opacity: 1 !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.10) !important;
}
.splide.ofertas-carrossel .splide__arrow--prev{ left: -10px !important; }
.splide.ofertas-carrossel .splide__arrow--next{ right: -10px !important; }

@media (max-width: 700px){
  .splide.ofertas-carrossel .splide__slide{
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
  }
  .splide.ofertas-carrossel .oferta-card{
    min-width: 220px !important;
  }
}