/*
Theme Name:  Divi Child — Caminhos da Lapa
Theme URI:   https://caminhosdalapa.site/
Description: Tema filho do Divi para o Caminhos da Lapa. Restilização premium (estética, conversão e SEO). Base para botão de WhatsApp fixo, schema e otimizações de performance.
Author:      Claudiano Silva — CRECI-SP 130.363-F
Template:    Divi
Version:     1.3
Text Domain: divi-child-caminhos
*/

/* =======================================================================
   ESTE ARQUIVO É O style.css DO TEMA FILHO.
   Todo o CSS de restilização vive aqui (não precisa colar nada em
   Opções do Tema). Para atualizar no futuro, eu te entrego este arquivo
   completo de novo e você só substitui.
   ======================================================================= */

/* ---- 1. PALETA E FONTES (mude as cores aqui se quiser) ------------------ */
:root{
  --cl-green-900:#2E3E0C;   /* oliva profundo (títulos/rodapé) */   /* verde mais escuro (títulos/rodapé)   */
  --cl-green-700:#3B4F10;   /* oliva escuro */   /* verde escuro                          */
  --cl-green-500:#4C6314;   /* VERDE DA MARCA (logo) */   /* verde principal (botões, links)       */
  --cl-green-300:#8CA24E;   /* oliva suave */   /* verde suave                           */
  --cl-gold:#B08430;        /* dourado (destaques, hover)            */
  --cl-gold-dark:#8F6A25;
  --cl-ink:#2A2E1C;         /* cor do texto                          */
  --cl-muted:#5F6650;       /* texto secundário                      */
  --cl-cream:#F7F8F1;       /* fundo claro                           */
  --cl-cream-2:#EEF1E4;     /* fundo alternado                       */
  --cl-line:#DCE1CC;        /* linhas/bordas                         */
  --cl-white:#FFFFFF;
  --cl-radius:16px;         /* arredondamento dos cards              */
  --cl-shadow:0 14px 40px rgba(22,54,42,.10);
  --cl-shadow-sm:0 6px 18px rgba(22,54,42,.08);
}


/* ---- 2. TIPOGRAFIA BASE ------------------------------------------------ */
body, .et_pb_row, p, li, span, a, input, textarea, .et_pb_text{
  font-family:'Inter', -apple-system, Helvetica, Arial, sans-serif;
}
body{
  font-family:'Inter', -apple-system, Helvetica, Arial, sans-serif !important;
  color:var(--cl-ink);
  font-size:17px;
  line-height:1.7;
  letter-spacing:.1px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6,
.et_pb_module h1,.et_pb_module h2,.et_pb_module h3,.et_pb_module h4{
  font-family:'Fraunces', Georgia, 'Times New Roman', serif !important;
  color:var(--cl-green-900);
  font-weight:600;
  letter-spacing:-.2px;
  line-height:1.15;
}
h1,.et_pb_module h1{ font-size:clamp(2.1rem,4.6vw,3.4rem); }
h2,.et_pb_module h2{ font-size:clamp(1.7rem,3.4vw,2.5rem); margin-bottom:.5em; }
h3,.et_pb_module h3{ font-size:clamp(1.25rem,2.2vw,1.6rem); }
p{ margin-bottom:1.05em; color:var(--cl-ink); }
a{ color:var(--cl-green-500); transition:color .2s ease; }
a:hover{ color:var(--cl-gold); }
::selection{ background:var(--cl-green-300); color:#fff; }
html{ scroll-behavior:smooth; }

/* ---- 3. BOTÕES (premium, com hover suave) ------------------------------ */
.et_pb_button,
.et_pb_contact_submit,
a.et_pb_button,
input.et_pb_button,
.et_pb_module .et_pb_button{
  font-family:'Inter', sans-serif !important;
  font-weight:600 !important;
  font-size:16px !important;
  letter-spacing:.3px !important;
  color:#fff !important;
  background:var(--cl-green-500) !important;
  border:2px solid var(--cl-green-500) !important;
  border-radius:999px !important;
  padding:.85em 2.1em !important;
  transition:all .25s ease !important;
  box-shadow:var(--cl-shadow-sm) !important;
  text-transform:none !important;
}
.et_pb_button:hover,
.et_pb_contact_submit:hover,
a.et_pb_button:hover{
  background:var(--cl-green-700) !important;
  border-color:var(--cl-green-700) !important;
  color:#fff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 16px 34px rgba(22,54,42,.20) !important;
  padding:.85em 2.1em !important; /* evita o "pulo" padrão do Divi no hover */
}
/* remove a setinha padrão do Divi que empurra o texto */
.et_pb_button:after,.et_pb_button:before{ display:none !important; }

/* Botão secundário: adicione a classe "cl-btn-ghost" ao botão no Divi */
.cl-btn-ghost.et_pb_button{
  background:transparent !important;
  color:var(--cl-green-700) !important;
  border:2px solid var(--cl-green-500) !important;
}
.cl-btn-ghost.et_pb_button:hover{
  background:var(--cl-green-500) !important;
  color:#fff !important;
}
/* Botão dourado (CTA principal): adicione a classe "cl-btn-gold" */
.cl-btn-gold.et_pb_button{
  background:var(--cl-gold) !important;
  border-color:var(--cl-gold) !important;
}
.cl-btn-gold.et_pb_button:hover{
  background:var(--cl-gold-dark) !important;
  border-color:var(--cl-gold-dark) !important;
}

/* ---- 4. RITMO / ESPAÇAMENTO DAS SEÇÕES --------------------------------- */
.et_pb_section{ padding:72px 0; }
.et_pb_section.et_pb_section_first{ padding-top:0; }
@media(min-width:981px){
  .et_pb_row{ padding:26px 0; }
}
/* fundo alternado suave para dar respiro entre blocos */
.et_pb_section.cl-bg-cream{ background:var(--cl-cream) !important; }
.et_pb_section.cl-bg-green{ background:var(--cl-green-900) !important; }
.et_pb_section.cl-bg-green, .et_pb_section.cl-bg-green *{ color:#EAF3EE !important; }

/* ---- 5. CARDS / EMPREENDIMENTOS (blurb e colunas com fundo) ------------- */
.et_pb_blurb,
.et_pb_column.et_pb_column_type_1_3 .et_pb_module.et_pb_image,
.cl-card{
  background:var(--cl-white);
  border:1px solid var(--cl-line);
  border-radius:var(--cl-radius);
  box-shadow:var(--cl-shadow-sm);
  transition:transform .28s ease, box-shadow .28s ease;
  overflow:hidden;
}
.et_pb_blurb:hover,.cl-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--cl-shadow);
}
.et_pb_blurb .et_pb_blurb_content{ padding:6px; }
.et_pb_blurb .et_pb_main_blurb_image{ margin-bottom:14px; }
.et_pb_blurb h4,.et_pb_blurb h3{ color:var(--cl-green-900); }

/* imagens com cantos arredondados e leve realce */
.et_pb_image img,.et_pb_gallery_image img{
  border-radius:var(--cl-radius);
}

/* Selo de status (adicione a classe no módulo de texto do card):
   cl-tag-lancamento / cl-tag-pronto / cl-tag-esgotado */
.cl-tag-lancamento,.cl-tag-pronto,.cl-tag-esgotado{
  display:inline-block;font-family:'Inter',sans-serif;font-weight:700;
  font-size:12px;letter-spacing:.6px;text-transform:uppercase;
  padding:6px 14px;border-radius:999px;color:#fff;margin-bottom:10px;
}
.cl-tag-lancamento{ background:var(--cl-gold); }
.cl-tag-pronto{ background:var(--cl-green-500); }
.cl-tag-esgotado{ background:#9AA5A0; }

/* ---- 6. FORMULÁRIO (mais moderno, menos atrito) ------------------------ */
.et_pb_contact_form_container{
  background:var(--cl-white);
  border-radius:var(--cl-radius);
  box-shadow:var(--cl-shadow);
  padding:30px;
}
.et_pb_contact_form input,
.et_pb_contact_form textarea,
.et_pb_newsletter_form input{
  background:var(--cl-cream-2) !important;
  border:1px solid var(--cl-line) !important;
  border-radius:12px !important;
  padding:15px 16px !important;
  font-size:16px !important;
  color:var(--cl-ink) !important;
  transition:border .2s ease, box-shadow .2s ease;
}
.et_pb_contact_form input:focus,
.et_pb_contact_form textarea:focus{
  border-color:var(--cl-green-500) !important;
  box-shadow:0 0 0 3px rgba(46,107,79,.15) !important;
  outline:none !important;
}
.et_pb_contact_form input::placeholder,
.et_pb_contact_form textarea::placeholder{ color:#8b978f !important; }

/* ---- 7. CABEÇALHO / MENU ---------------------------------------------- */
#main-header{
  box-shadow:0 2px 18px rgba(22,54,42,.06);
  backdrop-filter:saturate(1.1);
}
#top-menu li a{
  font-family:'Inter',sans-serif;
  font-weight:500;
  letter-spacing:.2px;
  color:var(--cl-ink);
}
#top-menu li a:hover{ color:var(--cl-green-500); opacity:1; }
/* item ativo com sublinhado dourado */
#top-menu li.current-menu-item > a{ color:var(--cl-green-700) !important; }
#top-menu li.current-menu-item > a:after{
  content:"";display:block;height:2px;background:var(--cl-gold);
  border-radius:2px;margin-top:4px;
}
/* header fixo mais elegante quando rolar (Divi já tem, só refinamos) */
.et-fixed-header#main-header{ background:rgba(255,255,255,.96) !important; }

/* ---- 8. RODAPÉ -------------------------------------------------------- */
#main-footer{ background:var(--cl-green-900) !important; }
#main-footer, #main-footer p, #main-footer a, #main-footer li, #footer-bottom, #footer-bottom *{
  color:#CBDBD2 !important;
}
#main-footer a:hover{ color:#fff !important; }

/* ---- 9. DETALHES DE POLIMENTO ----------------------------------------- */
/* títulos de seção centralizados ganham um traço dourado embaixo:
   adicione a classe cl-title-accent no módulo de título/texto */
.cl-title-accent h1:after,.cl-title-accent h2:after{
  content:"";display:block;width:64px;height:3px;background:var(--cl-gold);
  border-radius:3px;margin:18px auto 0;
}
/* citações/blocos de destaque */
blockquote{
  border-left:4px solid var(--cl-gold);
  background:var(--cl-cream);
  padding:16px 22px;border-radius:0 12px 12px 0;color:var(--cl-green-900);
}

/* ---- 10. RESPONSIVO / MOBILE (a maioria do tráfego é mobile) ----------- */
@media(max-width:980px){
  body{ font-size:16px; }
  .et_pb_section{ padding:48px 0; }
  h1,.et_pb_module h1{ font-size:clamp(1.9rem,7vw,2.4rem); }
  h2,.et_pb_module h2{ font-size:clamp(1.5rem,6vw,2rem); }
  /* botões ocupam a largura no celular = alvo de toque maior */
  .et_pb_button,.et_pb_contact_submit{
    width:100% !important;text-align:center !important;display:block !important;
    padding:1em 1.4em !important;
  }
  .et_pb_contact_form_container{ padding:20px; }
  /* mais espaço entre cards empilhados */
  .et_pb_column{ margin-bottom:22px; }
}

/* ====================== FIM • CAMINHOS DA LAPA v1.1 ====================== */

/* ================= MARCA v1.3 • verde-oliva do logo + cabeçalho ========== */
/* Barra do topo na cor da marca — usar com o LOGO BRANCO */
#main-header,
.et-fixed-header#main-header{
  background:var(--cl-green-500) !important;   /* #4C6314 */
  box-shadow:0 2px 16px rgba(0,0,0,.14) !important;
  backdrop-filter:none !important;
}
#top-menu li a{ color:#F3F5EA !important; }
#top-menu li a:hover{ color:#F5E7C6 !important; opacity:1 !important; }
#top-menu li.current-menu-item > a{ color:#ffffff !important; }
#top-menu li.current-menu-item > a:after{ background:var(--cl-gold) !important; }
#et-top-navigation .et_pb_button{ color:#fff !important; border-color:#fff !important; }
/* menu mobile (ícone + painel) */
#et_mobile_nav_menu .mobile_menu_bar:before,
#et_mobile_nav_menu .select_page{ color:#fff !important; }
.et_mobile_menu,
.et_mobile_menu li a{ background-color:var(--cl-green-700) !important; color:#F3F5EA !important; border-color:rgba(255,255,255,.14) !important; }
/* dropdown do menu desktop */
#top-menu li ul{ background:var(--cl-green-700) !important; }
#top-menu li ul li a{ color:#F3F5EA !important; }
/* ======================================================================== */