/*
Theme Name: Gelato Brasil
Theme URI: https://gelatobrasil.com.br
Author: TMW Ecommerce
Description: Tema de página única para a Gelato Brasil — gelateria artesanal em Serra Negra, SP.
Version: 1.2
Text Domain: gelato-brasil
*/

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:#ffffff;color:#274b5b;font-family:'Jost',system-ui,sans-serif;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}
::selection{background:#FBD96B;color:#00577F;}

/* ---- CONFIGURACOES DA GALERIA ---- */
/* Colunas do feed: mude 200px para 150px se quiser mais colunas */
.gb-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}
/* No celular: sempre 2 imagens por linha */
@media (max-width:600px){
  .gb-grid{grid-template-columns:repeat(2,1fr);}
}
/* Cantos dos quadrados: 3px (reto) ou 16px (arredondado) */
.gb-tile{border-radius:3px;}

.gb-tile{position:relative;border:none;padding:0;cursor:pointer;width:100%;aspect-ratio:1/1;overflow:hidden;
  background:repeating-linear-gradient(135deg,#eef3f7 0 16px,#e6eef4 16px 32px);
  display:flex;align-items:center;justify-content:center;transition:transform .18s ease, filter .18s ease;}
.gb-tile:hover{filter:brightness(0.96);transform:translateY(-2px);}
.gb-tile img{width:100%;height:100%;object-fit:cover;display:block;}

.gb-header{position:fixed;top:0;left:0;right:0;z-index:50;background:#00415f;
  border-bottom:1px solid rgba(255,255,255,0.08);
  transition:transform .35s ease, opacity .35s ease;transform:translateY(-100%);opacity:0;pointer-events:none;}
.gb-header.gb-show{transform:translateY(0);opacity:1;pointer-events:auto;}

/* ================= HERO ================= */
.gb-hero{display:flex;flex-wrap:wrap;align-items:stretch;min-height:clamp(360px,58vh,540px);}

/* Coluna azul — tudo centralizado */
.gb-hero__col{
  flex:1 1 460px;background:#00577F;color:#fff;
  display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  gap:22px;padding:clamp(40px,6vw,72px) clamp(28px,5vw,72px);
}

/* Logo — mude a altura aqui */
.gb-hero__logo{height:100px;width:auto;}

/* Titulo — mude o tamanho aqui */
.gb-hero__title{
  font-family:'Cormorant Garamond',serif;font-weight:600;
  font-size:22px;line-height:1.2;margin:0;letter-spacing:0.005em;
}

/* Frase da Italia */
.gb-hero__text{margin:0;font-size:clamp(14px,1.6vw,17px);line-height:1.6;color:#bcd3e5;max-width:40ch;}

.gb-hero__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:4px;}

/* Botoes */
.gb-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:999px;font-weight:500;font-size:15px;}
.gb-btn--yellow{background:#FBD96B;color:#00577F;}
.gb-btn--outline{border:1.5px solid rgba(255,255,255,0.55);color:#fff;}

/* Foto da vitrine */
.gb-hero__photo{flex:1 1 420px;min-height:300px;position:relative;}
.gb-hero__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}

/* ===== Plaquinha Aberto / Fechado ===== */
.gb-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;letter-spacing:0.02em;}
.gb-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;}
.gb-badge.is-open{background:#e6f6ec;color:#1a8a4a;}
.gb-badge.is-closed{background:#fdeaea;color:#c0392b;}