/* =========================================================================
   EGYMARKS — DARK / PREMIUM REDESIGN (homepage) + sitewide polish
   Same content, same brand colors (#960d12 red, #262425 charcoal).
   Dark-mode rules are scoped to .egymarks-dark-home (the homepage wrapper)
   so other pages are untouched until we redesign them next.
   ========================================================================= */

:root {
    --brand-primary: #960d12;
    --brand-primary-glow: rgba(150, 13, 18, .38);
    --brand-secondary: #262425;
    --bg-void: #0a0a0c;
    --bg-surface: #17171b;
    --bg-surface-2: #1f1f24;
    --ink: #f3f1ef;
    --ink-dim: rgba(243, 241, 239, .68);
    --border-glow: rgba(150, 13, 18, .3);
    --border-soft: rgba(255, 255, 255, .08);
    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-lg: 28px;
    --radius-pill: 999px;
    --shadow-md: 0 20px 50px rgba(0, 0, 0, .45);
    --shadow-brand: 0 16px 40px rgba(150, 13, 18, .28);
    --ease: cubic-bezier(.22, 1, .36, 1);
}

/* =========================================================================
   1) SITEWIDE POLISH — safe everywhere (nav, footer, buttons, cards, forms)
   ========================================================================= */

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(150, 13, 18, .4); border-radius: var(--radius-pill); }
::-webkit-scrollbar-thumb:hover { background: var(--brand-primary); }
::selection { background: var(--brand-primary); color: #fff; }

.btn, .gradient-top {
    border-radius: var(--radius-pill) !important;
    font-weight: 600;
    letter-spacing: .02em;
    transition: transform .35s var(--ease), box-shadow .35s var(--ease) !important;
}
.gradient-top { box-shadow: var(--shadow-brand); }
.gradient-top:hover { transform: translateY(-3px); box-shadow: 0 20px 44px rgba(150, 13, 18, .38); }

.menu .nav-item .dropdown-menu {
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    border: 1px solid var(--border-soft);
    margin-top: .5rem !important;
}
.scroll {
    box-shadow: var(--shadow-md) !important;
    backdrop-filter: saturate(180%) blur(16px);
    background-color: rgba(10, 10, 12, .82) !important;
}
.scroll .navbar-nav .nav-link { color: #fff !important; }
.scroll .logo { filter: brightness(0) invert(1) !important; }

.whatsapp, .fixed-social .icon {
    box-shadow: var(--shadow-md);
    transition: transform .35s var(--ease), box-shadow .35s var(--ease);
}
.whatsapp:hover { transform: scale(1.08) translateY(-2px); }
.fixed-social .icon { border-radius: var(--radius-pill); }
.fixed-social .icon:hover { box-shadow: var(--shadow-brand); }

.modal .modal-content, .modal-content {
    border-radius: var(--radius-lg) !important;
    overflow: hidden;
}
.search-modal .search-form {
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-md);
}

footer .copyright { border-top-color: rgba(255, 255, 255, .12); }
footer ul.social li svg { transition: transform .3s var(--ease); }
footer ul.social li:hover svg { transform: translateY(-3px); color: #fff; }

.inner-header { border-radius: 0 0 var(--radius-lg) var(--radius-lg); overflow: hidden; }

/* =========================================================================
   2) HOMEPAGE DARK / PREMIUM TAKEOVER — scoped to .egymarks-dark-home
   ========================================================================= */

.egymarks-dark-home {
    background: var(--bg-void);
}

/* ---- Section rhythm ---- */
.egymarks-dark-home > section {
    padding-top: 7rem;
    padding-bottom: 7rem;
    position: relative;
}
@media (max-width: 768px) {
    .egymarks-dark-home > section { padding-top: 4rem; padding-bottom: 4rem; }
}

/* ---- Section titles / eyebrow accent ---- */
.egymarks-dark-home .sec-title,
.egymarks-dark-home h2,
.egymarks-dark-home h4 {
    color: var(--ink) !important;
    letter-spacing: -.01em;
}
.egymarks-dark-home .sec-title.primary-color { color: var(--brand-primary) !important; }
.egymarks-dark-home .sec-title:after {
    height: 4px;
    border-radius: var(--radius-pill);
    background: linear-gradient(90deg, var(--brand-primary), rgba(150, 13, 18, .15));
}
.egymarks-dark-home p,
.egymarks-dark-home .desc,
.egymarks-dark-home .page-content {
    color: var(--ink-dim) !important;
}

/* ---- Hero / intro ---- */
.egymarks-dark-home .intro {
    background: radial-gradient(ellipse at 50% 20%, #1a1013 0%, var(--bg-void) 70%);
}
.egymarks-dark-home .intro .caption .content .info .num {
    background: linear-gradient(180deg, #fff, rgba(255, 255, 255, .55));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ---- About section: dark elevated panel ---- */
.egymarks-dark-home .about-sec {
    background: var(--bg-surface);
    border-radius: var(--radius-lg);
    margin: 0 auto;
    max-width: 96%;
    box-shadow: var(--shadow-md);
}
.egymarks-dark-home .about-sec .secondary-color { color: var(--ink) !important; }
.egymarks-dark-home .about-sec figure {
    border-radius: var(--radius-md);
    overflow: hidden;
}
.egymarks-dark-home .about-sec figure img { border-radius: var(--radius-md); }

/* ---- Form sections (already dark) — refine ---- */
.egymarks-dark-home .form-sec,
.egymarks-dark-home .form-sec-white {
    background-color: var(--bg-surface) !important;
}
.egymarks-dark-home .form-sec:before { opacity: .3; }
.egymarks-dark-home .form-sec-white h2,
.egymarks-dark-home .form-sec-white .secondary-color { color: var(--ink) !important; }
.egymarks-dark-home .form-bg {
    background: var(--bg-surface-2) !important;
    border-radius: var(--radius-md);
    padding: 2rem;
    box-shadow: var(--shadow-md);
    border: 1px solid var(--border-soft);
}
.egymarks-dark-home .form-control {
    border-radius: var(--radius-sm) !important;
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid var(--border-soft) !important;
    color: var(--ink) !important;
}
.egymarks-dark-home .form-control:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 4px var(--brand-primary-glow) !important;
}
.egymarks-dark-home .form-bg .form-control,
.egymarks-dark-home .contact-page .form-control { color: var(--ink) !important; }

/* ---- Services list ---- */
.egymarks-dark-home .services-sec .service .content.bg-grey {
    background: var(--bg-surface) !important;
    border-radius: var(--radius-md) !important;
    padding: 2.5rem !important;
    box-shadow: var(--shadow-md);
    border: 1px solid var(--border-soft);
    transition: box-shadow .4s var(--ease), border-color .4s var(--ease);
}
.egymarks-dark-home .services-sec .service .content.bg-grey:hover {
    border-color: var(--border-glow);
    box-shadow: var(--shadow-brand);
}
.egymarks-dark-home .services-sec .title.secondary-color { color: var(--ink) !important; }
.egymarks-dark-home .services-sec .graph figure {
    border-radius: var(--radius-md);
    overflow: hidden;
}

/* ---- Info strip (already dark) ---- */
.egymarks-dark-home .info-sec { background-color: var(--bg-surface) !important; }
.egymarks-dark-home .info-sec:before { opacity: .35; }

/* ---- Other services ---- */
.egymarks-dark-home .other-services .bg-grey {
    background: var(--bg-surface) !important;
}
.egymarks-dark-home .other-services .secondary-color { color: var(--ink) !important; }
.egymarks-dark-home .other-services .icon {
    background: var(--bg-surface-2) !important;
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 6px rgba(150, 13, 18, .12);
}
.egymarks-dark-home .other-services .main-img img {
    border-radius: var(--radius-md);
}

/* ---- News cards ---- */
.egymarks-dark-home .news .post {
    background: var(--bg-surface) !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-md);
    transition: transform .45s var(--ease), box-shadow .45s var(--ease);
}
.egymarks-dark-home .news .post:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-brand);
}
.egymarks-dark-home .news .post .title { color: var(--ink) !important; }
.egymarks-dark-home .news .post small { color: var(--ink-dim) !important; }
.egymarks-dark-home .news .post figure figcaption {
    border-radius: var(--radius-sm);
}

/* ---- Contact / branches ---- */
.egymarks-dark-home .contact-sec .bg-grey {
    background: var(--bg-surface) !important;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}
.egymarks-dark-home .contact-sec .contact-info li a,
.egymarks-dark-home .contact-sec .contact-info li span { color: var(--ink) !important; }
.egymarks-dark-home .contact-sec .contact-info li svg {
    border-color: var(--brand-primary);
    background: rgba(150, 13, 18, .08);
}
.egymarks-dark-home .nav-pills .nav-link {
    background: var(--bg-surface-2) !important;
    border-radius: var(--radius-pill);
    transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}
.egymarks-dark-home .nav-pills .nav-link:hover { transform: translateY(-2px); }
.egymarks-dark-home .nav-pills .active {
    box-shadow: var(--shadow-brand);
}