/* public/assets/css/stil.css
   Kordis Timer — Temel Stil Dosyası
   Tailwind CDN kullanıldığı için bu dosya
   sadece Tailwind'in karşılayamadığı özel
   stilleri içerir.
*/

/* === Root Değişkenler === */
:root {
    --color-primary:    #007AFF;
    --color-secondary:  #8E8E93;
    --color-background: #000000;
    --color-surface:    #1C1C1E;
    --color-card:       #2C2C2E;
    --color-destructive:#FF453A;
    --color-success:    #30D158;
    --radius-xl:        14px;
    --radius-2xl:       18px;
}

/* === Sıfırlama === */
*, *::before, *::after { box-sizing: border-box; }

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* === Scrollbar === */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.3); }

/* === Tap Highlight === */
a, button, input, select, textarea, label {
    -webkit-tap-highlight-color: transparent;
}

/* === Focus Görünürlüğü === */
:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
    border-radius: 4px;
}

/* === iOS Kart === */
.ios-card {
    background: rgba(44, 44, 46, 0.8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--radius-xl);
}

/* === Hover Scale Animasyonu === */
.hover-scale {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.3s ease;
}
.hover-scale:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

/* === Nav Aktif Link Noktası === */
.nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    background: var(--color-primary);
    border-radius: 50%;
}

/* === Autofill renk düzeltmesi === */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px rgba(31,41,55,0.7) inset;
    transition: background-color 5000s ease-in-out 0s;
}

/* === Mobil Nav içerik padding === */
@media (max-width: 1024px) {
    .page-content { padding-top: 72px; }
}

/* === Mobil Modal İyileştirmesi === */
@media (max-width: 640px) {
    .modal-mobile-padding { padding: 16px; }
}

/* === Gradient Animasyonu === */
@keyframes gradientShift {
    0%   { background-position: 0%   50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0%   50%; }
}
.animated-gradient {
    background-size: 200% 200%;
    animation: gradientShift 4s ease infinite;
}

/* === Pulse Animasyonu === */
@keyframes softPulse {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.7; }
}
.soft-pulse { animation: softPulse 2s ease-in-out infinite; }

/* === Fade-in === */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
.fade-in { animation: fadeIn 0.3s ease-out forwards; }