#pshu-gls-map #left-canvas,
#pshu-gls-map #right-canvas,
#pshu-gls-map #map-canvas{
    height: 450px;
}

#pshu-gls-map #left-canvas {
    overflow: hidden;
    float: left;
    width: 30%;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
#pshu-gls-map #psitems-canvas {
    overflow: auto;
    height: 100%;
    width: 100%;
}
#pshu-gls-map #searchinput {
    background-color: whitesmoke;
    margin-left: 5px;
    width: 90%;
    border-left: 0;
    border-right: 0;
    z-index: 1;
    padding: 5px 5px 5px 5px;
}
#pshu-gls-map #searchinput.default {
    color: grey;
    font-style: italic
}

#pshu-gls-map .psOver {
    background-color: infobackground;
}
#pshu-gls-map .psSelected {
    font-weight: bold;
}

/* Fix GLS success message - ensure it's visible above other elements */
div[id^="gls-map-success-"] {
    position: relative;
    z-index: 10;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Ensure GLS container doesn't get covered */
div[id^="pshugls-"] {
    position: relative;
    z-index: 5;
}

/* Force GLS container to expand and show all content - override theme styles */
div[id^="pshugls-"] {
    overflow: visible !important;
    min-height: auto !important;
    height: auto !important;
}

/* Ensure parent containers don't clip the GLS content */
div[id^="pshugls-"]::after {
    content: "";
    display: table;
    clear: both;
}

/* Make sure success message is fully visible when shown */
div[id^="gls-map-success-"] {
    position: relative !important;
    margin: 10px 0 !important;
    padding: 10px !important;
}

/* Ensure the entire delivery option expands when GLS content is shown */
.delivery-option:has(div[id^="pshugls-"]) {
    overflow: visible !important;
    height: auto !important;
    min-height: auto !important;
}

/* Fallback if :has() not supported - force all delivery options with GLS content to expand */
.delivery-option {
    overflow: visible !important;
}

/* Make sure parent containers don't clip GLS content */
.delivery-options,
.delivery-options__item,
.js-delivery-option {
    overflow: visible !important;
    height: auto !important;
    min-height: auto !important;
}

/* GLS dialog container - csak akkor fixed ha van dialog benne */
div[id^="gls-map-container-"]:has(gls-dpm-dialog[open]) {
    position: fixed !important;
    z-index: 99999 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
}

gls-dpm-dialog,
[id^="gls-map-"] {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}