:root {
  --primary: #FFBE07;
  --secondary: #5F656F;
  --light: #F5F5F5;
  --dark: #000000;
  --bs-primary-rgb: #000c64;
  --bs-text-opacity: #281a0c;

}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root { 
  --background-color: #ffffff; /* Background color for the entire website, including individual sections */
  --default-color: #40372e; /* Default color used for the majority of the text content across the entire website */
  --heading-color: #281a0c; /* Color for headings, subheadings and title throughout the website */
  --accent-color: #FFBF00; /* FF5E14; Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
}


.mep-container {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

/* Garante que botões do Bootstrap não herdem estilos estranhos do tema */
.mep-container .btn-primary {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

/* Container Geral */
.mep-booking-container { font-family: 'Inter', sans-serif; max-width: 700px; margin: 0 auto; }
.fw-600 { font-weight: 600; }
.form-control:focus { border-color: #000; box-shadow: none; }
.hover-lift:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Estilos do Ingresso */
.ticket-card { background: white; max-width: 500px; margin: 0 auto; border-radius: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
/* ... adicione o restante do CSS do ingresso aqui ... */

/* Garante que o Bootstrap tenha prioridade sobre o tema em elementos específicos */
.mep-booking-container .form-control {
    display: block !important;
    width: 100% !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #212529 !important;
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
    border-radius: .375rem !important;
}

.mep-booking-container .btn-primary {
    background-color: #0d6efd important;
    border-color: #0d6efd important;
    color: #fff important;
}
/*.btn-primary {
    background-color: #000c64 !important;
    border-color: #000c64 !important;
    --bs-btn-color: #ffb300 !important;
    --bs-btn-border-color: #000c64 !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #000c64 !important;
}*/

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #000c64;
    --bs-btn-border-color: #000c64;
    --bs-btn-hover-color: #000c64;
    --bs-btn-hover-bg: #ffb300;
    --bs-btn-hover-border-color: #ffb300;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ffb300;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #000c64;
    --bs-btn-disabled-border-color: #000c64;
}

.btn-outline-primary {
    --bs-btn-color: #ffb300;
    --bs-btn-border-color: #000c64;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000c64;
    --bs-btn-hover-border-color: #000c64;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ffb300;
    --bs-btn-active-border-color: #ffb300;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffb300;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffb300;
    --bs-gradient: none;
}