/* ============================================================
   palette-liorit.css — paleta exclusiva do projeto LIORIT
   (vendas.html + liorit.html).
   NÃO incluir em outras páginas (home, candidato, loja, etc.).
   Carregar DEPOIS de vendas.css / liorit.css.
   ============================================================ */

:root {
  /* Paleta nova */
  --teal:        #0A2020;
  --teal-light:  #4A5A5A;
  --teal-pale:   #ede3d7;

  --pink:        #4A5A5A;
  --pink-light:  #C97891;
  --pink-pale:   #F4E0E6;

  --gold:        #C9A76B;
  --gold-deep:   #A88848;

  --cream:       #F8F4ED;
  --text:        #0A2020;
  --text-mid:    #4A5A5A;

  --deep-teal:   #0A2020;

  /* Aliases — vendas.css legado */
  --teal-dark:   #0A2020;
  --teal-deep:   #0A2020;
  --rose:        #4A5A5A;
  --rose-soft:   #C97891;
  --rose-pale:   #F4E0E6;
  --bg:          #F8F4ED;
  --bg-warm:     #F8F4ED;
  --ink:         #0A2020;
  --ink-muted:   #4A5A5A;

  /* Aliases — liorit.css legado */
  --bg-alt:      #F4E0E6;
  --bg-dark:     #0A2020;
  --text-light:  #ffffff;
  --accent:      #C9A76B;
  --muted:       #4A5A5A;
}

/* CTAs — todos em #ede3d7 */
.btn--primary,
.btn--ghost-light,
.btn--rose,
.btn--dark,
.btn--ghost {
  background: #ede3d7;
  color: var(--text);
  border-color: #ede3d7;
}

.btn--primary:hover,
.btn--ghost-light:hover,
.btn--rose:hover,
.btn--dark:hover,
.btn--ghost:hover {
  background: #ddd0bd;
  color: var(--text);
  border-color: #ddd0bd;
}

/* Botões de conversão/contato (WhatsApp, agendar visita, cadastrar e-mail) —
   estilo da loja de luxo: contorno + hover preenchido, em #D6AC8E */
.btn--rose {
  background: transparent;
  color: #D6AC8E;
  border-color: #D6AC8E;
}
.btn--rose:hover {
  background: #D6AC8E;
  color: #fff;
  border-color: #D6AC8E;
}

/* Newsletter (LIORIT) */
.newsletter button[type="submit"] {
  background: #ede3d7 !important;
  color: var(--text) !important;
  border-color: #ede3d7 !important;
}
.newsletter button[type="submit"]:hover {
  background: #ddd0bd !important;
  border-color: #ddd0bd !important;
}

/* "Faça parte do círculo LIORIT" — fundo #fff */
.cta-final {
  background: #fff !important;
  color: var(--text);
}
.cta-final h2 { color: var(--text); }
.cta-final p { color: var(--text-mid); }

/* Newsletter da loja ("Assine a nossa newsletter") — mesmo bege do rodapé */
.newsletter {
  background: #ede3d7 !important;
}
.newsletter-text h3 { color: var(--text) !important; }
.newsletter-text p { color: var(--text-mid) !important; }
.newsletter-text strong { color: var(--text) !important; }
.newsletter-icon { background: #fff !important; color: var(--text) !important; }

/* Footer — fundo #ede3d7, mesmo visual em todas as páginas */
.footer,
.liorit-footer,
.lr-footer {
  background: #ede3d7 !important;
  color: var(--text) !important;
}

/* Títulos e marca do rodapé — escuros para contrastar com o bege */
.footer h4, .footer .brand,
.liorit-footer h4, .liorit-footer .brand,
.lr-footer h4, .lr-footer .lr-brand {
  color: var(--text) !important;
}

/* Tagline */
.footer .tagline,
.liorit-footer .tagline,
.lr-footer .lr-tagline {
  color: var(--text-mid) !important;
}

/* Parágrafos e itens de lista */
.footer p, .footer ul li,
.liorit-footer p, .liorit-footer ul li,
.lr-footer p, .lr-footer ul li {
  color: var(--text-mid) !important;
}

/* Links */
.footer a,
.liorit-footer a,
.lr-footer a { color: var(--text) !important; }
.footer a:hover,
.liorit-footer a:hover,
.lr-footer a:hover { color: var(--text-mid) !important; }

/* Bolinhas de redes sociais */
.footer .social a,
.liorit-footer .social a,
.lr-footer .lr-social a {
  border-color: rgba(10,32,32,.25) !important;
  color: var(--text) !important;
}
.footer .social a:hover,
.liorit-footer .social a:hover,
.lr-footer .lr-social a:hover {
  background: #ddd0bd !important;
  border-color: #ddd0bd !important;
  color: var(--text) !important;
}

/* Linha legal */
.footer__legal,
.liorit-footer__legal,
.lr-footer__legal {
  color: var(--text-mid) !important;
  border-top-color: rgba(10,32,32,.15) !important;
}

/* Seção "O conceito" e "Maisons que escolhemos a dedo" — fundo branco */
#conceito,
#marcas {
  background: #fff !important;
}

/* Seção "A coleção" — fundo #ede3d7 */
#colecao {
  background: #ede3d7 !important;
}

/* Brand strip — barra de marcas abaixo do banner — fundo #ede3d7 */
.brand-strip {
  background: #ede3d7 !important;
  color: var(--text) !important;
}
.brand-strip .marquee,
.brand-strip .marquee span { color: var(--text) !important; }
.brand-strip::before {
  background: linear-gradient(90deg, #ede3d7, transparent) !important;
}
.brand-strip::after {
  background: linear-gradient(-90deg, #ede3d7, transparent) !important;
}

/* ── Logo em imagem (substitui o texto "LIORIT") ───────────────── */
.pd-hdr__logo img{
  display:block;
  height:clamp(22px, 3.4vw, 34px);
  width:auto;
  text-indent:0;
}
.liorit-mega .mega-logo img{
  display:block;
  height:26px;
  width:auto;
}
@media (max-width:768px){
  .liorit-mega .mega-logo img{ height:22px; }
}
.footer .brand img{
  display:block;
  height:clamp(28px, 3vw, 34px);
  width:auto;
}