/* Variables CSS globales */
:root {
    --popup-bg-color: #ffffff;
    --popup-text-color: #000000;
    --popup-border-color: #c0171d;
    --popup-title-color: #c0171d;
    --accept-btn-bg-color: #c0171d;
    --accept-btn-text-color: #ffffff;
    --reject-btn-bg-color: #d3d3d3;
    --reject-btn-text-color: #555555;
}

/* Style principal du popup */
#custom-cookie-popup {
    position: fixed;
    background-color: var(--popup-bg-color);
    border: 2px solid var(--popup-border-color);
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    padding: 1em;
    z-index: 1000;
    font-family: Arial, sans-serif;
    display: none;
}

/* Taille popup cookie */
div#custom-cookie-popup.small {
    width: 300px !important;
}

div#custom-cookie-popup.medium {
    width: 400px !important;
}

div#custom-cookie-popup.large {
    width: 600px !important;
}

/* Positionnements */
div#custom-cookie-popup.bottom-right {
    bottom: 2% !important;
    right: 2% !important;
}

div#custom-cookie-popup.bottom-left {
    bottom: 2% !important;
    left: 2% !important;
}

div#custom-cookie-popup.bottom-center {
    bottom: 2% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Style du titre */
#custom-cookie-popup h2 {
    font-size: 1.5em;
    color: var(--popup-title-color);
}

/* Style du texte */
#custom-cookie-popup p {
    font-size: 0.9rem;
    color: var(--popup-text-color);
}

/* Style des boutons */
#custom-cookie-popup button {
    margin: 10px;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

/* Style du bouton d'acceptation */
#custom-cookie-popup #accept_all {
    background-color: var(--accept-btn-bg-color);
    color: var(--accept-btn-text-color);
}

/* Style du bouton de rejet */
#custom-cookie-popup #reject_all {
    background-color: var(--reject-btn-bg-color);
    color: var(--reject-btn-text-color);
}