/* ============================================================
   Skief Pivot — site custom styles
   (loaded after the theme stylesheets on every page)
   ============================================================ */

/* ---------- Sticky header: keep colors legible ----------
   The theme forces a white background on the stuck navbar while the
   site uses light logo/menu colors, making them invisible. Use the
   brand dark green instead so logo and links stay readable. */
nav.navbar.validnavs.sticked {
    background: var(--dark) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

nav.navbar.validnavs.sticked ul.nav > li > a,
nav.navbar.validnavs.sticked .navbar-toggle i {
    color: var(--white);
}

/* Inner pages use the "dark" navbar variant, which the theme leaves
   white — the light logo needs the dark background here as well. */
nav.navbar.validnavs.dark {
    background: var(--dark);
}

nav.navbar.validnavs.dark ul.nav > li > a,
nav.navbar.validnavs.dark .navbar-toggle i {
    color: var(--white);
}

/* ---------- Contact page: info list ---------- */
.contact-style-one-info .content p {
    margin: 0;
    font-size: 15px;
}

.contact-style-one-info li a {
    display: inline-block;
}

/* ---------- Contact page: map card ---------- */
.contact-map-card {
    height: 100%;
    min-height: 460px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
    line-height: 0;
}

.contact-map-card iframe {
    width: 100%;
    height: 100%;
    min-height: 460px;
    border: none;
    filter: grayscale(25%);
    transition: filter 0.4s ease-in-out;
}

.contact-map-card iframe:hover {
    filter: grayscale(0%);
}

@media screen and (max-width: 767px) {
    .contact-map-card,
    .contact-map-card iframe {
        min-height: 340px;
    }
}

/* ---------- RTL adjustments (Arabic contact page) ---------- */
[dir="rtl"] .contact-style-one-info li i {
    margin-right: 0;
    margin-left: 20px;
}