/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/

/* Final fix for Template 21 mobile slideshow caption box */
@media (max-width: 768px) {
    /* Target the container to collapse height and remove any fixed minimums */
    .nivo-box, 
    .nivo-caption {
        height: auto !important;
        min-height: 0 !important;
        top: auto !important; /* Prevents it from sticking to the top if set there */
        bottom: 0 !important; /* Pins it to the bottom of the image */
        padding: 5px 10px !important;
        display: block !important;
    }

    /* Target the actual text inside to ensure it doesn't add extra internal spacing */
    .nivo-box p, 
    .nivo-caption p {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0.9em !important;
    }
}

/* Fix Google Maps Map/Satellite buttons */
.gm-style .gm-style-mtc button,
.gm-style .gm-style-mtc div {
    background-color: #333 !important;
    color: #fff !important;
    border: 1px solid #222 !important;
}

/* Improve readability */
.gm-style .gm-style-mtc button span,
.gm-style .gm-style-mtc div span {
    color: #fff !important;
    font-weight: 600 !important;
}


/* Cookie Banner */
#cookie-banner {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #222 !important;
    color: #fff;
    padding: 15px 10px;
    text-align: center;
    z-index: 99999;
}

/* Text spacing */
#cookie-banner span {
    display: block;
    margin-bottom: 12px;
    color: #fff;
}

/* Button container */
.cookie-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
}

/* Buttons (force red again) */
.cookie-buttons button {
    padding: 10px 16px;
    border: none;
    background: #cc3333 !important;
    color: #fff !important;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}

.cookie-buttons button:hover {
    background: #ff4d4d !important;
}

/* Mobile layout */
@media (max-width: 600px) {
    .cookie-buttons {
        flex-direction: column;
    }

    .cookie-buttons button {
        width: 100%;
    }
}