/**
 * Merakta.net - Ultra Modern Tasarım Sistemi
 * Profesyonel, kullanıcı odaklı, tutarlı deneyim
 * Dark (varsayılan) + Light tema
 */
:root {
    /* Renk - Dark tema */
    --merakta-accent-on-accent: #0a0908;
    --merakta-bg: #080706;
    --merakta-bg-subtle: #0e0d0b;
    --merakta-surface: #141210;
    --merakta-surface-elevated: #1c1916;
    --merakta-surface-hover: #252220;
    --merakta-border: rgba(212, 168, 83, 0.18);
    --merakta-border-strong: rgba(212, 168, 83, 0.35);
    --merakta-border-focus: rgba(212, 168, 83, 0.6);
    --merakta-accent: #d4a853;
    --merakta-accent-hover: #e0b96a;
    --merakta-accent-muted: rgba(212, 168, 83, 0.2);
    --merakta-accent-soft: rgba(212, 168, 83, 0.1);
    --merakta-accent-glow: rgba(212, 168, 83, 0.25);
    --merakta-text: #faf9f7;
    --merakta-text-muted: #b8b0a4;
    --merakta-text-dim: #8a8276;
    --merakta-error: #e07a7a;
    --merakta-error-bg: rgba(224, 122, 122, 0.12);
    --merakta-error-border: rgba(224, 122, 122, 0.3);
    --merakta-success: #6bb56b;
    --merakta-success-bg: rgba(107, 181, 107, 0.12);
    --merakta-warning: #d4a853;
    --merakta-warning-bg: rgba(212, 168, 83, 0.12);
    --merakta-mesaj-hover-overlay: rgba(255, 255, 255, 0.03);
    --merakta-accent-shadow: rgba(212, 168, 83, 0.3);

    /* Tipografi */
    --merakta-font-display: 'Syne', system-ui, sans-serif;
    --merakta-font-body: 'Plus Jakarta Sans', 'Source Sans 3', system-ui, sans-serif;
    --merakta-font-heading: 'Syne', system-ui, sans-serif;
    --merakta-font-mono: 'JetBrains Mono', 'Fira Code', monospace;

    /* Spacing scale */
    --merakta-space-1: 0.25rem;
    --merakta-space-2: 0.5rem;
    --merakta-space-3: 0.75rem;
    --merakta-space-4: 1rem;
    --merakta-space-5: 1.25rem;
    --merakta-space-6: 1.5rem;
    --merakta-space-8: 2rem;
    --merakta-space-10: 2.5rem;
    --merakta-space-12: 3rem;

    /* Radius */
    --merakta-radius: 14px;
    --merakta-radius-sm: 10px;
    --merakta-radius-lg: 20px;
    --merakta-radius-full: 9999px;

    /* Shadow */
    --merakta-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
    --merakta-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.4);
    --merakta-shadow-glow: 0 0 40px rgba(212, 168, 83, 0.15);

    /* Transition */
    --merakta-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --merakta-transition-slow: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* SweetAlert2 — Merakta tema uyumu (karanlık/aydınlık) */
.swal2-popup {
    background: var(--merakta-surface-elevated) !important;
    border: 1px solid var(--merakta-border);
    color: var(--merakta-text);
}
.swal2-title { color: var(--merakta-text) !important; }
.swal2-html-container { color: var(--merakta-text-muted) !important; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'] { background-color: var(--merakta-error) !important; }
.swal2-icon.swal2-error .swal2-icon-content { color: var(--merakta-error) !important; }
.swal2-icon.swal2-success [class^='swal2-success-line'] { background-color: var(--merakta-success) !important; }
.swal2-icon.swal2-success .swal2-icon-content { color: var(--merakta-success) !important; }
.swal2-icon.swal2-warning .swal2-icon-content { color: var(--merakta-warning) !important; }
.swal2-actions .swal2-confirm {
    background: var(--merakta-accent) !important;
    color: var(--merakta-accent-on-accent) !important;
    border: none !important;
}
.swal2-actions .swal2-confirm:hover { background: var(--merakta-accent-hover) !important; }
.swal2-backdrop { background: rgba(0, 0, 0, 0.7) !important; }

[data-theme="light"] {
    --merakta-accent-on-accent: #faf9f7;
    --merakta-bg: #faf9f7;
    --merakta-bg-subtle: #f5f3f0;
    --merakta-surface: #ffffff;
    --merakta-surface-elevated: #fefdfb;
    --merakta-surface-hover: #f8f6f3;
    --merakta-border: rgba(100, 80, 40, 0.16);
    --merakta-border-strong: rgba(100, 80, 40, 0.28);
    --merakta-border-focus: rgba(148, 114, 42, 0.5);
    --merakta-accent: #a67c32;
    --merakta-accent-hover: #b8923a;
    --merakta-accent-muted: rgba(166, 124, 50, 0.15);
    --merakta-accent-soft: rgba(166, 124, 50, 0.08);
    --merakta-accent-glow: rgba(166, 124, 50, 0.12);
    --merakta-text: #1a1612;
    --merakta-text-muted: #4a443c;
    --merakta-text-dim: #6b6358;
    --merakta-error: #c45c5c;
    --merakta-error-bg: rgba(196, 92, 92, 0.08);
    --merakta-error-border: rgba(196, 92, 92, 0.25);
    --merakta-success: #4a8c4a;
    --merakta-success-bg: rgba(74, 140, 74, 0.1);
    --merakta-warning: #a67c32;
    --merakta-warning-bg: rgba(166, 124, 50, 0.1);
    --merakta-mesaj-hover-overlay: rgba(0, 0, 0, 0.03);
    --merakta-accent-shadow: rgba(148, 114, 42, 0.25);
    --merakta-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    --merakta-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.08);
}

/* Reklam slotları — kullanıcıyı rahatsız etmeyecek, projeye uyumlu yerleşim */
.reklam-slot {
    margin: 1.25rem 0;
    padding: 1rem;
    text-align: center;
    background: color-mix(in srgb, var(--merakta-surface-elevated) 40%, transparent);
    border: 1px solid var(--merakta-border);
    border-radius: var(--merakta-radius-sm);
    max-width: 100%;
}
.reklam-slot-item { display: inline-block; margin: 0.35rem; vertical-align: top; }
.reklam-slot-gorsel img {
    max-width: 100%;
    max-height: 100px;
    object-fit: contain;
    border-radius: var(--merakta-radius-sm);
    display: block;
}
.reklam-slot-html, .reklam-slot-script { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.5rem; }
.reklam-etiket {
    font-size: 0.6rem;
    color: var(--merakta-text-dim);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    display: block;
    margin-top: 0.35rem;
    opacity: 0.85;
}
.reklam-slot-gorsel { position: relative; }
.reklam-slot-gorsel .reklam-etiket {
    position: absolute;
    bottom: 4px;
    right: 6px;
    margin: 0;
    background: rgba(0,0,0,0.55);
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.55rem;
}

/* Reklam yerleşim alanları — sayfa bazlı wrapper'lar, içeriği boğmadan */
.ara-reklam-icerik-ustu, .ara-reklam-footer,
.ana-sayfa-reklam-footer,
.profil-reklam-footer, .profil-sidebar-reklam,
.oda-reklam-icerik-ustu, .oda-reklam-icerik-alti, .oda-footer-reklam,
.py-reklam-icerik-ustu, .py-reklam-icerik-alti, .py-reklam-footer,
.static-reklam-header, .static-reklam-icerik-ustu, .static-reklam-icerik-alti, .static-footer-reklam {
    margin: 1.25rem 0;
    padding: 0;
}
.ara-reklam-icerik-ustu { margin-bottom: 1.5rem; }
.ara-reklam-footer { margin-top: 2rem; margin-bottom: 1rem; }
.ana-sayfa-reklam-footer { margin-top: 2rem; margin-bottom: 1rem; }
.profil-reklam-footer { margin-top: 2rem; margin-bottom: 1rem; }
.profil-sidebar-reklam {
    margin-top: 1.25rem;
    margin-bottom: 0;
}
.profil-sidebar-reklam .reklam-slot { padding: 0.75rem; }
.profil-sidebar-reklam .reklam-slot-gorsel img { max-height: 80px; }
.oda-reklam-icerik-ustu { margin-bottom: 1.25rem; }
.oda-reklam-icerik-alti { margin-top: 1.5rem; margin-bottom: 1rem; }
.oda-footer-reklam { margin-bottom: 1rem; }
.py-reklam-icerik-ustu { margin-bottom: 1.5rem; }
.py-reklam-icerik-alti { margin-top: 1.5rem; margin-bottom: 1rem; }
.py-reklam-footer { margin-top: 2rem; margin-bottom: 1rem; }
.py-oda-arasi-reklam { margin: 1rem 0; }
.static-reklam-header { margin-bottom: 0.75rem; }
.static-reklam-icerik-ustu, .static-reklam-icerik-alti { margin: 1.25rem 0; }
.static-footer-reklam { margin-bottom: 1.25rem; }

@media (max-width: 640px) {
    .reklam-slot { padding: 0.75rem; margin: 1rem 0; }
    .reklam-slot-gorsel img { max-height: 80px; }
    .profil-sidebar-reklam .reklam-slot-gorsel img { max-height: 70px; }
}