/* =========================================================
   ROWWAD AL-QIAM — DARK PREMIUM VISUAL SYSTEM
   ========================================================= */

:root {
    --rowwad-bg: #0b0b0d;
    --rowwad-bg-2: #111216;
    --rowwad-bg-3: #17181c;
    --rowwad-surface: #1b1d22;
    --rowwad-text: #f5f5f2;
    --rowwad-muted: #a7a9ae;
    --rowwad-border: rgba(255,255,255,.10);
}

/* Base */
html, body {
    background: var(--rowwad-bg) !important;
}

body {
    color: var(--rowwad-muted);
}

.page-wrapper {
    background: var(--rowwad-bg);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--rowwad-text);
}

p {
    color: var(--rowwad-muted);
}

/* Transparent overlay navigation */
.topbar-one {
    display: none !important;
}

.main-header,
.main-header.sticky-header--normal,
.main-header.sticky-fixed {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
}

.main-header__inner {
    background: transparent !important;
}

.topbar-one a,
.main-menu__list > li > a,
.main-header__search,
.main-header__search i,
.main-header__right a {
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.45);
}

.main-menu__list > li > a:hover,
.topbar-one a:hover,
.main-header__search:hover {
    color: rgba(255,255,255,.78) !important;
}

.main-header__btn {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.main-header__btn span,
.main-header__btn i {
    color: #fff !important;
}

.mobile-nav__btn span {
    background-color: #fff !important;
}

/* Hero */
.rowwad-video-hero {
    position: relative;
    min-height: 780px;
    height: 100vh;
    overflow: hidden;
    background: #08090a;
}

.rowwad-video-hero__media,
.rowwad-video-hero__video,
.rowwad-video-hero__overlay,
.rowwad-video-hero__vignette {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.rowwad-video-hero__media {
    z-index: 0;
    background: #0a0b0d url("../images/backgrounds/slider-1-1.jpg") center/cover no-repeat;
}

.rowwad-video-hero__video {
    object-fit: cover;
    object-position: center;
    filter: grayscale(.25) contrast(1.05) brightness(.70);
}

.rowwad-video-hero__overlay {
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(5,6,8,.88) 0%, rgba(8,9,11,.64) 42%, rgba(8,9,11,.52) 100%);
}

.rowwad-video-hero__vignette {
    z-index: 2;
    background:
        radial-gradient(circle at 55% 50%, transparent 0%, rgba(0,0,0,.12) 45%, rgba(0,0,0,.68) 100%);
    pointer-events: none;
}

.rowwad-video-hero__container {
    position: relative;
    z-index: 3;
}

.rowwad-video-hero__content {
    max-width: 850px;
    padding: 50px 0;
}

.rowwad-video-hero .main-slider-one__sub-title,
.rowwad-video-hero .main-slider-one__title,
.rowwad-video-hero .main-slider-one__text {
    color: #fff;
    text-shadow: 0 2px 18px rgba(0,0,0,.30);
}

.rowwad-video-hero .main-slider-one__text {
    color: rgba(255,255,255,.82);
}

.rowwad-video-hero .main-slider-one__title--base {
    color: #fff;
}

.rowwad-video-hero .main-slider-one__title--thin {
    color: rgba(255,255,255,.70);
}

/* Give the CTA a premium dark/glass treatment */
.rowwad-video-hero .pelocis-btn {
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.28);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.rowwad-video-hero .pelocis-btn:hover {
    background: #fff;
    color: #111;
}

/* Dark sections throughout the site */
.feature-one,
.about-one,
.service-one-home,
.why-choose-one,
.projects-one,
.team-two,
.blog-one,
.newsletter,
.call-area-one,
.home-contact-one,
.brand-one,
.testimonials-one {
    background-color: var(--rowwad-bg) !important;
}

.about-one__content__box,
.service-one-home__card,
.why-choose-one__list__item,
.projects-one__card,
.team-two__card,
.blog-card__content,
.home-contact__card,
.feature-one__wrapper {
    background-color: var(--rowwad-surface) !important;
    border-color: var(--rowwad-border) !important;
}

.about-one__text,
.service-one-home__card__text,
.why-choose-one__text,
.why-choose-one__list__text,
.team-two__card__designation,
.blog-card__text,
.feature-one .feature-card__text {
    color: var(--rowwad-muted) !important;
}

.sec-title__title,
.about-one__title,
.service-one-home__title,
.why-choose-one__title,
.projects-one__title,
.team-two__title,
.blog-one__title,
.feature-one .feature-card__title,
.team-two__card__name {
    color: var(--rowwad-text) !important;
}

.team-two__card__content,
.blog-card__content,
.why-choose-one__list__item,
.why-choose-one__list__item-one {
    border-color: var(--rowwad-border) !important;
}

/* Ensure readable text across dark sections */
body, .page-wrapper { color: var(--rowwad-muted) !important; }
body p, body li, body td, body th, body label, body small { color: var(--rowwad-muted); }
body h1, body h2, body h3, body h4, body h5, body h6,
.sec-title__title, .sec-title__tagline,
.main-header a, .main-menu__list a { color: #fff; }
body a { color: #fff; }
body a:hover { color: rgba(255,255,255,.78); }

/* Forms */
.form-control,
.contact__input-box input,
.contact__input-box textarea,
.bootstrap-select .dropdown-toggle {
    background: #141519 !important;
    color: #fff !important;
    border-color: var(--rowwad-border) !important;
}

.form-control::placeholder,
.contact__input-box input::placeholder,
.contact__input-box textarea::placeholder {
    color: #777a82 !important;
}

/* Footer */
.main-footer {
    background-color: #070708 !important;
    border-top: 1px solid var(--rowwad-border);
}

.main-footer a,
.main-footer p,
.main-footer li {
    color: rgba(255,255,255,.68);
}

/* Reduce the old bright decorative rings in the hero */
.rowwad-video-hero svg {
    display: none;
}

/* Mobile */
@media (max-width: 991px) {
    .rowwad-video-hero {
        min-height: 680px;
        height: 100vh;
    }

    .rowwad-video-hero__overlay {
        background:
            linear-gradient(90deg, rgba(5,6,8,.82), rgba(8,9,11,.66)),
            linear-gradient(0deg, rgba(0,0,0,.35), transparent 60%);
    }

    .rowwad-video-hero__content {
        padding: 30px 15px;
    }
}

@media (max-width: 575px) {
    .rowwad-video-hero {
        min-height: 650px;
        height: 82vh;
    }

    .rowwad-video-hero__video {
        object-position: 58% center;
    }

    .rowwad-video-hero__content {
        padding: 20px 5px;
    }

    .rowwad-video-hero .main-slider-one__text br {
        display: none;
    }

    .rowwad-video-hero__overlay {
        background:
            linear-gradient(90deg, rgba(5,6,8,.88), rgba(8,9,11,.62)),
            linear-gradient(0deg, rgba(0,0,0,.45), transparent 65%);
    }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    .rowwad-video-hero__video {
        display: none;
    }
}

/* Lift the three value cards into the bottom of the hero video */
.feature-one {
    position: relative;
    z-index: 5;
    margin-top: -125px;
    padding-top: 0;
    background: transparent !important;
}

.feature-one__wrapper {
    position: relative;
    z-index: 6;
    box-shadow: 0 18px 55px rgba(0,0,0,.28);
}

@media (max-width: 991px) {
    .feature-one {
        margin-top: -85px;
    }
}

@media (max-width: 575px) {
    .feature-one {
        margin-top: -55px;
    }
}