@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
:root{
    --bde-font-size-ratio:1.1 !important;
}
#gd-root {
    all: initial; 
    width: 100%;
    display: block;
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
    line-height: 1.5;
    background-color: #f8fafc;
    color: #0f172a;

}
#gd-root * { box-sizing: border-box; outline: none; }

#gd-map-container {
    height: 300px !important;
    min-height: 300px !important;
    background-color: #e2e8f0;
    width: 100% !important;
    display: block !important;
    position: relative;
    z-index: 1;
}
.p-4.flex.items-center.justify-between.bg-white.startnav {
    flex-wrap: wrap;
    gap: 10px;
}

.h-full {
    height: 100% !important;
}

div#gd-lightbox {
    z-index: 99999;
}

a.startnavbu {
    width: 100%;
    margin: auto;
    background: #56fb3d;
    color: #282828 !important;
    justify-content: center;
    text-transform: uppercase;
    font-size: 14px;
    height: 3rem;
}


.gd-glass { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px); }
.gd-step { animation: gd-fade-up 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

@keyframes gd-fade-up {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

#gd-root button:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    background-color: #cbd5e1 !important;
    color: #64748b !important;
    box-shadow: none !important;
    transform: none !important;
}

#gd-val-modal { z-index: 99999 !important; }

.parking-container { position: relative; width: 120px; height: 60px; margin: 0 auto; }
.parking-sign { position: absolute; right: 0; top: 10px; font-size: 30px; font-weight: bold; color: #1a73e8; background: white; border: 2px solid #1a73e8; border-radius: 4px; padding: 0 6px; z-index: 10; }
.parking-car { position: absolute; left: 0; bottom: 0; animation: parkCar 2s ease-in-out infinite; }
@keyframes parkCar {
    0% { transform: translateX(-50px); opacity: 0; }
    20% { opacity: 1; }
    60% { transform: translateX(50px); }
    100% { transform: translateX(50px); opacity: 1; }
}

@media (max-width: 640px) {
    #gd-root .container { padding-left: 1.25rem; padding-right: 1.25rem; }
    #gd-map-container { height: 250px !important; min-height: 250px !important; }
    .deadline{ align-items: center; }
    #display-return-big {text-align: center;}
    .text-remaining {text-align: center !important;}
    .returndeadline {text-align: center;}
}