/*
 Theme Name: Cineplace
 Theme URI: https://cineplace.com.br
 Author: Webeats
 Author URI: https://webeats.com.br
 Description: Tema criado para o Cineplace
 Version: 1.0
 License: GNU General Public License v2 or later
 Text Domain: webeats
 */

/* ===== CSS Variables - Orange Theme ===== */
:root {
    --color-primary: #fd6d1f;
    --color-primary-dark: #e55a0a;
    --color-primary-light: #ff8a4a;
    --color-primary-subtle: #fff4ed;
    --color-primary-border: rgba(253, 109, 31, 0.3);
    --color-primary-shadow: rgba(253, 109, 31, 0.25);
}

/* ===== Basic Styles ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    background: #f4f4f4;
}

.container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

header {
    background: #333;
    color: white;
    padding: 20px;
    position: relative;
}

header .container {
    z-index: 2;
    position: relative;
}

main {
    flex: 3;
    padding: 20px;
    background: white;
}

footer {
    background: #333;
    color: white;
    text-align: center;
    padding: 20px;
}

/* HOME */

header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('img/bg-hero.png');
  background-size: cover;
  background-position: center;
  opacity: 0.4; /* opacidade só na imagem */
  z-index: 1; /* coloca atrás do conteúdo */
}

/* ===== CTA Button Styles ===== */
.cta-btn-primary {
    background: var(--color-primary);
    color: white;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.cta-btn-primary:hover {
    background: var(--color-primary-dark);
    box-shadow: 0 4px 12px var(--color-primary-shadow);
    transform: translateY(-2px);
}

/* ===== Orange Accent Border ===== */
.orange-border-accent {
    border-left: 4px solid var(--color-primary);
}