/* Region navigation styling */


/* Interactive SVG Map Styles */
.interactive-svg-container {
    position: relative;
    width: 100%;
    padding-bottom: 57%; /* Poměr 1000:570 */
    height: 0;
    overflow: hidden;
    border-radius: 0.375rem;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
}

.interactive-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Interactive SVG paths - s hover efektem */
.interactive-svg .region-path {
    fill: #DDE0E4;
    stroke: #ffffff;
    stroke-width: 1;
    cursor: pointer;
    transition: fill 0.2s ease;
}

.interactive-svg .region-path:hover {
    fill: #adb5bd;
}

.interactive-svg .region-path.active {
    fill: #DD042B;
}

/* Static SVG paths (lokalita.php) - bez hover efektu */
.region-svg .region-path {
    fill: #DDE0E4;
    stroke: #ffffff;
    stroke-width: 1;
    /* Žádný cursor: pointer ani hover efekt */
}

.region-svg .region-path.highlighted {
    fill: #DD042B;
}

/* Custom button styles for Lokalita v2 */
.btn-custom-app {
    border: 2px solid #DD042B !important;
    background-color: #DD042Bbd !important;
    color: white !important;
    transition: background-color 0.2s ease;
}

.btn-custom-app:hover {
    background-color: #DD042B !important;
    color: white !important;
}

/* Equal height columns for Lokalita v2 */
.lokalita-row {
    display: flex;
    flex-wrap: wrap;
}

.lokalita-row > [class*="col-"] {
    display: flex;
    flex-direction: column;
}

.lokalita-row .interactive-svg-container,
.lokalita-row .card {
    flex: 1;
    min-height: 400px;
}

/* Specific adjustments for smaller screens */
@media (max-width: 767px) {
    .lokalita-row .interactive-svg-container,
    .lokalita-row .card {
        min-height: 300px;
    }
}