/* Magnolia: photo-aware contrast without changing the original theme assets. */
header .navbar-top-default,
header.header-appear .navbar-top-default { z-index: 1000; }
#header-svg { pointer-events: none; }
header .navbar-simple .navbar-nav .nav-link { color: #30282a; }
header .navbar-simple .navbar-nav .nav-link.active,
header .navbar-simple .navbar-nav .nav-link:hover,
header .navbar-simple .navbar-nav .nav-link:focus-visible { color: #a33443; }

/* Keep the cake side bright; shade the full width occupied by the copy. */
.scrim-left::before {
    background: linear-gradient(90deg, rgba(16,12,14,.58) 0%, rgba(16,12,14,.48) 42%, rgba(16,12,14,.08) 70%, transparent 100%);
}
.scrim-right::before {
    background: linear-gradient(270deg, rgba(16,12,14,.58) 0%, rgba(16,12,14,.48) 42%, rgba(16,12,14,.08) 70%, transparent 100%);
}
.services-area .feature-item { background-color: rgba(22,15,18,.56); }
.services-area .feature-item:hover { background-color: #85303e; }
.services-area .feature-item p,
.circular-wrap h4.darkcolor,
.pricing-sec .pricing-card .price-card .pricing-detail,
.pricing-sec .pricing-card .price-card .pricing-features li,
.testimonial-sec .reviews .user-designation,
.contact-sec .contact-box .small-text,
.contact-us-sec .contact-details .contact-address,
.contact-us-sec .contact-details .contact-list li,
.project-sec .project-area .project-detail .project-text { opacity: 1; }
.feature-item > i.f-icon { color: #302024; }
.feature-item:hover i.f-icon { color: #85303e; }

/* Reviews: controls stay beside/below the card, never white on white. */
.testimonial-sec .review-box .navigate-btn {
    background: #30282a;
    color: #fff;
    opacity: 1;
    border: 1px solid #e7bab8;
    border-radius: 4px;
    padding: 6px 10px;
    z-index: 2;
}
.testimonial-sec .review-box .navigate-btn:hover { background: #85303e; }
.testimonial-sec .reviews .user-comment,
.testimonial-sec .reviews .comment-date { color: #494044; font-weight: 400; }
.testimonial-sec .demo-notice { max-width: 445px; }
body .demo-notice {
    padding: 12px 16px;
    border: 1px solid #9e8a88;
    background: #292125;
    color: #fff;
    font-size: 14px;
    line-height: 1.65;
    opacity: 1;
}
#demo-information { margin: 0; }
.contact-sec .contact-form .my-form .form-control {
    background-color: rgba(22,15,18,.35);
    color: #fff;
    opacity: 1;
}
.contact-sec .contact-form .my-form .form-control::placeholder { color: #fff; opacity: 1; }
.contact-sec .contact-form .my-form .form-control:focus::placeholder { color: #595055; }
.user-contact:hover { background: #85303e; border-color: #85303e; }

/* An opaque colour pairing on the coral footer and side menu. */
.footer-sec .company-about,
.footer-sec .footer-social a,
.side-menu .side-nav .nav-link,
.side-menu .side-footer p.text-white,
.side-menu .social-icons-simple a { color: #302024 !important; }
.footer-sec .footer-social a:hover { color: #fff !important; }
.side-menu .side-nav .nav-link::after { background: #302024; }
.scroll-top-arrow { background: #85303e; }
.standalone-detail .sub-heading,
.standalone-area .sub-heading,
.standalone-area .gradient-text1 { color: #a33443; }
a:focus-visible, button:focus-visible { outline: 3px solid #b94758; outline-offset: 4px; }

/* Gallery backgrounds need different scrims for light and dark photographs. */
.project-sec .project-area .project-img::after {
    background: linear-gradient(90deg, rgba(16,12,14,.60), rgba(16,12,14,.48) 36%, transparent 72%);
}
.project-sec .project-area .project-img.light-slide::after {
    background: linear-gradient(90deg, rgba(252,248,244,.92), rgba(252,248,244,.75) 36%, transparent 72%);
}
.project-sec .project-links a { display: inline-block; background: #30282a; border-radius: 50%; padding: 5px; }

@media (max-width: 991.98px) {
    /* Mobile copy crosses the subject: centre the shade, taper at both ends. */
    .scrim-left::before,
    .scrim-right::before {
        background: linear-gradient(180deg, rgba(16,12,14,.14), rgba(16,12,14,.52) 24%, rgba(16,12,14,.52) 78%, rgba(16,12,14,.16));
    }
    #services::before { background: rgba(16,12,14,.12); }
    #pricing::before { background: rgba(16,12,14,.55); }
    .project-sec .project-area .project-img::after {
        background: linear-gradient(180deg, transparent, rgba(16,12,14,.56) 28%, rgba(16,12,14,.56) 76%, rgba(16,12,14,.1));
    }
    .project-sec .project-area .project-img.light-slide::after {
        background: linear-gradient(180deg, rgba(252,248,244,.12), rgba(252,248,244,.88) 28%, rgba(252,248,244,.88) 76%, rgba(252,248,244,.12));
    }
    .testimonial-sec .review-box { padding: 0 25px 60px; }
    .testimonial-sec .review-box .navigate-btn { transform: none; top: auto; bottom: 0; }
    .testimonial-sec .review-box .prev-review-btn { left: 25px; }
    .testimonial-sec .review-box .next-review-btn { right: 25px; }
    .testimonial-sec .demo-notice { margin: 0 auto 24px; }
    .single-items:not(#home) { height: auto; min-height: 100vh; }
}