/*
 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)", as fontes do convite e o acabamento do fundo. Use junto do plugin Convite RSVP.
 Author:       MD TEC
 Author URI:   https://grupomdtec.com.br
 Template:     astra
 Version:      1.2.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;
  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;
}

/* ==========================================================================
   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 e admin: só um verniz na paleta do convite
   ========================================================================== */

body.login{background:#FBF7F1}
body.login #login h1 a{filter:drop-shadow(0 4px 12px rgba(63,90,56,.18))}
body.login .button-primary{
  background:#3F5A38 !important;
  border-color:#3F5A38 !important;
  color:#fff !important;
  border-radius:10px !important;
}