/* ========================================================================
   Movie You - ajustes da versão estática (complementa custom.css)
   ========================================================================== */

/* Botão flutuante do WhatsApp: o original usava o kit do Font Awesome 5;
   aqui usamos o ícone do Font Awesome 4 que já vem no theme.css (.uk-icon-*). */
#btn-whatsapp-fixed i {display: inline-block; line-height: 1;}

/* Grade do portfolio (K2) em telas pequenas: 1 coluna. */
@media (max-width: 767px) {
    #k2Container.pg-portfolio .itemContainer {width: 100% !important;}
}

/* Formulário de contato: cores para o fundo escuro (o layout vem de breezingforms.css, tema QuickMode original). */
.bfQuickMode .bfPageIntro h2 {margin-top: 0;}
.bfQuickMode .bfLabelLeft label {color: #999;}
.bfQuickMode section input[type='text'], .bfQuickMode section textarea {padding: 6px 8px; border: 1px solid #555; border-radius: 3px; background: #2a2a2a; color: #ddd; font: inherit; box-sizing: border-box;}
.bfQuickMode section input[type='text']:focus, .bfQuickMode section textarea:focus {border-color: #3FA4E4;}
.bfQuickMode textarea.ff_elem {resize: vertical;}
.bfQuickMode .bfRequired {color: red; margin-left: 2px;}
.bfQuickMode .bfSubmitButton {margin: 10px 0 0 calc(45% + 10px); padding: 8px 25px; border: none; border-radius: 3px; background: #3FA4E4; color: #fff; font-weight: bold; cursor: pointer; text-transform: uppercase;}
.bfQuickMode .bfSubmitButton:hover {background: #F06030;}
.bfQuickMode .bfSubmitButton[disabled] {opacity: 0.6; cursor: default;}
.bfQuickMode .bfErrorMessage {background: rgba(240,96,48,0.15); color: #F06030;}
.bfQuickMode .bfSuccess {color: #3FA4E4; font-size: 18px;}
@media (max-width: 767px) {
    .bfQuickMode .bfLabelLeft label {width: 100%; float: none; margin: 0 0 5px 0;}
    .bfQuickMode section input[type='text'], .bfQuickMode section textarea {width: 100%; float: none;}
    .bfQuickMode .bfSubmitButton {margin-left: 0;}
}
.bfPoweredBy {clear: both; display: block; text-align: center; margin-top: 20px; font-size: 11px; color: #666;}

/* Página VR (vídeo em tela cheia). */
.pg-vr .tm-content {padding-top: 0;}
.vr-player {position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; background: #000;}
.vr-player iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}