/* Vonarent - Tüm özel stiller */
:root{font-family:'Inter',sans-serif;--blue-600:#2563eb;--slate-900:#0f172a}
h1,h2,h3,h4,h5,h6,.font-bold,.font-black{font-family:'Source Sans 3',sans-serif;letter-spacing:-.01em}

/* Animasyonlar */
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}

.animate-float{animation:float 6s ease-in-out infinite}
.animate-fade-in{animation:fadeIn .6s ease-out forwards;opacity:0;animation-delay:var(--delay,0)}
.animate-fade-in-up{animation:fadeInUp .7s ease-out forwards}
.animate-scale-in{animation:scaleIn .5s ease-out forwards;opacity:0;animation-delay:var(--delay,0)}

.animation-delay-100{animation-delay:100ms}
.animation-delay-200{animation-delay:200ms}
.animation-delay-300{animation-delay:300ms}
.animation-delay-400{animation-delay:400ms}
.animation-delay-500{animation-delay:500ms}

/* Dinamik gecikme: style="--delay:80ms" veya data-delay="80" */
[style*="--delay"]{animation-delay:var(--delay,0)}
[data-delay="80"]{animation-delay:80ms}[data-delay="100"]{animation-delay:100ms}[data-delay="150"]{animation-delay:150ms}
[data-delay="160"]{animation-delay:160ms}[data-delay="200"]{animation-delay:200ms}[data-delay="240"]{animation-delay:240ms}
[data-delay="300"]{animation-delay:300ms}[data-delay="400"]{animation-delay:400ms}[data-delay="450"]{animation-delay:450ms}[data-delay="500"]{animation-delay:500ms}

/* Scrollbar gizle */
.scrollbar-hide::-webkit-scrollbar{display:none}
.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}

::selection{background:var(--blue-600);color:#fff}

/* Feature/İçerik tipografi */
.feature-content h2{font-size:1.75rem;font-weight:800;color:var(--slate-900);margin:2rem 0 1rem}
.feature-content h3{font-size:1.25rem;font-weight:700;color:var(--slate-900);margin:1.5rem 0 .75rem}
.feature-content p{line-height:1.75;margin-bottom:1rem}
.feature-content ul,.feature-content ol{display:block!important;margin:1rem 0!important;padding-left:1.75em!important;list-style-position:outside!important}
.feature-content ul{list-style-type:disc!important}
.feature-content ol{list-style-type:decimal!important}
.feature-content li{display:list-item!important;margin-bottom:.5rem}

/* Prose / Blog / Quill içerik - liste stilleri (Tailwind Preflight override) */
.blog-content ul,.blog-content ol,.prose ul,.prose ol{
    display:block!important;margin:1em 0!important;padding-left:1.75em!important;
    list-style-position:outside!important
}
.blog-content ul,.prose ul{list-style-type:disc!important}
.blog-content ol,.prose ol{list-style-type:decimal!important}
.blog-content li,.prose li{display:list-item!important;margin:0.5em 0;padding-left:0.25em}

/* Browser mockup */
.browser-mockup{background:#fff;border-radius:12px 12px 0 0;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.05);overflow:hidden}
.browser-mockup__toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}
.browser-mockup__controls{display:flex;gap:8px}
.browser-mockup__dot{width:12px;height:12px;border-radius:50%}
.browser-mockup__address-bar{flex:1;height:28px;background:#e2e8f0;border-radius:6px;max-width:400px}
.browser-mockup__content{background:#f8fafc;min-height:200px;overflow:hidden}
.browser-mockup__content img{width:100%;height:100%;object-fit:cover;display:block}

/* Header spacer - JS ile güncellenir */
#header-spacer{height:104px}

/* Admin panel */
body.admin{font-family:'Inter',sans-serif}

/* Bileşen sınıfları - tekrarlayan desenler */
.card{background:#fff;border-radius:1rem;border:1px solid #f1f5f9;transition:all .2s}
.card:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.1)}
.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase}
.badge--blue{background:#dbeafe;color:#2563eb}
.badge--blue-solid{background:#2563eb;color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-weight:700;text-transform:uppercase;transition:all .2s}
.btn--primary{background:#2563eb;color:#fff}
.btn--primary:hover{background:#1d4ed8}
.btn--secondary{background:#f1f5f9;color:#475569}
.btn--secondary:hover{background:#e2e8f0}