/**
 * Paleta cultural dos Festejos de Sao Miguel Paulista 2026.
 * Referencia: fundo marfim, verde, azul profundo, amarelo-ouro e terracota.
 */

:root {
  --primary: #0c5735 !important;
  --link: #0c5735 !important;
  --color-my-account: #0c5735 !important;
  --button-color-add: #0c5735 !important;
  --button-color-remove: #c75a3b !important;
  --chart-color: #e5a505 !important;
  --vendor-sidebar-bgcolor: #122c4b !important;
  --festejos-cream: #ebe2d5;
  --festejos-cream-light: #f8f3ea;
  --festejos-green: #0c5735;
  --festejos-navy: #122c4b;
  --festejos-navy-dark: #09162b;
  --festejos-gold: #e5a505;
  --festejos-terracotta: #c75a3b;
  --festejos-text: #334d54;
}

body {
  background-color: var(--festejos-cream-light);
  color: var(--festejos-text);
}

body,
button,
input,
select,
textarea {
  color: var(--festejos-text);
}

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title,
.ova-heading .title {
  color: var(--festejos-navy);
}

a {
  transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}

a:hover,
a:focus {
  color: var(--festejos-green);
}

::selection {
  background: var(--festejos-gold);
  color: var(--festejos-navy-dark);
}

section.ovamenu_shrink,
section.ovamenu_shrink_mobile,
.ovatheme_header_default,
.elementor-127 .elementor-element.elementor-element-e7b0919,
.elementor-3251 .elementor-element.elementor-element-e7b0919 {
  background-color: var(--festejos-cream-light) !important;
}

.ova_nav ul.menu > li > a,
.ovatheme_header_default nav.navbar ul.nav > li > a,
.ova-menu-acount a {
  color: var(--festejos-navy-dark) !important;
}

.ova_nav ul.menu > li > a:hover,
.ova_nav ul.menu > li.active > a,
.ovatheme_header_default nav.navbar ul.nav li.active > a,
.ova-menu-acount a:hover {
  color: var(--festejos-green) !important;
}

.ova_openNav i,
.ova_nav ul.menu > li > button.dropdown-toggle,
.ovatheme_header_default .navbar-toggler {
  color: var(--festejos-navy-dark) !important;
}

.ova_nav ul.menu .dropdown-menu {
  background-color: var(--festejos-cream-light) !important;
}

.ova_nav ul.menu .dropdown-menu li > a {
  color: var(--festejos-navy-dark) !important;
}

.ova_nav ul.menu .dropdown-menu li > a:hover,
.ova_nav ul.menu .dropdown-menu li.active > a {
  color: var(--festejos-green) !important;
}

.elementor-button,
.button-create-event .elementor-button,
input[type="submit"],
button[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background-color: var(--festejos-green);
  border-color: var(--festejos-green);
  color: var(--festejos-cream-light);
}

.elementor-button:hover,
.elementor-button:focus,
.button-create-event .elementor-button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: var(--festejos-gold);
  border-color: var(--festejos-gold);
  color: var(--festejos-navy-dark);
}

.ova-feature .ova-media .wp-media i::before,
.ova-heading .sub-title,
.event_archive .event-status,
.event_archive .event_loop_price,
.single-event .event-status {
  color: var(--festejos-gold);
}

.event_archive .event_entry,
.event_archive .event_item,
.single-event .event-related,
.woocommerce ul.products li.product {
  border-color: rgba(18, 44, 75, 0.14);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--festejos-green) !important;
  box-shadow: 0 0 0 2px rgba(12, 87, 53, 0.12);
  outline: 0;
}

.elementor-96 .elementor-element.elementor-element-d1817dd,
.elementor-1030 .elementor-element.elementor-element-d1817dd,
.elementor-3005 .elementor-element.elementor-element-d1817dd {
  background-color: var(--festejos-navy) !important;
}

.elementor-96 .elementor-element.elementor-element-69a4c4a,
.elementor-1030 .elementor-element.elementor-element-69a4c4a,
.elementor-3005 .elementor-element.elementor-element-69a4c4a {
  background-color: var(--festejos-navy-dark) !important;
}

.elementor-96 .elementor-heading-title,
.elementor-96 a,
.elementor-1030 .elementor-heading-title,
.elementor-1030 a,
.elementor-3005 .elementor-heading-title,
.elementor-3005 a {
  color: var(--festejos-cream-light);
}

.elementor-96 a:hover,
.elementor-1030 a:hover,
.elementor-3005 a:hover {
  color: var(--festejos-gold);
}

hr,
.elementor-divider-separator {
  border-color: rgba(18, 44, 75, 0.18);
}
