/*
Theme Name: Rosa Baalbaki
Template: hello-elementor
Version: 0.1.0
Description: Tema filho do Hello Elementor — site da Dra. Rosa Baalbaki. Header/footer custom e tokens herdados do protótipo (site/index.html).
Author: Etherea
Text Domain: rosa-baalbaki
*/

/* Lang switch: Polylang gera <a class="lang-link"> — herda o visual dos
   botões do protótipo (.lang-switch button no site.css). */
.lang-switch .lang-link{
	background:none;border:none;cursor:pointer;color:var(--muted);
	font-family:var(--sans);font-size:.75rem;padding:2px 3px;letter-spacing:.06em;
	text-decoration:none;line-height:1;
}
.lang-switch .lang-link:hover{color:var(--navy);}
.lang-switch .lang-link.active{color:var(--navy);font-weight:600;border-bottom:1.5px solid var(--gold);}

/* Neutraliza o estilo default de <button> do reset do Hello Elementor
   (button:hover/:focus vira magenta #CC3366) no hambúrguer. */
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus{
	background:none;color:inherit;border:none;box-shadow:none;
	outline:none;-webkit-tap-highlight-color:transparent;
}
.menu-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}

/* Pillars (lista da seção Sobre) reproduzindo .pillars do protótipo:
   bullets dourados, espaçamento vertical. Vive dentro de um widget text-editor. */
.rb-pillars{list-style:none;margin:0;padding:0;display:grid;gap:16px;}
.rb-pillars li{position:relative;padding-left:20px;line-height:1.6;}
.rb-pillars li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:var(--gold);border-radius:50%;}

/* Âncoras da one-page: compensa o header sticky (76px) ao pular pra uma seção. */
.e-con[id],.elementor-element[id]{scroll-margin-top:90px;}

/* Páginas de texto do tema (ex.: Política de Privacidade) — legibilidade.
   Só afeta conteúdo renderizado pelo tema; páginas Elementor usam .elementor. */
.page:not(.elementor-page) .site-main{max-width:820px;margin:0 auto;padding:80px 32px 96px;}
.page:not(.elementor-page) .site-main .entry-title,
.page:not(.elementor-page) .site-main h1{font-family:var(--serif);font-weight:500;color:var(--navy);font-size:clamp(2rem,4vw,2.6rem);line-height:1.2;margin-bottom:28px;}
.page:not(.elementor-page) .site-main h2{font-family:var(--serif);font-weight:600;color:var(--navy);font-size:1.4rem;margin:36px 0 12px;}
.page:not(.elementor-page) .site-main p{color:var(--ink);line-height:1.75;margin-bottom:16px;}
.page:not(.elementor-page) .site-main a{color:var(--gold);text-decoration:underline;}
.page:not(.elementor-page) .site-main a:hover{color:var(--navy);}

/* Formulário de contato (Fluent Forms) sobre fundo escuro na CTA. */
#contato .ff-el-input--label label,
#contato .ff-el-input--label label .ff-el-is-required{color:#e8ebf2;font-family:var(--sans);font-size:.82rem;font-weight:400;letter-spacing:.02em;}
#contato .ff-el-form-control{
	background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);
	color:#fff;border-radius:2px;font-family:var(--sans);padding:12px 14px;transition:border-color .2s;
}
#contato .ff-el-form-control::placeholder{color:rgba(255,255,255,.45);}
#contato .ff-el-form-control:focus{border-color:var(--gold);background:rgba(255,255,255,.1);outline:none;}
#contato .ff-btn-submit{
	background:var(--gold);color:#fff;border:none;border-radius:2px;
	font-family:var(--sans);font-size:.8rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;
	padding:14px 30px;cursor:pointer;transition:background .25s;
}
#contato .ff-btn-submit:hover{background:#a97e2b;}
#contato .ff-el-group{margin-bottom:16px;}