/* ================================================
   REGAL STUDIOS — DARK THEME OVERRIDES
   Only background-color and color properties are
   changed. No layout, spacing, or structural edits.
   ================================================ */

/* ---------- CSS Variable overrides ---------- */
:root {
    --section-bg-color: #0E1422;
    --white-color: #0B0F1A;
    --secondary-color: #E8EDF5;
    --dark-color: #FFFFFF;
    --p-color: #E8EDF5;
}

/* ---------- Body & Global ---------- */
body {
    background-color: #0B0F1A !important;
    color: #E8EDF5 !important;
}

/* ---------- Headings ---------- */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #FFFFFF !important;
}

/* ---------- Paragraph & list text ---------- */
p,
ul li {
    color: #E8EDF5 !important;
}

/* ---------- Navbar ---------- */
.navbar {
    background-color: transparent;
}

.sticky-wrapper.is-sticky .navbar {
    backdrop-filter: blur(6px);
    background-color: rgba(8, 11, 20, 0.75);
}

.navbar-nav .nav-link {
    color: var(--dark-color);
}

.clients-section .bx-viewport {
    background-color: #0B0F1A;
}

.navbar-toggler .navbar-toggler-icon,
.navbar-toggler .navbar-toggler-icon::before,
.navbar-toggler .navbar-toggler-icon::after {
    background: var(--dark-color);
}

.mobile-menu-close {
    color: var(--dark-color);
}

/* Mobile expanded navbar */
@media (max-width: 991.98px) {

    .navbar-collapse,
    .mobile-menu {
        background-color: #0E1422 !important;
    }

    .navbar,
    .sticky-wrapper.is-sticky .navbar {
        background-color: rgba(8, 11, 20, 1) !important;
    }
}

/* ---------- Navbar dropdown ---------- */
.navbar .dropdown-menu {
    background-color: #131929 !important;
}

.navbar .dropdown-menu::before {
    border-bottom-color: #131929 !important;
}

.navbar .dropdown-item {
    color: #E8EDF5 !important;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item.active,
.navbar .dropdown-item:focus {
    background-color: transparent !important;
    /* colour kept as brand accent via existing rules */
}

/* ---------- Section backgrounds ---------- */

/* Sections using .background-white */
.background-white {
    background-color: #0B0F1A !important;
}

/* Alternate (section-bg / bg-light) */
.section-bg,
.bg-light,
.work-section.bg-light {
    background-color: #0E1422 !important;
}

/* Default page sections that have no explicit bg class */
.manifesto-section,
.trusted-by-section,
.accelerate-section,
.services-grid-section,
.clients-section,
.cta-section {
    background-color: #0B0F1A !important;
}

/* Testimonials section (was #f8f9fa) */
.testimonials-section {
    background-color: #0E1422 !important;
}

/* Preloader background */
.preloader {
    background-color: #080B14 !important;
}

/* ---------- Cards & panels ---------- */

/* Service cards */
.service-grid-item {
    background-color: #131929 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Work cards (base) */
.card.work-card {
    background-color: #131929 !important;
}

/* Client boxes */
.client-box {
    background-color: #131929 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #E8EDF5 !important;
}

/* bootstrap bg-white utility used on client boxes */
.bg-white {
    background-color: #131929 !important;
}

/* Custom block panels */
.custom-block-bg,
.custom-block {
    background-color: #131929 !important;
}

/* Work carousel caption */
.work-section .carousel-caption {
    background-color: rgba(19, 25, 41, 0.95) !important;
}

.work-section .carousel-caption h5 {
    color: #FFFFFF !important;
}

.work-section .carousel-caption p {
    color: #E8EDF5 !important;
}

/* Events detail info block */
.events-detail-info {
    background-color: #131929 !important;
}

/* ---------- Section-bg-image block (glass card) ---------- */
.section-bg-image-block {
    background-color: rgba(19, 25, 41, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.section-bg-image-block .input-group {
    background-color: #0E1422 !important;
}

/* ---------- Footer ---------- */
.site-footer,
footer.site-footer {
    background-color: #080B14 !important;
}

/* bg-dark Bootstrap utility used on footer */
.bg-dark {
    background-color: #080B14 !important;
}

/* ---------- Typography helpers that need updating ---------- */

/* Manifesto quote (was var(--dark-color) = #1e1e1e) */
.manifesto-quote {
    color: #E8EDF5 !important;
}

/* CTA tagline (was var(--dark-color)) */
.cta-tagline {
    color: #E8EDF5 !important;
}

/* CTA description (was var(--text-gray)) */
.cta-description {
    color: #E8EDF5 !important;
}

/* "View all" underline link */
.view-all-services-link {
    color: #E8EDF5 !important;
    border-bottom-color: #E8EDF5 !important;
}

/* Muted text helpers */
.text-muted,
.text-muted.small,
.manifesto-subtext,
.partner-item p {
    color: #9AAAC0 !important;
}

/* Small muted text inside sections */
span.d-block.text-muted {
    color: #9AAAC0 !important;
}

/* Copyright / footer muted text */
.copyright-text,
.text-white-50 {
    color: rgba(232, 237, 245, 0.55) !important;
}

/* Testimonial quote, name (were dark) */
.testimonial-quote {
    color: #E8EDF5 !important;
}

.testimonial-name {
    color: #FFFFFF !important;
}

.testimonial-designation {
    color: #9AAAC0 !important;
}

/* Footer links */
.site-footer a.text-white-50 {
    color: rgba(232, 237, 245, 0.55) !important;
}

/* ---------- Slider nav buttons ---------- */
.btn-outline-dark {
    color: #E8EDF5 !important;
    border-color: rgba(232, 237, 245, 0.35) !important;
    background-color: transparent !important;
}

.btn-outline-dark:hover {
    /* Existing gold/orange hover is preserved via custom.css rules */
    color: #fff !important;
}

/* ---------- bxSlider pager dots ---------- */
.testimonials-section .bx-pager.bx-default-pager a {
    background: rgba(232, 237, 245, 0.3) !important;
}

.testimonials-section .bx-wrapper .bx-pager.bx-default-pager a.active,
.testimonials-section .bx-wrapper .bx-pager.bx-default-pager a:focus,
.testimonials-section .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: var(--gradient-primary) !important;
}

/* ---------- Collage image wrap ---------- */
.collage-img-wrap {
    background-color: #131929 !important;
}

/* ---------- Link default color (non-accent) ---------- */
a:not(.custom-btn):not(.btn):not(.nav-link):not(.social-icon-link):not(.view-all-services-link):not(.view-all-link):not(.text-primary):not(.text-highlight) {
    color: #E8EDF5;
}

/* Anchor defaults used in footer list */
.site-footer ul li a {
    color: rgba(232, 237, 245, 0.55) !important;
}

/* ---------- Table (membership) ---------- */
.table-responsive tbody tr:nth-child(even) {
    background-color: #131929 !important;
}

/* ---------- Contact info item ---------- */
.contact-info-item {
    background-color: #131929 !important;
}

/* ---------- Membership form ---------- */
.membership-form {
    background-color: #131929 !important;
}

/* ---------- Form controls ---------- */
.custom-form .form-control {
    background-color: #0E1422 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #E8EDF5 !important;
}

.custom-form .form-control::placeholder {
    color: #9AAAC0 !important;
}

.form-floating>label {
    color: #9AAAC0 !important;
}

/* Hero SVG wave bottom fill fix — wave removed, reset negative margin */
.hero-section {
    margin-bottom: 0 !important;
}