/* ==========================================================================
   Modern Chic Nail Studio — Warm Stone Theme
   A warm ivory, paper white, graphite, stone grey, and muted-brass system.
   The hero, navigation, floating actions, and footer remain dark anchors.
   ========================================================================== */

html,
body,
.page {
    background: var(--background) !important;
    color: var(--text-color) !important;
}

body {
    background-image:
        radial-gradient(circle at 14% 20%, rgba(255, 255, 255, 0.72), transparent 28%),
        radial-gradient(circle at 86% 72%, rgba(207, 202, 192, 0.24), transparent 30%);
}

.preloader {
    background: var(--background) !important;
}

.preloader p {
    color: var(--primary-gradient) !important;
}

.cssload-speeding-wheel {
    border-color: rgba(165, 142, 98, 0.22) !important;
    border-top-color: var(--primary) !important;
}

/* ---------- Light page surfaces ---------- */
.background-color,
.section.background-color,
.section.section-lg.background-color,
.section.section-md.background-color {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 28%),
        var(--background) !important;
    color: var(--text-color) !important;
}

.background-color.alt,
.section.section-lg.background-color.alt {
    background:
        radial-gradient(ellipse at 82% 12%, rgba(165, 142, 98, 0.08), transparent 50%),
        radial-gradient(ellipse at 12% 88%, rgba(119, 119, 113, 0.08), transparent 48%),
        var(--background-warm) !important;
}

.text-color,
h1, h2, h3, h4, h5, h6,
.heading-1, .heading-2, .heading-3,
.heading-4, .heading-5, .heading-6 {
    color: var(--text-color) !important;
}

.text-color.soft,
p,
.big,
.section-subtitle,
p.big {
    color: var(--text-soft) !important;
}

a,
a:focus,
a:active,
.text-primary {
    color: var(--primary-gradient) !important;
}

a:hover {
    color: var(--primary) !important;
}

::selection {
    background: var(--primary-soft);
    color: var(--ink);
}

/* ---------- Quiet grey/brass section dividers ---------- */
.section + .section::before {
    width: min(76%, 760px) !important;
    background: linear-gradient(90deg, transparent, rgba(119, 119, 113, 0.26), transparent) !important;
}

.section + .section::after {
    background: var(--primary) !important;
    opacity: 0.55;
}

/* ---------- Navigation: graphite with a stone top strip ---------- */
.rd-navbar-wrap {
    background: transparent !important;
    border-bottom: 0 !important;
    box-shadow: 0 8px 24px rgba(24, 24, 23, 0.16) !important;
}

.rd-navbar-aside-outer {
    background: #85847f !important;
    color: #f7f4ed !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
}

.rd-navbar-aside .phone,
.rd-navbar-aside .unit-left,
.rd-navbar-aside .social-media-list a {
    color: #f7f4ed !important;
}

.rd-navbar-main-outer,
.rd-navbar-main,
.rd-navbar-panel,
.rd-navbar-main-element,
.rd-navbar-nav-wrap,
.rd-navbar-nav,
.rd-navbar-brand,
.rd-navbar-brand a,
.rd-navbar-brand .brand,
.rd-navbar-main-outer.background-color,
.rd-navbar-main.background-color,
.rd-navbar-panel.background-color,
.rd-navbar-nav-wrap.background-color {
    background: #191918 !important;
    background-image: none !important;
    box-shadow: none !important;
}

.rd-navbar-wrap.is-scrolled,
.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck,
.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone {
    background: rgba(25, 25, 24, 0.96) !important;
    border-bottom: 1px solid rgba(216, 205, 181, 0.14) !important;
    box-shadow: 0 10px 30px rgba(18, 18, 17, 0.24) !important;
}

.rd-navbar-nav .rd-nav-link {
    color: #e8e3d8 !important;
}

.rd-navbar-nav .rd-nav-link:hover,
.rd-navbar-nav .rd-nav-link:focus,
.rd-navbar-nav .rd-nav-link:active,
.rd-navbar-nav .rd-nav-item.active .rd-nav-link {
    color: var(--primary-soft) !important;
}

.rd-navbar-nav .rd-nav-item.active .rd-nav-link::after {
    background: var(--primary) !important;
}

.bm-wordmark-main { color: #f2eee6 !important; }
.bm-wordmark-sub { color: var(--primary-soft) !important; }

.rd-navbar-toggle span,
.rd-navbar-toggle span::before,
.rd-navbar-toggle span::after,
.rd-navbar-collapse-toggle span {
    background: var(--primary-soft) !important;
}

/* ---------- Mobile navigation ---------- */
.bm-mobile-header {
    background: rgba(25, 25, 24, 0.97) !important;
    border-bottom: 1px solid rgba(216, 205, 181, 0.16) !important;
    box-shadow: 0 8px 24px rgba(18, 18, 17, 0.22) !important;
}

.bm-name-main { color: #f2eee6 !important; }
.bm-name-sub { color: var(--primary-soft) !important; }

.bm-menu {
    background: linear-gradient(180deg, #232321 0%, #181817 100%) !important;
    box-shadow: 8px 0 36px rgba(0, 0, 0, 0.44) !important;
}

.bm-menu-header,
.bm-menu-list a,
.bm-menu-footer {
    border-color: rgba(242, 238, 230, 0.10) !important;
}

.bm-eyebrow,
.bm-menu-call,
.bm-menu-list a::after {
    color: var(--primary-soft) !important;
}

.bm-menu-close,
.bm-menu-list a {
    color: #f2eee6 !important;
}

.bm-menu-close:hover,
.bm-menu-list a:hover,
.bm-menu-list a:focus {
    background: rgba(200, 184, 146, 0.08) !important;
    color: var(--primary-soft) !important;
}

.bm-menu-book {
    background: var(--primary) !important;
    color: var(--ink) !important;
}

.bm-menu-footer {
    background: rgba(10, 10, 10, 0.24) !important;
}

.bm-menu-social a {
    background: rgba(200, 184, 146, 0.12) !important;
    color: var(--primary-soft) !important;
}

.bm-menu-social a:hover {
    background: var(--primary) !important;
    color: var(--ink) !important;
}

.bm-menu-backdrop {
    background: rgba(16, 16, 15, 0.58) !important;
}

/* ---------- Promotion: light editorial card ---------- */
.backgrount-gradient,
.promotions {
    background:
        radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.86), transparent 24%),
        linear-gradient(180deg, #f3f0ea 0%, #e9e5de 100%) !important;
    color: var(--text-color) !important;
    animation: none !important;
}

.backgrount-gradient::before {
    background:
        linear-gradient(115deg, transparent 0 46%, rgba(119, 119, 113, 0.06) 46% 48%, transparent 48% 100%),
        radial-gradient(ellipse at 82% 84%, rgba(165, 142, 98, 0.09), transparent 42%) !important;
}

.promotions .container {
    position: relative;
    z-index: 2;
}

.promotionSwiper {
    display: block;
    max-width: 780px;
    margin: 1.6rem auto 0;
    padding: clamp(1.6rem, 3vw, 2.7rem);
    background: var(--surface-elevated);
    border: 1px solid rgba(42, 41, 38, 0.08);
    box-shadow: var(--shadow-soft);
}

.promotion-text-color,
.promotions h2.styling-header,
.promotions .promotion-content,
.promotions .promotion-content h3,
.promotions .promotion-content p {
    color: var(--text-color) !important;
}

.promotions .promotion-content h4 {
    color: var(--primary-gradient) !important;
}

.promotions .small {
    color: var(--text-faint) !important;
}

/* ---------- About / story ---------- */
#about {
    background:
        radial-gradient(ellipse at 15% 20%, rgba(255, 255, 255, 0.8), transparent 32%),
        var(--background) !important;
}

#about .heading-decorate,
#about .brand {
    color: var(--text-color) !important;
}

#about .bm-story-item .bm-story-frame {
    background: #d8d4cc !important;
    box-shadow: 0 20px 42px rgba(53, 50, 44, 0.15) !important;
}

#about .bm-story-collage::before {
    background:
        radial-gradient(50% 55% at 30% 25%, rgba(165, 142, 98, 0.18), transparent 70%),
        radial-gradient(55% 60% at 80% 80%, rgba(119, 119, 113, 0.14), transparent 70%) !important;
}

#about .bm-story-spark {
    background: radial-gradient(circle, var(--primary-soft) 0%, rgba(165, 142, 98, 0.22) 45%, transparent 70%) !important;
    box-shadow: 0 0 12px 3px rgba(165, 142, 98, 0.20) !important;
}

/* ---------- Services: paper cards and neutral photography ---------- */
.section.section-lg.background-color.text-center {
    background:
        linear-gradient(180deg, var(--background-warm), var(--background) 18%, var(--background) 82%, var(--background-warm)) !important;
}

.box-service-modern {
    background: var(--surface-elevated) !important;
    border: 1px solid rgba(42, 41, 38, 0.09) !important;
    box-shadow: var(--shadow-soft) !important;
}

.box-service-modern:hover {
    border-color: rgba(165, 142, 98, 0.34) !important;
    box-shadow: var(--shadow-rose) !important;
}

.box-service-modern .img-hover-zoom::after {
    background:
        linear-gradient(180deg,
            rgba(50, 49, 46, 0.28) 0%,
            rgba(67, 64, 58, 0.34) 52%,
            rgba(34, 33, 31, 0.52) 100%) !important;
}

.box-service-modern .img-hover-zoom img {
    filter: saturate(0.74) sepia(0.07) contrast(0.96);
}

.box-service-modern:hover .img-hover-zoom img {
    filter: saturate(0.92) sepia(0.03) contrast(1);
}

.box-service-modern .icon-classic-title {
    background: rgba(249, 247, 242, 0.94) !important;
    color: var(--ink) !important;
    box-shadow: 0 8px 24px rgba(36, 34, 30, 0.18) !important;
}

.box-service-modern .service-desc {
    background: linear-gradient(180deg, rgba(255, 253, 249, 0), var(--surface-elevated) 24%) !important;
}

.box-service-modern .service-desc p,
.box-service-modern:hover .service-desc p {
    color: var(--text-soft) !important;
}

/* ---------- Testimonials: greige field with white cards ---------- */
.section.parallax-container,
.section.parallax-container[data-parallax-img],
.section-testimonials {
    background:
        radial-gradient(ellipse at 84% 12%, rgba(165, 142, 98, 0.08), transparent 42%),
        var(--background-warm) !important;
    color: var(--text-color) !important;
}

.section.parallax-container::before {
    background:
        linear-gradient(180deg, rgba(247, 244, 238, 0.46), rgba(231, 227, 220, 0.68)),
        radial-gradient(ellipse at 22% 70%, rgba(119, 119, 113, 0.06), transparent 56%) !important;
    opacity: 1 !important;
}

.section.parallax-container .parallax-content {
    color: var(--text-color) !important;
}

.section-testimonials h2,
.section.parallax-container h2 {
    color: var(--text-color) !important;
}

.quote-corporate {
    background: var(--surface-elevated) !important;
    border: 1px solid rgba(42, 41, 38, 0.09) !important;
    color: var(--text-color) !important;
    box-shadow: var(--shadow-soft) !important;
}

.quote-corporate::before {
    width: 2px !important;
    background: linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%) !important;
}

.quote-corporate .quote-text {
    color: var(--text-soft) !important;
}

.quote-corporate .quote-author {
    color: var(--ink) !important;
}

.quote-corporate .quote-footer {
    border-top-color: rgba(42, 41, 38, 0.09) !important;
}

.quote-corporate .quote-body-mark {
    fill: var(--primary) !important;
    opacity: 0.18;
}

.quote-corporate .quote-stars {
    color: var(--primary) !important;
}

.section-testimonials .owl-dots .owl-dot span,
.owl-dots .owl-dot span {
    background: rgba(42, 41, 38, 0.22) !important;
}

.section-testimonials .owl-dots .owl-dot.active span,
.owl-dots .owl-dot.active span {
    background: var(--primary-gradient) !important;
}

/* ---------- Contact: paper frame with graphite detail panel ---------- */
#contact {
    background:
        radial-gradient(circle at 14% 18%, rgba(255, 255, 255, 0.62), transparent 28%),
        var(--background) !important;
}

#contact .pricing-box-modern {
    background: var(--surface-elevated) !important;
    border: 1px solid rgba(42, 41, 38, 0.09) !important;
    box-shadow: var(--shadow-deep) !important;
}

#contact .pricing-box-inner h3,
#contact .pricing-box-inner .pricing-box-inner-list a {
    color: var(--text-color) !important;
}

#contact .pricing-box-inner.bg-primary {
    background: linear-gradient(145deg, #2b2b29 0%, #191918 100%) !important;
    color: #f2eee6 !important;
}

#contact .pricing-box-inner.bg-primary h4,
#contact .pricing-box-inner.bg-primary p,
#contact .pricing-box-inner.bg-primary a {
    color: #f2eee6 !important;
}

#contact .pricing-box-inner.bg-primary .button {
    border-color: var(--primary-soft) !important;
    color: var(--primary-soft) !important;
}

#contact .pricing-box-inner.bg-primary .button:hover {
    background: var(--primary) !important;
    color: var(--ink) !important;
}

#contact iframe {
    filter: saturate(0.72) contrast(0.94);
}

/* ---------- Buttons ---------- */
.button-primary,
.button-primary:focus {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--ink) !important;
}

.button-primary:hover,
.button-primary:active {
    background: var(--ink) !important;
    border-color: var(--ink) !important;
    color: #f2eee6 !important;
}

.button-default-outline,
.button-default-outline:focus {
    color: var(--ink) !important;
    background: transparent !important;
    border-color: rgba(23, 23, 22, 0.54) !important;
}

.button-default-outline:hover,
.button-default-outline:active {
    color: #f2eee6 !important;
    background: var(--ink) !important;
    border-color: var(--ink) !important;
}

/* ---------- Floating actions: charcoal shell + brass booking ---------- */
.btn-call-us,
.btn-book-now {
    background: #252523 !important;
    background-image: none !important;
    border-color: rgba(232, 227, 216, 0.34) !important;
    color: #f4f0e7 !important;
    box-shadow: 0 12px 28px rgba(20, 20, 19, 0.22) !important;
}

.btn-book-now {
    background: var(--primary) !important;
    border-color: var(--primary-soft) !important;
    color: var(--ink) !important;
}

.btn-call-us:hover {
    background: #111110 !important;
    border-color: var(--primary-soft) !important;
    color: var(--primary-soft) !important;
}

.btn-book-now:hover {
    background: var(--primary-soft) !important;
    border-color: var(--primary-soft) !important;
    color: var(--ink) !important;
}

/* ---------- Editorial details ---------- */
.section-eyebrow {
    color: var(--secondary) !important;
}

.section-eyebrow::before,
.section-eyebrow::after {
    background: linear-gradient(90deg, transparent, var(--secondary), transparent) !important;
}

.divider-lg {
    background: linear-gradient(90deg, transparent, var(--primary), transparent) !important;
}

.divider-lg::after {
    background-color: var(--primary) !important;
}

.ornament .glyph {
    color: var(--primary) !important;
    background: transparent !important;
}

.ornament {
    color: var(--secondary) !important;
}

.brand {
    color: var(--ink) !important;
}

.section-title em {
    color: var(--primary-gradient) !important;
}

/* ---------- Footer: dark visual full stop ---------- */
footer,
.section.section-xs,
.footer-minimal {
    background: linear-gradient(180deg, #1d1d1c 0%, #111110 100%) !important;
    color: #aaa69e !important;
    border-top: 1px solid rgba(200, 184, 146, 0.18) !important;
}

.section.section-xs-type-1.footer-minimal {
    display: none;
}

.rights {
    color: #aaa69e !important;
}

.rights a,
a.text-primary {
    color: var(--primary-soft) !important;
}

/* ---------- Scrollbar ---------- */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #dedad2;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #96938c, #6d6c67);
    border-radius: 8px;
    border: 2px solid #dedad2;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-gradient);
}

/* ==========================================================================
   Continuous page atmosphere
   Blend section colors across generous vertical ramps so the page reads as
   one canvas instead of a stack of rectangular color bands.
   ========================================================================== */

/* The old line-and-diamond separators make every color change feel harder. */
#about::before,
#about::after,
.section.section-lg.background-color.text-center::before,
.section.section-lg.background-color.text-center::after,
#contact::before,
#contact::after {
    display: none !important;
}

/* Hero → promotion: begin on graphite, travel through stone, land on ivory. */
.backgrount-gradient,
.promotions {
    background:
        radial-gradient(ellipse 48% 34% at 16% 28%, rgba(255, 255, 255, 0.48), transparent 72%),
        radial-gradient(ellipse 44% 30% at 88% 74%, rgba(165, 142, 98, 0.08), transparent 70%),
        linear-gradient(
            180deg,
            #343330 0,
            #77746e 32px,
            #aaa69e 66px,
            #d8d3ca 108px,
            #eeeae3 162px,
            #f1eee8 38%,
            #f1eee8 78%,
            #eeebe4 100%
        ) !important;
}

/* The atmospheric promotion layer should be texture, not another hard panel. */
.backgrount-gradient::before {
    background:
        linear-gradient(115deg, transparent 0 46%, rgba(119, 119, 113, 0.045) 46% 48%, transparent 48% 100%),
        radial-gradient(ellipse at 82% 84%, rgba(165, 142, 98, 0.07), transparent 42%) !important;
}

/* Promotion → story: almost the same ivory, with a faint warm drift. */
#about {
    background:
        radial-gradient(ellipse 55% 42% at 12% 24%, rgba(255, 255, 255, 0.62), transparent 72%),
        radial-gradient(ellipse 42% 34% at 88% 76%, rgba(165, 142, 98, 0.045), transparent 70%),
        linear-gradient(
            180deg,
            #eeebe4 0,
            #f1eee8 14%,
            #f2efe9 52%,
            #efebe4 84%,
            #ebe7df 100%
        ) !important;
}

/* Story → services: softly deepen to greige around the card collection. */
.section.section-lg.background-color.text-center {
    background:
        radial-gradient(ellipse 50% 30% at 84% 20%, rgba(255, 255, 255, 0.32), transparent 72%),
        radial-gradient(ellipse 40% 24% at 12% 78%, rgba(119, 119, 113, 0.045), transparent 72%),
        linear-gradient(
            180deg,
            #ebe7df 0,
            #efebe4 12%,
            #f0ede7 48%,
            #ece8e1 82%,
            #e7e3dc 100%
        ) !important;
}

/* Services → testimonials: continue the same greige instead of switching. */
.section.parallax-container,
.section.parallax-container[data-parallax-img],
.section-testimonials {
    background:
        radial-gradient(ellipse 46% 42% at 84% 18%, rgba(165, 142, 98, 0.065), transparent 72%),
        radial-gradient(ellipse 40% 36% at 14% 82%, rgba(255, 255, 255, 0.22), transparent 70%),
        linear-gradient(
            180deg,
            #e7e3dc 0,
            #e9e5de 18%,
            #eae6df 60%,
            #ece8e2 84%,
            #efebe5 100%
        ) !important;
}

.section.parallax-container::before {
    background:
        linear-gradient(180deg, rgba(247, 244, 238, 0.08), rgba(231, 227, 220, 0.18)),
        radial-gradient(ellipse at 22% 70%, rgba(119, 119, 113, 0.035), transparent 56%) !important;
}

/* Testimonials → contact: brighten gradually around the studio details. */
#contact {
    background:
        radial-gradient(ellipse 52% 36% at 12% 24%, rgba(255, 255, 255, 0.56), transparent 72%),
        radial-gradient(ellipse 40% 30% at 88% 76%, rgba(165, 142, 98, 0.045), transparent 72%),
        linear-gradient(
            180deg,
            #efebe5 0,
            #f1eee8 16%,
            #f2efe9 66%,
            #efebe5 88%,
            #e8e4dc 100%
        ) !important;
}

/* Contact → footer: let the graphite rise into the final ivory section. */
.section.section-xs {
    position: relative;
    isolation: isolate;
}

.section.section-xs::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -36px;
    left: 0;
    width: 100% !important;
    max-width: none !important;
    height: 38px;
    transform: none;
    background: linear-gradient(
        180deg,
        rgba(29, 29, 28, 0) 0%,
        rgba(29, 29, 28, 0.06) 42%,
        rgba(29, 29, 28, 0.20) 76%,
        #1d1d1c 100%
    ) !important;
    pointer-events: none;
}

.section.section-xs::after {
    display: none !important;
}

@media (max-width: 767.98px) {
    .backgrount-gradient,
    .promotions {
        background:
            linear-gradient(
                180deg,
                #343330 0,
                #817e77 34px,
                #c5c0b7 76px,
                #eeebe4 126px,
                #f1eee8 34%,
                #eeebe4 100%
            ) !important;
    }

    .section.section-xs::before {
        top: -24px;
        height: 26px;
    }
}

/* ==========================================================================
   Unified icon system
   All icons use <i class="fa fa-<name> bm-icon"></i>
   ========================================================================== */
.bm-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-family: "FontAwesome";
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    width: 1em;
    height: 1em;
    color: currentColor;
    transition: color 0.25s ease, transform 0.25s ease;
}

/* Mobile burger menu */
.bm-menu-call .bm-icon { font-size: 16px; width: 16px; height: 16px; margin-right: 10px; }
.bm-menu-social a .bm-icon { font-size: 16px; }

/* Social icon links (top header + footer contact) */
.bm-icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #f5ecdf;
    text-decoration: none;
    transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
.bm-icon-link:hover {
    background: rgba(212, 136, 157, 0.25);
    color: #ffffff;
    transform: translateY(-1px);
}
.bm-icon-link .bm-icon {
    font-size: 15px;
    width: 15px;
    height: 15px;
    color: inherit;
}

/* Floating Call / Book buttons */
.btn-call-us .bm-icon,
.btn-book-now .bm-icon {
    font-size: 14px;
    width: 14px;
    height: 14px;
    margin-right: 6px;
}
@media (min-width: 768px) {
    .btn-call-us .bm-icon,
    .btn-book-now .bm-icon { font-size: 16px; width: 16px; height: 16px; }
}

/* Unified monochrome social icon set
   Renders the same FontAwesome glyph in:
     .bm-icon-link           — circular button (navbar, mobile menu footer)
     .bm-icon-link--inline   — flat inline link (footer contact card)
   All glyphs inherit `color` from the link — single source of truth. */
.bm-icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-color, #f5ecdf);
    text-decoration: none;
    margin: 0 4px;
    transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
.bm-icon-link:hover {
    background: var(--primary, #d4889d);
    color: #ffffff;
    transform: translateY(-1px);
}
.bm-icon-link .bm-icon {
    font-size: 15px;
    width: 15px;
    height: 15px;
    color: inherit;
}

/* Inline variant — no circle background, used in the contact card.
   Use higher specificity to override #contact .contact-social a in elegant-overrides. */
.contact-social a.bm-icon-link--inline,
.bm-icon-link--inline {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    background: transparent !important;
    margin: 0 6px 0 0 !important;
    color: var(--primary, #d4889d) !important;
    text-decoration: none !important;
}
.contact-social a.bm-icon-link--inline:hover,
.bm-icon-link--inline:hover {
    background: transparent !important;
    color: var(--ink, #0c0a0d) !important;
    transform: none !important;
}
.bm-icon-link--inline .bm-icon {
    font-size: 20px;
    width: 20px;
    height: 20px;
}

/* Make sure any legacy <img> social icons are suppressed (mono set is icon-only) */
.rd-navbar-aside .social-media-list img,
.contact-social img { display: none !important; }