/*
Theme Name: Engenheiro Lucas Vasconcelos
Theme URI: https://lfvservicos.com.br
Description: Tema do site do engenheiro Lucas Vasconcelos - projetos de refrigeração e climatização (HVAC). Tema filho do Twenty Twenty-Five.
Author: Lucas Ferreira de Vasconcelos
Version: 1.1.0
Template: twentytwentyfive
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: lfv-servicos
*/

/* =========================================================
   Cores da marca (espelham o theme.json, para uso em CSS)
   ========================================================= */
:root{
  --lfv-navy:#0d152c;
  --lfv-navy-2:#12233f;
  --lfv-azul:#1e90d8;
  --lfv-ciano:#2ec9e4;
}

/* =========================================================
   Cabeçalho
   ========================================================= */
.lfv-topbar{
  border-bottom:2px solid transparent;
  border-image:linear-gradient(90deg,var(--lfv-azul),var(--lfv-ciano)) 1;
}
.lfv-topbar p{ margin:0; }

.lfv-marca-simbolo{
  display:inline-flex; line-height:0; flex:0 0 auto;
  transition:transform .2s ease;
}
.lfv-marca-simbolo:hover{ transform:rotate(15deg); }
.lfv-marca-simbolo img{ width:52px; height:52px; display:block; }

.lfv-header .wp-block-site-title a{ text-decoration:none; }

@media (max-width:600px){
  .lfv-marca-simbolo img{ width:42px; height:42px; }
}

/* =========================================================
   Hero e faixas escuras — marca d'água do símbolo
   ========================================================= */
.lfv-hero, .lfv-cta{ position:relative; overflow:hidden; }

.lfv-hero::after, .lfv-cta::after{
  content:""; position:absolute; pointer-events:none;
  background-image:url("assets/lfv-simbolo.png");
  background-repeat:no-repeat; background-size:contain;
  opacity:.06;
}
.lfv-hero::after{
  width:min(70vw,620px); aspect-ratio:1;
  right:-8%; bottom:-18%;
}
.lfv-cta::after{
  width:min(45vw,320px); aspect-ratio:1;
  left:-4%; top:-30%;
}
.lfv-hero > .wp-block-cover__inner-container,
.lfv-cta > *{ position:relative; z-index:1; }

/* =========================================================
   Botão flutuante de WhatsApp
   ========================================================= */
.lfv-whatsapp-float{
  position:fixed; right:20px; bottom:20px; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  width:58px; height:58px; border-radius:50%;
  background:#25D366; box-shadow:0 4px 14px rgba(13,21,44,.3);
  transition:transform .2s ease;
}
.lfv-whatsapp-float:hover{ transform:scale(1.08); }
.lfv-whatsapp-float svg{ width:32px; height:32px; fill:#fff; }

/* =========================================================
   Cartões e detalhes
   ========================================================= */
.lfv-card{ height:100%; border-top:3px solid var(--lfv-ciano); }
.lfv-card h3{ margin-top:0; }

.lfv-footer-legal{ opacity:.7; }

/* Detalhe ciano abaixo dos títulos de seção interna */
.wp-block-post-content > h2::after,
.entry-content > h2::after{
  content:""; display:block; width:44px; height:3px; margin-top:.5rem;
  background:linear-gradient(90deg,var(--lfv-azul),var(--lfv-ciano));
  border-radius:2px;
}

.lfv-marca-footer{ display:block; opacity:.95; }

/* Assinatura legal do rodapé, com o símbolo */
.lfv-assinatura{ margin-top:.5rem; }
.lfv-assinatura-simbolo{ display:block; width:34px; height:34px; opacity:.85; }
.lfv-assinatura .lfv-footer-legal{ margin:0; }

/* =========================================================
   Formulário de contato
   ========================================================= */
.lfv-form{
  display:flex; flex-direction:column; gap:1.1rem;
  background:var(--wp--preset--color--accent-4);
  border:1px solid var(--wp--preset--color--accent-6);
  border-radius:8px;
  padding:1.75rem;
  margin-top:1.5rem;
}
.lfv-form-dupla{ display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; }
.lfv-form-linha{ display:flex; flex-direction:column; gap:.35rem; }
.lfv-form label{
  font-size:.85rem; font-weight:600;
  color:var(--wp--preset--color--accent-1);
}
.lfv-form label span{ color:var(--lfv-azul); }
.lfv-form input, .lfv-form textarea{
  font:inherit; font-size:1rem;
  color:var(--wp--preset--color--contrast);
  background:#fff;
  border:1px solid var(--wp--preset--color--accent-6);
  border-radius:5px;
  padding:.7rem .85rem;
  width:100%;
}
.lfv-form input::placeholder, .lfv-form textarea::placeholder{
  color:var(--wp--preset--color--accent-5); opacity:.75;
}
.lfv-form input:focus, .lfv-form textarea:focus{
  outline:2px solid var(--lfv-azul); outline-offset:1px; border-color:var(--lfv-azul);
}
.lfv-form textarea{ resize:vertical; min-height:7rem; }
.lfv-form button{ align-self:flex-start; cursor:pointer; border:0; }
.lfv-form-nota{
  margin:0; font-size:.82rem;
  color:var(--wp--preset--color--accent-5);
}

/* campo isca: fora da tela, nunca display:none — robô ignora o que some */
.lfv-isca{
  position:absolute !important;
  left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;
}

.lfv-aviso{
  padding:.9rem 1.1rem; border-radius:6px; margin:0 0 1rem;
  border-left:3px solid;
}
.lfv-aviso-ok{
  background:#e8f6ef; border-color:#1a7a52; color:#12523a;
}
.lfv-aviso-erro{
  background:#fdecea; border-color:#b2402e; color:#7d2a1e;
}

@media (max-width:600px){
  .lfv-form{ padding:1.25rem; }
  .lfv-form-dupla{ grid-template-columns:1fr; }
}