/* ----------------------------------------------------------------------
   TurkuazKart.com - Custom Design System & Micro-Animations
   Frameworkless & Lightweight
   ---------------------------------------------------------------------- */

:root {
    --color-turkuaz-50: #f0fdfa;
    --color-turkuaz-100: #ccfbf1;
    --color-turkuaz-500: #14b8a6;
    --color-turkuaz-600: #0d9488;
    --color-turkuaz-700: #0f766e;
    --color-turkuaz-900: #134e4a;
}

/* RTL Layout Support (Persian / Farsi) */
[dir="rtl"] {
    text-align: right;
    direction: rtl;
}
[dir="rtl"] .space-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}

/* Glassmorphism Styles */
.glass-panel {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(226, 232, 240, 0.8);
}

.dark-glass-panel {
    background: rgba(15, 23, 42, 0.88);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(51, 65, 85, 0.6);
}

/* Gradient Highlights */
.text-gradient-turkuaz {
    background: linear-gradient(135deg, #0d9488 0%, #0284c7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-turkuaz {
    background: linear-gradient(135deg, #0f766e 0%, #0369a1 100%);
}

/* Smooth Accordion Details */
details summary::-webkit-details-marker {
    display: none;
}
details summary {
    list-style: none;
    cursor: pointer;
    transition: all 0.2s ease;
}
details[open] summary svg {
    transform: rotate(180deg);
}

/* Pulse Animation for CTA & Live Score */
@keyframes pulse-subtle {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.03); opacity: 0.95; }
}
.animate-pulse-subtle {
    animation: pulse-subtle 3s ease-in-out infinite;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}