/* ==========================================================================
   MegaPets 2.0 — Delivery Poland Map

   File path: components/delivery-countries-blocks/delivery-poland-map/
              delivery-poland-map.css
   Responsibility: Poland-specific map geometry, region labels and source note.
   Shared layout, panel and controls come from delivery-country-map.css.
   ========================================================================== */

.mp-delivery-country-map--poland {
    --mp-delivery-map-available: #f3e9da;
    --mp-delivery-map-hover: #ecdbc0;
    --mp-delivery-map-selected:
        var(--mp-color-gold, #c79a57);
    --mp-delivery-map-selected-stroke:
        var(--mp-color-gold-dark, #b8833e);
}

@supports (color: color-mix(in srgb, black, white)) {
    .mp-delivery-country-map--poland {
        --mp-delivery-map-available:
            color-mix(
                in srgb,
                var(--mp-color-gold, #c79a57) 18%,
                var(--mp-color-surface, #fff) 82%
            );

        --mp-delivery-map-hover:
            color-mix(
                in srgb,
                var(--mp-color-gold, #c79a57) 30%,
                var(--mp-color-surface, #fff) 70%
            );
    }
}

.mp-delivery-country-map--poland
    .mp-delivery-country-map__stage {
    overflow: visible;
}

.mp-delivery-country-map--poland
    .mp-delivery-country-map__stage > svg {
    aspect-ratio: 820 / 680;
}

.mp-delivery-country-map--poland
    .mp-delivery-map__country {
    fill: var(--mp-delivery-map-available);
    stroke: var(--mp-delivery-map-available-stroke);
    stroke-width: .72;
    stroke-linecap: round;
    stroke-linejoin: round;
    cursor: pointer;
}

.mp-delivery-country-map--poland
    .mp-delivery-map__country path {
    vector-effect: non-scaling-stroke;
}

.mp-delivery-country-map--poland
    .mp-delivery-map__country:hover,
.mp-delivery-country-map--poland
    .mp-delivery-map__country.is-hovered {
    fill: var(--mp-delivery-map-hover);
    stroke: var(--mp-delivery-map-available-stroke);
    stroke-width: 1.15;
}

.mp-delivery-country-map--poland
    .mp-delivery-map__country.is-active {
    fill: var(--mp-delivery-map-selected);
    stroke: var(--mp-delivery-map-selected-stroke);
    stroke-width: 1.3;
}

.mp-delivery-country-map--poland
    .mp-delivery-map__country:focus-visible {
    outline: none !important;
    filter:
        drop-shadow(
            0 0 2px rgba(255, 250, 237, .98)
        )
        drop-shadow(
            0 0 6px rgba(184, 131, 62, .72)
        );
}

/*
 * Passive SVG label layer.
 * Text does not intercept clicks on the regions.
 */
.mp-delivery-poland-map__region-labels {
    pointer-events: none;
}

.mp-delivery-poland-map__region-name {
    fill: var(--mp-color-grey, #5b544d);
    stroke: none;
    font-family:
        var(--mp-font-body, Manrope, Arial, sans-serif);
    font-size: 11px;
    font-weight:
        var(--mp-font-weight-regular, 400);
    letter-spacing: 0;
    opacity: .82;
    text-anchor: middle;
    transition:
        fill
        var(--mp-duration-fast, 180ms)
        var(--mp-ease, ease),
        opacity
        var(--mp-duration-fast, 180ms)
        var(--mp-ease, ease);
}

.mp-delivery-poland-map__region-name--long {
    font-size: 10px;
}

.mp-delivery-poland-map__region-name.is-hovered {
    fill: var(--mp-color-dark, #2a221b);
    font-weight:
        var(--mp-font-weight-regular, 400);
    opacity: 1;
    filter: none;
}

.mp-delivery-poland-map__region-name.is-active {
    fill: var(--mp-color-dark, #2a221b);
    font-weight:
        var(--mp-font-weight-regular, 400);
    opacity: 1;
    filter: none;
}

.mp-delivery-country-map--poland
    .mp-delivery-country-map__intro-line {
    display: block;
}

.mp-delivery-country-map--poland
    .mp-delivery-country-map__intro-line
    + .mp-delivery-country-map__intro-line {
    margin-top: 2px;
}

.mp-delivery-country-map__shared-note {
    margin: 13px 0 0;
    color: var(--mp-delivery-map-muted);
    font-size: 11px;
    line-height: 1.5;
}

.mp-delivery-country-map--poland
    .mp-delivery-country-map__picker {
    margin-top: 15px;
}

.mp-delivery-country-map__source {
    margin: 8px 0 0;
    color: #9a8570;
    font-size: 9px;
    line-height: 1.4;
    text-align: center;
}

@media (max-width: 760px) {
    .mp-delivery-country-map--poland
        .mp-delivery-country-map__stage {
        aspect-ratio: 820 / 680;
    }

    .mp-delivery-country-map--poland
        .mp-delivery-country-map__stage > svg {
        aspect-ratio: 820 / 680;
    }
}

/*
 * Не задаём display для SVG-группы.
 * Она остаётся в своём естественном SVG-режиме.
 */
@media (max-width: 560px) {
    .mp-delivery-poland-map__region-name {
        font-size: 16px;
        font-weight:
            var(--mp-font-weight-regular, 400);
        letter-spacing: 0;
        opacity: .88;
    }

    .mp-delivery-poland-map__region-name--long {
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mp-delivery-country-map--poland
        .mp-delivery-map__country,
    .mp-delivery-poland-map__region-name {
        transition: none;
    }
}