/* ===== Chef Pequenas Patas - overrides (fonte + ajustes do clone) ===== */

/* "kit-rounded" (Adobe Typekit no site original) -> Nunito auto-hospedada.
   Aliasando o nome da familia: todo font-family:"kit-rounded" do Elementor
   passa a usar a Nunito, sem tocar no CSS do Elementor. */
@font-face{font-family:"kit-rounded";src:url("../fonts/nunito-latin.woff2") format("woff2");font-weight:200 1000;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"kit-rounded";src:url("../fonts/nunito-latin-ext.woff2") format("woff2");font-weight:200 1000;font-style:normal;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"kit-rounded";src:url("../fonts/nunito-latin-italic.woff2") format("woff2");font-weight:200 1000;font-style:italic;font-display:swap}
/* Roboto / Roboto Slab quase nao sao usados no site; aliasamos p/ Nunito */
@font-face{font-family:"Roboto";src:url("../fonts/nunito-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Roboto Slab";src:url("../fonts/nunito-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
/* Lilita One (titulos/menu) - fonte real */
@font-face{font-family:"Lilita One";src:url("../fonts/lilita-one-latin.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lilita One";src:url("../fonts/lilita-one-latin-ext.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* header sticky (era JS no Elementor Pro) */
.elementor-53{position:sticky;top:0;z-index:999}

/* O tema hello-elementor limita .site-main a 1140px. No site em Elementor
   isso e liberado - as secoes vao full-width e so o conteudo (.e-con-inner)
   fica limitado a 1108px. */
.site-main{max-width:100%!important;width:100%;margin:0}

/* fundo do site = mesmo cream do header (o reset do tema deixa #fff) */
html,body{background-color:#F5F3F0}

/* landing de cidade */
.cidade-intro{max-width:760px;margin:14px auto 34px;font-size:16px;line-height:1.6;color:#5E240D}
.cidade-intro p{margin:0 0 12px}
.cidade-frete{background:#FED16E;border-radius:14px;padding:12px 16px}
.cidade-sempontos{background:#F2EEE2;border-radius:14px;padding:12px 16px}
.btn-whats-cidade{display:inline-block;background:#A6B85A;color:#3a2a12;font-weight:800;
  border:1px solid #86994a;border-bottom-width:5px;border-radius:20px;padding:11px 20px 9px;margin-right:12px}
.cidades-links{max-width:900px;margin:0 auto 22px;font-size:14px;line-height:2;color:#5E240D}
.cidades-links a{display:inline-block;background:#fff;border:1px solid #ded2cd;border-radius:14px;padding:3px 10px;margin:0 4px 4px 0;color:#5E240D}
.cidades-links a:hover{background:#FED16E}

/* card de depoimento: esconde o "Assista o vídeo" quando nao ha link */
.elementor-widget-icon-box:has(.elementor-icon-box-title a[href=""]),
.elementor-widget-icon-box:has(.elementor-icon-box-title a:not([href])){display:none}

/* tags REFEICOES/BISCOITOS (Onde Atendemos): padding 8/0 do Elementor era
   pra kit-rounded; com Nunito o texto vaza pra fora do pill amarelo. */
.elementor-element-2d89d6f > .elementor-widget-container,
.elementor-element-243f981 > .elementor-widget-container{
  padding-top:4px!important;padding-bottom:5px!important;
}
.elementor-element-2d89d6f .elementor-heading-title,
.elementor-element-243f981 .elementor-heading-title{line-height:1}

/* AJUSTE GLOBAL: a Nunito (substituta da kit-rounded) assenta mais baixo na
   caixa de texto. O Elementor usa padding-top maior que o bottom nos botoes
   pra compensar a kit-rounded; com a Nunito isso joga o texto pra baixo.
   Sobe o texto ~2px em todo botao, sem mexer no padding/layout. */
.elementor-button .elementor-button-text,
.elementor-button .elementor-button-content-wrapper{position:relative;top:-2px}

/* botoes do menu: mais baixos + peso 800. NAO aplica o -2px global. */
.elementor-53 .elementor-widget-button .elementor-button{
  padding:8px 16px 6px!important;
  font-weight:800!important;line-height:1.15;
}
.elementor-53 .elementor-widget-button .elementor-button .elementor-button-text,
.elementor-53 .elementor-widget-button .elementor-button .elementor-button-content-wrapper{
  top:0!important;font-weight:800;
}

/* carrossel de depoimentos (era JetEngine slider + Swiper). Leve, sem lib. */
.cpp-carousel{position:relative;overflow:visible}
.cpp-carousel .jet-listing-grid__items{
  display:flex!important;gap:16px;
  overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;-ms-overflow-style:none;
  padding:4px 2px 6px;
}
.cpp-carousel .jet-listing-grid__items::-webkit-scrollbar{display:none}
.cpp-carousel .jet-listing-grid__item{
  flex:0 0 calc((100% - 48px) / 4);scroll-snap-align:start;
}
@media(max-width:1024px){.cpp-carousel .jet-listing-grid__item{flex-basis:calc((100% - 16px) / 2)}}
@media(max-width:640px){.cpp-carousel .jet-listing-grid__item{flex-basis:86%}}
.cpp-carousel-nav{
  position:absolute;top:42%;transform:translateY(-50%);z-index:20;
  width:44px;height:44px;border-radius:50%;
  background:#5E240D;color:#fff;border:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font:700 22px/1 "Nunito",sans-serif;padding-bottom:3px;
  box-shadow:0 6px 20px rgba(94,36,13,.3);
}
.cpp-carousel-nav--prev{left:6px}
.cpp-carousel-nav--next{right:6px}
@media(max-width:640px){.cpp-carousel-nav{display:none}}