/* Local accessibility and presentation corrections. Keep original animations intact. */
header, header.header-appear { background-color: #592b1c; }
body { font-weight: 400; }
/* Each slide's scrim follows its text column, leaving the subject illuminated. */
.slider .swiper-slide > .bg-overlay {
    opacity: 1;
    background: linear-gradient(90deg, rgba(27,15,10,.12), rgba(27,15,10,.54) 58%, rgba(27,15,10,.58));
}
.slider .swiper-slide:nth-child(2) > .bg-overlay {
    background: linear-gradient(90deg, rgba(27,15,10,.18), rgba(27,15,10,.55) 30%, rgba(27,15,10,.55) 76%, rgba(27,15,10,.18));
}
.slider .swiper-slide:nth-child(3) > .bg-overlay {
    background: linear-gradient(90deg, rgba(27,15,10,.58), rgba(27,15,10,.54) 45%, rgba(27,15,10,.12));
}
.slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { background: #39251d; }
.slider .social-icon { background: #39251d; border-radius: 50%; }
/* Layer above the parallax photo; independent of the plugin's inline background. */
.parallax.bg-img1::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(27,15,10,.22), rgba(27,15,10,.58) 25%, rgba(27,15,10,.58) 78%, rgba(27,15,10,.22));
}
.parallax.bg-img1 > .container { position: relative; }
.parallax-box h2, .parallax-box h5 { color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.3); }
.portfolio-three .item-img-overlay::before { opacity: .88; }
.contact-form .form-control { color: #3d332e; border-bottom-color: #8a7d76; }
.contact-form .form-control::placeholder { color: #62564f; opacity: 1; }
.quote-content .text-pink { color: #592b1c; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
    outline: 3px solid #9a6945;
    outline-offset: 4px;
}
.cafe-map { position: relative; background: #eee6d9; }
.cafe-map > img { width: 100%; height: 100%; object-fit: cover; }
.cafe-map-contact {
    text-align: left;
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
    padding: 24px;
    color: #42291f;
    background: #fffaf2;
    box-shadow: 0 8px 30px rgba(52,33,23,.12);
}
.cafe-map-contact h3 { font-size: 22px; font-weight: 600; }
.cafe-map-contact p { margin-bottom: 8px; }
.cafe-map-contact a { display: block; text-decoration: underline; text-underline-offset: 3px; }
.cafe-map-contact small { display: block; margin-top: 12px; color: #62564f; }
@media (max-width: 767px) {
    .slider .swiper-slide > .bg-overlay {
        background: linear-gradient(180deg, rgba(27,15,10,.16), rgba(27,15,10,.56) 27%, rgba(27,15,10,.56) 66%, rgba(27,15,10,.16));
    }
    .parallax.bg-img1::before {
        background: linear-gradient(90deg, rgba(27,15,10,.22), rgba(27,15,10,.58) 25%, rgba(27,15,10,.58) 75%, rgba(27,15,10,.22));
    }
    .cafe-map-contact { left: 16px; right: 16px; bottom: 16px; padding: 20px; }
}
