/*
 Theme Name:   Astra Child Convite
 Theme URI:    https://grupomdtec.com.br
 Description:  Tema filho do Astra para convites digitais com confirmação de presença. Traz o modelo de página "Convite (tela cheia)", o acabamento do fundo e o suporte aos temas visuais do plugin (jardim encantado e realeza). Use junto do plugin Convite RSVP.
 Author:       MD TEC
 Author URI:   https://grupomdtec.com.br
 Template:     astra
 Version:      2.0.0
 Text Domain:  astra-child-convite
*/

/* ==========================================================================
   Convite em tela cheia
   O modelo template-convite.php não carrega cabeçalho nem rodapé do Astra,
   então aqui só cuidamos do corpo da página e do encaixe do convite.
   ========================================================================== */

body.convite-tela-cheia{
  margin:0;
  padding:0;
  /* O plugin informa o tema pela classe no body. O fundo aqui é só o do
     carregamento: assim que o CSS do convite entra, ele assume. */
  background:#FBF7F1;
  color:#37402F;
  font-family:'Quicksand','Trebuchet MS',-apple-system,BlinkMacSystemFont,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.convite-tela-cheia .cvt{
  min-height:100vh;
  min-height:100dvh;
  padding-top:8px;
}

/* barra do admin não empurra o fundo fixo */
body.convite-tela-cheia.admin-bar .cvt{padding-top:40px}
@media (max-width:782px){
  body.convite-tela-cheia.admin-bar .cvt{padding-top:54px}
}

/* seleção de texto na paleta do convite */
body.convite-tela-cheia ::selection{background:#F3C6D3; color:#3F5A38}

/* foco visível para quem navega por teclado */
body.convite-tela-cheia a:focus-visible,
body.convite-tela-cheia button:focus-visible{
  outline:3px solid #4E7CA0;
  outline-offset:3px;
}

/* ==========================================================================
   Tema Realeza (rosé e dourado)
   O plugin marca o body com .tema-realeza quando esse tema está escolhido.
   ========================================================================== */
body.convite-tela-cheia.tema-realeza{
  background:#FAF5F3;
  color:#2E2226;
  font-family:'Jost','Trebuchet MS',-apple-system,BlinkMacSystemFont,sans-serif;
}
body.convite-tela-cheia.tema-realeza ::selection{background:#F0CFD8; color:#8E3350}
body.convite-tela-cheia.tema-realeza a:focus-visible,
body.convite-tela-cheia.tema-realeza button:focus-visible{outline-color:#8C6D2F}

/* ==========================================================================
   Convite dentro de uma página normal do Astra
   (caso o shortcode seja usado sem o modelo de tela cheia)
   ========================================================================== */

.page .entry-content > .cvt{
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  width:100vw;
  max-width:100vw;
}
.page .entry-content > .cvt .envelope{padding-top:8px}

/* ==========================================================================
   Login: quem cai aqui é a anfitriã (link do e-mail ou senha perdida).
   O plugin já veste essa tela com a paleta do tema em uso; o que fica aqui
   é o mínimo para não piscar branco antes de o estilo do plugin entrar.
   ========================================================================== */

body.login{background:#FBF7F1}
body.login #login h1 a{filter:drop-shadow(0 4px 12px rgba(63,90,56,.18))}
