/*
 * Omoda — sekcja "Mapa" (lokalizacje serwisowe). Akordeon i mapa to markup/CSS/JS
 * wtyczki Salony (.omoda-salons__*, 1:1 jak /kontakt/) — tu tylko nagłówek,
 * przyciski sekcji i motyw ciemnego tła (.omoda-section-bg--dark z model-sections.css
 * nadaje samo tło; kolory wnętrza dopasowujemy tu, jak w pozostałych typach sekcji).
 */

.omoda-service-map {
    padding-block: var(--omoda-space-2xl);
}

.omoda-service-map .omoda-salons__body {
    padding-block: var(--omoda-space-lg) 0;
}

.omoda-service__heading {
    font-size: var(--omoda-font-size-h2);
    line-height: var(--omoda-line-height-heading);
    font-weight: 700;
    color: var(--omoda-color-text);
    margin: 0 0 var(--omoda-space-md);
}

.omoda-service-map__text {
    margin: 0;
    color: var(--omoda-color-text-muted);
    font-size: var(--omoda-font-size-body);
}

.omoda-service-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: var(--omoda-space-sm);
    margin-top: var(--omoda-space-lg);
}

/* .omoda-btn--outline zakłada ciemne tło — na jasnych wariantach odwracamy. */
.omoda-service-map:not(.omoda-section-bg--dark) .omoda-service-buttons .omoda-btn--outline {
    color: var(--omoda-color-text) !important;
    border-color: var(--omoda-color-border) !important;
    box-shadow: none !important;
}

.omoda-service-map:not(.omoda-section-bg--dark) .omoda-service-buttons .omoda-btn--outline:hover {
    background-color: var(--omoda-color-dark) !important;
    border-color: var(--omoda-color-dark) !important;
    color: var(--omoda-color-text-inverse) !important;
}

/* ---------- Ciemne tło ---------- */

.omoda-section-bg--dark .omoda-service__heading,
.omoda-section-bg--dark .omoda-salons__trigger-name,
.omoda-section-bg--dark .omoda-salons__map-name,
.omoda-section-bg--dark .omoda-salons__hours-title,
.omoda-section-bg--dark .omoda-salons__hours-row span:last-child {
    color: #ffffff;
}

.omoda-section-bg--dark .omoda-service-map__text,
.omoda-section-bg--dark .omoda-salons__trigger-address,
.omoda-section-bg--dark .omoda-salons__map-address,
.omoda-section-bg--dark .omoda-salons__hours-row span:first-child {
    color: rgba(255, 255, 255, 0.7);
}

.omoda-section-bg--dark .omoda-salons__accordion,
.omoda-section-bg--dark .omoda-salons__item,
.omoda-section-bg--dark .omoda-salons__hours-row,
.omoda-section-bg--dark .omoda-salons__email {
    border-color: rgba(255, 255, 255, 0.15);
}

.omoda-section-bg--dark .omoda-salons__trigger:hover,
.omoda-section-bg--dark .omoda-salons__item.is-active .omoda-salons__trigger {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

.omoda-section-bg--dark .omoda-salons__item.is-active .omoda-salons__trigger {
    border-bottom-color: rgba(255, 255, 255, 0.15) !important;
}

.omoda-section-bg--dark .omoda-salons__panel-inner {
    background: transparent;
}

.omoda-section-bg--dark .omoda-salons__accordion-caret {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.omoda-section-bg--dark .omoda-salons__item.is-active .omoda-salons__accordion-caret {
    background: #ffffff;
    color: var(--omoda-color-dark);
}

.omoda-section-bg--dark .omoda-salons__email-reveal,
.omoda-section-bg--dark .omoda-salons__email-copy {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

.omoda-section-bg--dark .omoda-salons__directions,
.omoda-section-bg--dark .omoda-salons__scroll-to-form,
.omoda-section-bg--dark .omoda-salons__actions .omoda-salons__directions:visited,
.omoda-section-bg--dark .omoda-salons__actions .omoda-salons__scroll-to-form:visited,
.omoda-section-bg--dark .omoda-salons__map-directions,
.omoda-section-bg--dark .omoda-salons__map-address-row .omoda-salons__map-directions:visited {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

.omoda-section-bg--dark .omoda-salons__directions:hover,
.omoda-section-bg--dark .omoda-salons__scroll-to-form:hover,
.omoda-section-bg--dark .omoda-salons__map-directions:hover {
    background-color: rgba(255, 255, 255, 0.12);
    border-color: #ffffff !important;
    color: #ffffff !important;
}