/* Christmas Red Theme Override for Weihnachtsparfum.de */

/* Primary Colors */
:root {
    --christmas-red: #BD0202;
    --christmas-red-light: #D14545;
    --christmas-red-dark: #9A0101;
}

/* Navigation */
.main-nav.dark {
    background-color: #BD0202 !important;
}

.main-nav.dark.js-transparent.transparent {
    background-color: transparent !important;
}

.main-nav.dark.js-transparent.transparent.js-no-transparent-white {
    background-color: #BD0202 !important;
}

/* Buttons */
.btn-mod.btn-border {
    border-color: #BD0202 !important;
    color: #BD0202 !important;
}

.btn-mod.btn-border:hover {
    background-color: #BD0202 !important;
    color: #fff !important;
}

.btn-mod.btn-w {
    background-color: #BD0202 !important;
    border-color: #BD0202 !important;
}

.btn-mod.btn-w:hover {
    background-color: #D14545 !important;
    border-color: #D14545 !important;
}

/* Links */
a {
    color: #BD0202;
}

a:hover {
    color: #D14545;
}

/* Section backgrounds */
.bg-dark {
    background-color: #BD0202 !important;
}

.small-section.bg-dark {
    background-color: #BD0202 !important;
}

/* Headings */
.section-title {
    color: #BD0202;
}

/* Page Loader */
.page-loader {
    background-color: #BD0202;
}

/* Footer */
.footer {
    background-color: #BD0202 !important;
}

.footer-text {
    color: rgba(255, 255, 255, 0.7);
}

/* Form elements */
input:focus,
textarea:focus,
select:focus {
    border-color: #BD0202 !important;
}

/* Selection color */
::selection {
    background: #BD0202;
    color: #fff;
}

::-moz-selection {
    background: #BD0202;
    color: #fff;
}

/* Scrollbar (webkit) */
::-webkit-scrollbar-thumb {
    background: #BD0202;
}

/* Alt button styles */
.alt-features-icon {
    color: #BD0202;
}

.alt-features-item:hover .alt-features-icon {
    background-color: #BD0202;
    color: #fff;
}

/* Works filter */
.works-filter a.active,
.works-filter a:hover {
    color: #BD0202;
    border-color: #BD0202;
}

/* Owl carousel */
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #BD0202;
}

/* Custom typography */
.hs-line-1,
.hs-line-2,
.hs-line-3,
.hs-line-4 {
    color: #fff;
}

/* Section text on colored backgrounds */
.section-text {
    color: #333;
}

.bg-dark .section-text,
.bg-gray-lighter .section-text,
footer .section-text {
    color: #fff;
}

/* Footer text visibility */
footer.bg-gray-lighter {
    background-color: #BD0202 !important;
}

footer.bg-gray-lighter .section-title,
footer.bg-gray-lighter .section-text,
footer.bg-gray-lighter h2,
footer.bg-gray-lighter p,
footer.bg-gray-lighter a {
    color: #fff;
}

footer.bg-gray-lighter a:hover {
    color: rgba(255, 255, 255, 0.8);
}

/* Hero section text shadow for better readability on red */
.home-section .hs-line-1,
.home-section .hs-line-2,
.home-section .hs-line-3,
.home-section .hs-line-4 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}