/* Google Calendar Widget - Aangepast Thema voor Il Cigno */

:root {
    /* ================================
       Kleurenpalet (Aangepast)
       ================================ */
    /* Primaire kleuren (gebaseerd op --color-text-primary) */
    --gc-primary-start: #7D727B;
    --gc-primary-end: #7D727B;
    --gc-gradient-primary: linear-gradient(135deg, var(--gc-primary-start), var(--gc-primary-end));
    --gc-gradient-primary-inverted: linear-gradient(135deg, var(--gc-primary-end), var(--gc-primary-start));
    --gc-gradient-primary-soft: linear-gradient(135deg, rgba(51, 51, 51, 0.05), rgba(51, 51, 51, 0.05));
    --gc-gradient-notification: linear-gradient(135deg, rgba(51, 51, 51, 0.05), rgba(51, 51, 51, 0.05));

    /* Statuskleuren (voor dagen in de kalender) */
    --gc-status-available-bg: #c4ffca; /* Zachtgroen */
    --gc-status-available-bg-other-month: #f1faf3;
    --gc-status-unavailable-bg: #ff9e9e; /* Neutraal grijs */
    --gc-status-unavailable-bg-other-month: #ffe7e7;
    --gc-status-vip-bg: #fffbeb; /* Zachtgeel, voor eventueel toekomstig gebruik */
    --gc-status-pending-bg: #f3f4f6;
    --gc-status-today-unavailable-gradient: #ff9e9e;



    /* Tekstkleuren (gebaseerd op website palet) */
    --gc-text-color-primary: #333333;
    --gc-text-color-secondary: #888888;
    --gc-text-color-muted: #aaaaaa;
    --gc-text-color-subtle: #cccccc;
    --gc-text-color-disabled: #bbbbbb;
    --gc-text-color-inverted: white;
    --gc-text-color-accent: var(--gc-primary-start);
    --gc-text-color-price: #2e7d32; /* Donkerder groen voor contrast */
    --gc-text-color-available: #2e7d32;
    --gc-text-color-unavailable: #888888;
    --gc-text-color-vip: #b45309;
    --gc-text-color-pending: #6b7280;

    /* Achtergrondkleuren */
    --gc-background-color-base: white;
    --gc-background-color-light: #f8f5f1; /* Hoofd achtergrondkleur van de site */
    --gc-background-color-soft: #ffffff;
    --gc-background-color-past: #f5f5f5;
    --gc-background-color-past-today: #eeeeee;
    --gc-background-color-translucent-light: #96787C;
    --gc-background-color-translucent-light-hover: rgba(255, 255, 255, 0.9);

    /* Randkleuren */
    --gc-border-color-light: #dddddd;
    --gc-border-color-medium: #cccccc;
    --gc-border-color-accent: var(--gc-primary-start);
    --gc-border-color-disabled: #cccccc;

    /* Specifieke elementen */
    --gc-tooltip-bg: var(--gc-text-color-primary);
    --gc-loader-base-color: var(--gc-border-color-light);
    --gc-loader-accent-color: var(--gc-primary-start);
    --gc-selection-bg: var(--gc-primary-start);

    /* ================================
       Typografie (Aangepast)
       ================================ */
    --gc-font-family-base: var(--font-primary); /* Matcht de titels van de site */
    --gc-font-family-title: var(--font-secondary);
    --gc-font-family-number: var(--font-secondary);


    --gc-font-size-xs: 8px;
    --gc-font-size-sm: 10px;
    --gc-font-size-md: 12px;
    --gc-font-size-base: 14px;
    --gc-font-size-lg: 16px;
    --gc-font-size-xl: 20px;
    --gc-font-size-xxl: 24px;
    --gc-font-size-xxxl: 28px;

    --gc-font-weight-regular: 400; /* Aangepast voor Libre Bodoni */
    --gc-font-weight-semibold: 600;
    --gc-font-weight-bold: 700;

    /* ================================
       Afstanden & Afmetingen (Aangepast)
       ================================ */
    --gc-border-radius-sm: 2px; /* Subtielere afronding */
    --gc-border-radius-md: 4px;
    --gc-border-radius-lg: 6px;
    --gc-border-radius-xl: 8px;
    --gc-border-radius-xxl: 10px;
    --gc-border-radius-full: 50%;

    /* ================================
       Schaduwen & Effecten (Aangepast)
       ================================ */
    --gc-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05); /* Subtielere schaduwen */
    --gc-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
    --gc-shadow-lg: 0 5px 15px rgba(0, 0, 0, 0.07);
    --gc-shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.1);
    --gc-shadow-lift: 0 4px 12px rgba(0, 0, 0, 0.08);
    --gc-shadow-request-btn-hover: 0 5px 15px rgba(51, 51, 51, 0.2);
    --gc-shadow-focus: 0 0 0 2px rgba(51, 51, 51, 0.1);
}

.gc-days-grid
{
    gap:0!important;
}