/* Black and Gold Theme for BiosFarmaceutica */
/* Overrides the default color scheme to black and gold */

:root {
    --primary-black: #000000;
    --primary-gold: #bd954a;
    --dark-gold: #996d3b;
    --light-gold: #d4b97a;
    --charcoal: #1a1a1a;
    --dark-gray: #2d2d2d;
    --light-gray: #ffffff;
    --white: #ffffff;
}

/* Body and General Background */
body {
    background: var(--primary-black) !important;
    color: var(--white) !important;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: var(--primary-gold) !important;
}

/* Links and Interactive Elements */
a {
    color: var(--primary-gold) !important;
}

a:hover,
a:focus,
a.active {
    color: var(--light-gold) !important;
}

.lgx-single-speaker figure figcaption {
    background-color: var(--dark-gray) !important;
}

/* Primary Color Overrides (Purple to Gold) */
.lgx-btn,
.btn-primary,
.btn,
button {
    background-color: var(--primary-gold) !important;
    border-color: var(--primary-gold) !important;
    color: var(--primary-black) !important;
}

.lgx-about {
    background-color: var(--charcoal) !important;
    color: var(--white) !important;
}

.lgx-btn:hover,
.btn-primary:hover,
.btn:hover,
button:hover {
    background-color: var(--light-gold) !important;
    border-color: var(--light-gold) !important;
    color: var(--primary-black) !important;
}

/* Header and Navigation */
.lgx-header {
    background-color: var(--primary-black) !important;
}

.navbar {
    background-color: var(--primary-black) !important;
}

.navbar-nav .nav-link {
    color: var(--primary-gold) !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: var(--light-gold) !important;
}

/* Cards and Sections */
.card,
.lgx-single-speaker,
.lgx-single-schedule,
.lgx-single-news,
.lgx-single-registration {
    background-color: var(--charcoal) !important;
    border-color: var(--dark-gray) !important;
    /* color: var(--white) !important; */
}

/* Footer */
.lgx-footer {
    background-color: var(--primary-black) !important;
    /* color: var(--white) !important; */
}

/* Forms */
input,
textarea,
select,
.form-control {
    background-color: var(--dark-gray) !important;
    border-color: var(--primary-gold) !important;
    color: var(--white) !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    border-color: var(--primary-gold) !important;
    box-shadow: 0 0 0 0.2rem rgba(189, 149, 74, 0.25) !important;
}

/* Tables */
.table {
    background-color: var(--charcoal) !important;
    color: var(--white) !important;
}

.table thead th {
    background-color: var(--primary-gold) !important;
    color: var(--primary-black) !important;
    border-color: var(--light-gold) !important;
}

.table td,
.table th {
    border-color: var(--dark-gray) !important;
}

/* Specific Color Overrides for the theme */
/* Replace purple (#554bb9) with gold */
[style*="#554bb9"],
[style*="rgb(85, 75, 185)"] {
    color: var(--primary-gold) !important;
}

[style*="background-color: #554bb9"],
[style*="background: #554bb9"] {
    background-color: var(--primary-gold) !important;
}

/* Replace other purple variations */
[style*="#483fa1"] {
    color: var(--light-gold) !important;
}

[style*="#7870c7"] {
    color: var(--primary-gold) !important;
}

/* Replace orange (#efa506) with darker gold */
[style*="#efa506"] {
    background-color: var(--light-gold) !important;
}

/* Text Colors */
p,
blockquote,
blockquote footer,
blockquote:before,
blockquote:after {
    color: var(--white) !important;
}

/* Specific component overrides */
.lgx-heading .heading {
    color: var(--primary-gold) !important;
}

.lgx-heading .subheading {
    color: var(--white) !important;
}

/* Banner and Hero sections */
.lgx-banner,
.hero-section {
    background-color: var(--primary-black) !important;
}

/* Testimonials */
.lgx-testi-single {
    background-color: var(--charcoal) !important;
    color: var(--white) !important;
}

/* Schedule items */
.lgx-single-schedule .title {
    color: var(--primary-gold) !important;
}

.lgx-single-schedule .author-info {
    color: var(--white) !important;
}

/* Speaker cards */
.lgx-single-speaker .title {
    color: var(--primary-gold) !important;
}

.lgx-single-speaker .subtitle {
    color: var(--white) !important;
}

/* News items */
.lgx-single-news .title {
    color: var(--primary-gold) !important;
}

/* Time displays */
.time {
    color: var(--primary-gold) !important;
}

/* Borders and dividers */
hr {
    border-color: var(--primary-gold) !important;
}

/* Background overlays */
.overlay {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Social media icons */
.social-icons a {
    color: var(--primary-gold) !important;
}

.social-icons a:hover {
    color: var(--light-gold) !important;
}

/* Carousel and slider controls */
.carousel-control-prev,
.carousel-control-next {
    color: var(--primary-gold) !important;
}

.carousel-indicators li {
    background-color: var(--primary-gold) !important;
}

/* Modal dialogs */
.modal-content {
    background-color: var(--charcoal) !important;
    color: var(--white) !important;
}

.modal-header {
    border-bottom-color: var(--dark-gray) !important;
}

.modal-footer {
    border-top-color: var(--dark-gray) !important;
}

/* Progress bars */
.progress {
    background-color: var(--dark-gray) !important;
}

.progress-bar {
    background-color: var(--primary-gold) !important;
}

/* Alerts */
.alert {
    background-color: var(--charcoal) !important;
    border-color: var(--primary-gold) !important;
    color: var(--white) !important;
}

/* Breadcrumbs */
.breadcrumb {
    background-color: var(--charcoal) !important;
}

.breadcrumb-item a {
    color: var(--primary-gold) !important;
}

.breadcrumb-item.active {
    color: var(--white) !important;
}

/* Dropdown menus */
.dropdown-menu {
    background-color: var(--charcoal) !important;
    border-color: var(--dark-gray) !important;
}

.dropdown-item {
    color: var(--white) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: var(--dark-gray) !important;
    color: var(--primary-gold) !important;
}

/* Pagination */
.page-link {
    background-color: var(--charcoal) !important;
    border-color: var(--dark-gray) !important;
    color: var(--primary-gold) !important;
}

.page-link:hover {
    background-color: var(--primary-gold) !important;
    border-color: var(--primary-gold) !important;
    color: var(--primary-black) !important;
}

/* Page and Section Backgrounds */
.page-item.active .page-link {
    background-color: var(--primary-gold) !important;
    border-color: var(--primary-gold) !important;
    color: var(--primary-black) !important;
}

/* Banner specific styles */
.lgx-banner-style {
    /* background-color: var(--primary-black) !important; */
}

.lgx-banner-info-area {
    color: var(--white) !important;
}

.lgx-banner-info-circle {
    background-color: var(--charcoal) !important;
    border-color: var(--primary-gold) !important;
}

.lgx-banner-info .title {
    color: var(--primary-gold) !important;
}

.lgx-banner-info .subtitle {
    color: var(--white) !important;
}

.lgx-banner-info .location {
    color: var(--white) !important;
}

/* Header specific styles */
.lgx-header-position-white,
.lgx-header-position-white .lgx-navbar {
    background-color: transparent !important;
}

.lgx-header .menu-onscroll {
    background-color: var(--primary-black) !important;
}

.lgx-navbar {
    background-color: var(--primary-black) !important;
    border-color: var(--dark-gray) !important;
}

.navbar-toggle .icon-bar {
    background-color: var(--primary-gold) !important;
}

/* Logo area adjustments */
.lgx-logo img {
    filter: brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(45deg)
        brightness(1.2) !important;
}

/* Navigation specific */
.lgx-nav li a {
    color: var(--primary-gold) !important;
}

.lgx-nav li a:hover,
.lgx-nav li a:focus,
.lgx-nav li a.active {
    color: var(--light-gold) !important;
}

/* Button specific overrides */
.lgx-btn-red {
    background-color: var(--primary-gold) !important;
    border-color: var(--primary-gold) !important;
    color: var(--primary-black) !important;
}

.lgx-btn-red:hover {
    background-color: var(--light-gold) !important;
    border-color: var(--light-gold) !important;
    color: var(--primary-black) !important;
}

/* Section backgrounds */
section {
    background-color: var(--primary-black) !important;
}

/* Container adjustments */
.container,
.container-fluid,
.lgx-container {
    background-color: transparent !important;
}

/* Countdown and timer styling */
.lgx-countdown-area,
#lgx-countdown {
    color: var(--primary-gold) !important;
}

.date {
    color: var(--primary-gold) !important;
}

/* Override any white backgrounds */
[style*="background: white"],
[style*="background-color: white"],
[style*="background: #fff"],
[style*="background-color: #fff"],
[style*="background: #ffffff"],
[style*="background-color: #ffffff"] {
    background-color: var(--charcoal) !important;
}

/* Override any dark text on light backgrounds */
[style*="color: #000"],
[style*="color: black"],
[style*="color: #333"],
[style*="color: #1b273d"] {
    color: var(--white) !important;
}

/* Specific element targeting for better coverage */
.lgx-inner {
    background-color: transparent !important;
}

/* Text content areas */
.content-area,
.text-area {
    /* background-color: var(--charcoal) !important; */
    color: var(--primary-gold) !important;
}

/* Image overlays and backgrounds */
.image-overlay {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Additional component styling */
.component,
.widget,
.module {
    background-color: var(--charcoal) !important;
    color: var(--white) !important;
}

/* Icon colors */
.fa,
.icon,
i[class*="fa-"] {
    color: var(--primary-gold);
}

/* Special sections that might have specific backgrounds */
.about-section,
.speakers-section,
.schedule-section,
.sponsors-section,
.registration-section,
.testimonials-section,
.news-section,
.travel-section,
.video-section {
    background-color: var(--primary-black) !important;
    color: var(--white) !important;
}

.lgx-banner-info .title i b:nth-child(1),
.lgx-banner-info .title span b:nth-child(1) {
    color: var(--primary-gold) !important;
}

.lgx-footer {
    background: var(--primary-black) !important;
    color: var(--white) !important;
}

.lgx-footer .lgx-inner-footer {
    background: var(--primary-black) !important;
    color: var(--white) !important;
}

.lgx-footer-single .logo {
    width: 150px !important;
    max-width: 100% !important;
}

@media (max-width: 480px) {
    .lgx-footer-single .logo {
        width: 120px !important;
        margin: 0 auto !important;
    }
}