/* Shared storefront chrome. The administrator still chooses the header/footer
 * template; these states make every option readable and touch-friendly. */
.header-area .dropdown-menu,
.header-area .pro-header-options a,
.header-area .pro-header-right-options a,
.header-area .navbar-nav > li > a,
.header-area .main-menu > li > a {
    transition: color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.header-area .dropdown-menu .dropdown-item:hover,
.header-area .dropdown-menu .dropdown-item:focus-visible,
.header-area .pro-header-options a:hover,
.header-area .pro-header-options a:focus-visible,
.header-area .pro-header-right-options a:hover,
.header-area .pro-header-right-options a:focus-visible {
    color: #fff !important;
    background: #a46b54 !important;
    text-decoration: none;
}
.header-area .header-navbar a:hover,
.header-area .header-navbar a:focus-visible,
.header-area .navbar-nav a:hover,
.header-area .navbar-nav a:focus-visible,
.header-area .main-menu a:hover,
.header-area .main-menu a:focus-visible {
    color: #a46b54 !important;
    text-decoration: none;
}
.header-area .header-navbar a:focus-visible,
.header-area .header-maxi a:focus-visible,
.header-area .header-mini a:focus-visible {
    outline: 3px solid rgba(164, 107, 84, .28);
    outline-offset: 2px;
}
.footer-area {
    position: relative;
    overflow: hidden;
}
.footer-area a {
    transition: color .2s ease, opacity .2s ease, transform .2s ease;
}
.footer-area a:hover,
.footer-area a:focus-visible {
    color: #e9b497 !important;
    opacity: 1;
    text-decoration: none;
    transform: translateX(2px);
}
[dir="rtl"] .footer-area a:hover,
[dir="rtl"] .footer-area a:focus-visible { transform: translateX(-2px); }
.footer-area .socials a:hover,
.footer-area .socials a:focus-visible { transform: translateY(-3px); }
.footer-area .footer-info { overflow-wrap: anywhere; }
.brouj-instagram-widget {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 58px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 12px;
    background: rgba(255, 255, 255, .06);
}
.brouj-instagram-widget a {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    color: inherit;
    font-weight: 600;
}
.brouj-instagram-widget i { font-size: 1.45rem; color: #e9b497; }
.brouj-instagram-widget small { display: block; opacity: .7; font-weight: 400; }
.brouj-footer-instagram-bar {
    padding: 14px 16px;
    background: #1f1919;
}
.brouj-footer-instagram-bar .brouj-instagram-widget {
    max-width: 1180px;
    margin: 0 auto;
}
.slider-navigation-image,
.slider-navigation-video {
    min-height: 220px;
    max-height: min(62vw, 620px);
    object-fit: cover;
    background: #f5f1ef;
}
.slider-navigation-video {
    display: block;
}
@media (max-width: 767.98px) {
    .header-area .header-mini,
    .header-area .header-maxi,
    .header-area .header-navbar { padding-inline: 10px; }
    .footer-area .row > [class*="col-"] { margin-bottom: 22px; }
    .footer-area .links-list { margin-bottom: 0; }
    .brouj-footer-instagram-bar { padding-inline: 12px; }
    .slider-navigation-image,
    .slider-navigation-video {
        min-height: 180px;
        max-height: 72vw;
    }
}