/* Headroom cookie notice — branded bottom-left card overriding Cookie Notice plugin defaults */

/* Plugin leaves the shell in the DOM after consent; hide it when nothing is shown */
#cookie-notice.cookie-notice-hidden.cookie-revoke-hidden {
    display: none !important;
}

#cookie-notice {
    left: 24px !important;
    right: auto !important;
    bottom: 24px !important;
    top: auto !important;
    min-width: 0 !important;
    width: 380px;
    max-width: calc(100vw - 48px);
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #4F5B5B !important;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    text-align: left !important;
}

/* Visuals live on the inner containers, so an empty shell renders nothing */
#cookie-notice .cookie-notice-container,
#cookie-notice .cookie-revoke-container {
    position: relative;
    padding: 22px 24px 20px !important;
    color: #4F5B5B !important;
    text-align: left !important;
    background: #ffffff;
    border-radius: 14px;
    border-top: 4px solid #FED84D;
    box-shadow: 0 12px 40px rgba(0, 101, 102, 0.18), 0 2px 8px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

/* Title */
#cookie-notice .cookie-notice-container::before {
    content: "Cookies & your privacy";
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #006566;
    margin: 0 0 8px 0;
    padding-left: 26px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23006566' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5'/><circle cx='8.5' cy='8.5' r='1'/><circle cx='15.5' cy='15.5' r='1'/><circle cx='9' cy='15' r='1'/></svg>") no-repeat left center / 18px 18px;
}

#cookie-notice .cn-text-container {
    display: block !important;
    margin: 0 0 16px !important;
    color: #4F5B5B !important;
}

#cookie-notice .cn-text-container a {
    color: #006566 !important;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

#cookie-notice .cn-text-container a:hover {
    color: #0f4741 !important;
}

/* Buttons */
#cookie-notice .cn-buttons-container {
    display: flex !important;
    gap: 10px;
    flex-wrap: wrap;
}

#cookie-notice .cn-button,
#cookie-notice .cn-button:not(.cn-button-custom) {
    margin: 0 !important;
    font-family: inherit !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    padding: 11px 22px !important;
    border-radius: 8px !important;
    transition: all 0.25s ease;
    letter-spacing: 0 !important;
}

#cookie-notice #cn-accept-cookie {
    background: linear-gradient(135deg, #1a6563 0%, #0f4741 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(26, 101, 99, 0.3);
}

#cookie-notice #cn-accept-cookie:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(26, 101, 99, 0.4);
}

#cookie-notice #cn-refuse-cookie,
#cookie-notice #cn-more-info {
    background: transparent !important;
    color: #006566 !important;
    border: 1.5px solid #d4e8ea !important;
}

#cookie-notice #cn-refuse-cookie:hover,
#cookie-notice #cn-more-info:hover {
    background: #edf5f5 !important;
    border-color: #006566 !important;
}

/* Revoke button (shown after consent, if enabled) */
#cookie-notice #cn-revoke-cookie {
    background: #006566 !important;
    color: #ffffff !important;
}

/* Close icon hidden: user must choose Ok or No */
#cookie-notice .cn-close-icon {
    display: none !important;
}

@media (max-width: 600px) {
    #cookie-notice {
        left: 12px !important;
        bottom: 12px !important;
        width: auto;
        max-width: calc(100vw - 24px);
        font-size: 13px !important;
    }

    #cookie-notice .cookie-notice-container {
        padding: 18px 18px 16px !important;
    }

    #cookie-notice .cn-button,
    #cookie-notice .cn-button:not(.cn-button-custom) {
        flex: 1 1 auto;
    }
}