/* Custom Application Styles */

/* Cookie consent custom styles */
#cookie-consent {
    background: linear-gradient(135deg, #41290c 0%, #5a3a1a 100%) !important;
    border-top: 3px solid #d09847 !important;
    box-shadow: 0 -4px 20px rgba(65, 41, 12, 0.3) !important;
}

#cookie-consent .fas.fa-cookie-bite {
    color: #d09847 !important;
    filter: drop-shadow(0 0 4px rgba(208, 152, 71, 0.5)) !important;
}

#cookie-consent p {
    color: #f4c76d !important;
}

#cookie-consent button {
    font-weight: 600 !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    border: 2px solid transparent !important;
}

#cookie-consent button:first-of-type {
    background: linear-gradient(135deg, #d09847, #e8b366) !important;
    color: #41290c !important;
    box-shadow: 0 4px 15px rgba(208, 152, 71, 0.3) !important;
}

#cookie-consent button:first-of-type:hover {
    background: linear-gradient(135deg, #e8b366, #f4c76d) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(208, 152, 71, 0.4) !important;
}

#cookie-consent button:last-of-type {
    background: rgba(244, 199, 109, 0.1) !important;
    color: #f4c76d !important;
    border-color: #d09847 !important;
}

#cookie-consent button:last-of-type:hover {
    background: rgba(244, 199, 109, 0.2) !important;
    border-color: #e8b366 !important;
    color: #e8b366 !important;
}

/* Mobile responsive for cookie consent */
@media (max-width: 768px) {
    #cookie-consent {
        padding: 1rem !important;
    }

    #cookie-consent .container {
        flex-direction: column !important;
        gap: 1rem !important;
    }

    #cookie-consent .flex.gap-3 {
        width: 100% !important;
        justify-content: center !important;
    }

    #cookie-consent button {
        flex: 1 !important;
        min-width: 100px !important;
    }
}