/**
 * @package     Joomla.Site
 * @subpackage  mod_gcalendar_booking
 * @copyright   (C) 2026 IFS-ERP Dariusz Mysliwiec
 * @license     GNU General Public License version 2 or later
 */

:root {
    /* Phoca Premiere Design System Tokens */
    /* Primary Colors - Phoca Premiere Purple/Violet Gradient */
    --gcal-primary-color: #667eea;
    --gcal-primary-color-end: #764ba2;
    --gcal-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gcal-secondary-color: #6b7280;
    --gcal-accent-color: #4facfe;
    --gcal-accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --gcal-success-color: #43e97b;
    --gcal-success-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
    --gcal-warning-color: #f59e0b;
    --gcal-error-color: #f5576c;
    --gcal-error-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --gcal-info-color: #06b6d4;

    /* Text colors */
    --gcal-text-color: #1e293b;
    --gcal-text-color-light: #64748b;
    --gcal-text-color-dark: #0f172a;

    /* Background colors - Glassmorphism */
    --gcal-bg-color: #ffffff;
    --gcal-bg-color-light: rgba(255, 255, 255, 0.75);
    --gcal-bg-color-strong: rgba(255, 255, 255, 0.92);
    --gcal-bg-color-dark: #1e293b;

    /* Border colors */
    --gcal-border-color: rgba(0, 0, 0, 0.08);
    --gcal-border-color-light: rgba(0, 0, 0, 0.05);

    /* Glass Effect - Phoca Premiere */
    --gcal-glass-bg: rgba(255, 255, 255, 0.75);
    --gcal-glass-bg-strong: rgba(255, 255, 255, 0.92);
    --gcal-glass-border: rgba(255, 255, 255, 0.3);
    --gcal-glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    --gcal-glass-blur: blur(16px);

    /* Typography - Phoca Premiere */
    --gcal-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --gcal-font-size: 1rem;
    --gcal-font-size-sm: 0.875rem;
    --gcal-font-size-lg: 1.125rem;
    --gcal-line-height: 1.7;
    --gcal-line-height-tight: 1.25;

    /* Spacing */
    --gcal-spacing-xs: 0.25rem;
    --gcal-spacing-sm: 0.5rem;
    --gcal-spacing-md: 1rem;
    --gcal-spacing-lg: 1.5rem;
    --gcal-spacing-xl: 2rem;
    --gcal-spacing-2xl: 3rem;

    /* Border radius - Phoca Premiere */
    --gcal-border-radius-sm: 8px;
    --gcal-border-radius-md: 12px;
    --gcal-border-radius-lg: 16px;
    --gcal-border-radius-xl: 24px;
    --gcal-border-radius-full: 9999px;

    /* Shadows - Phoca Premiere */
    --gcal-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
    --gcal-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    --gcal-shadow-md: 0 4px 24px rgba(0, 0, 0, 0.06);
    --gcal-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.1);
    --gcal-shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.12);

    /* Transitions - Phoca Premiere */
    --gcal-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --gcal-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --gcal-transition-base: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --gcal-transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    /* Focus */
    --gcal-focus-color: #667eea;
    --gcal-focus-width: 2px;
    --gcal-focus-offset: 2px;
}

.mod-gcalendar-wrapper {
    position: relative;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.mod-gcalendar-container {
    max-width: 100%;
    margin: 0 auto;
    height: var(--gcal-height, 600px);
    position: relative;
    background: var(--gcal-glass-bg-strong);
    border-radius: var(--gcal-border-radius-lg);
    padding: var(--gcal-spacing-md);
    box-shadow: var(--gcal-shadow-md);
    transition: var(--gcal-transition);
    backdrop-filter: var(--gcal-glass-blur);
    -webkit-backdrop-filter: var(--gcal-glass-blur);
    border: 1px solid rgba(0, 0, 0, 0.06);
}