/*
Theme Name: Filme Lançamento – Premium Movie
Theme URI: https://example.com/filme-lancamento-premium
Author: ChatGPT
Author URI: https://openai.com
Description: Tema focado em um único filme para aluguel (locação) com trailer, botão "Alugar", controle de acesso por 48 horas e integração com WooCommerce. Login de usuário e menus de header/footer. Totalmente configurável no Personalizar.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: filme-lancamento-premium
Tags: ecommerce, woocommerce, video, one-product, landing-page
*/

:root{
  --accent:#111827; /* cinza escuro default, configurável via inline style do customizer */
  --radius:16px;
  --maxw:1200px;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, "Helvetica Neue", Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:#0f172a;
  background:#f8fafc;
}

a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}

.container{max-width:var(--maxw); margin:0 auto; padding:16px}
.header{
  position:sticky; top:0; z-index:50; background:#ffffffc9; backdrop-filter: blur(8px);
  border-bottom:1px solid #e5e7eb;
}
.header-inner{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px}
.brand{display:flex; align-items:center; gap:10px; font-weight:700}
.brand img{height:36px; width:auto; border-radius:8px}
.nav a{margin:0 8px; padding:8px 10px; border-radius:10px}
.nav a.cta{background:var(--accent); color:#fff}
.hero{padding:32px 16px}
.card{
  background:#fff; border:1px solid #e5e7eb; border-radius:var(--radius); box-shadow: 0 8px 24px rgba(15,23,42,.06);
  overflow:hidden;
}
.card .pad{padding:16px}
.row{display:grid; grid-template-columns: 1fr; gap:16px}
@media(min-width:900px){ .row{grid-template-columns: 2fr 1fr} }

.button{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 16px; border-radius:12px; border:1px solid #0000;
  background:var(--accent); color:#fff; cursor:pointer; font-weight:600;
}
.button.secondary{background:#fff; color:var(--accent); border-color:#e5e7eb}
.button:disabled{opacity:.6; cursor:not-allowed}

.footer{margin-top:32px; padding:24px 16px; border-top:1px solid #e5e7eb; background:#fff}
.footer .links{display:flex; gap:16px; flex-wrap:wrap; margin-bottom:12px}
.notice{background:#fef3c7; color:#92400e; border:1px solid #fde68a; padding:12px; border-radius:12px}

.video-wrap{position:relative; aspect-ratio:16/9; background:#000}
.video-wrap video, .video-wrap iframe{position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:0}
.badge{display:inline-block; padding:6px 10px; background:#eef2ff; color:#3730a3; border-radius:999px; font-size:.85rem}
.countdown{font-variant-numeric: tabular-nums; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}