/* =========================================================
   JUDO KANO - PREMIUM ATMOSPHERIC THEME (UPDATE)
   این بخش جایگزین خطوط ۶ تا ۴۳۱ فایل قبلی می‌شود
========================================================= */

/* --- 1. Fonts (وارد کردن فونت‌ها از پوشه public) --- */
@font-face {
    font-family: 'iranyekan';
    src: url('../../fonts/iranyekan/iranyekanwebregular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'iranyekan';
    src: url('../../fonts/iranyekan/iranyekanwebbold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'iranyekan';
    src: url('../../fonts/iranyekan/iranyekanwebextrabold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'iranyekan';
    src: url('../../fonts/iranyekan/iranyekanwebextrablack.woff') format('woff');
    font-weight: 950;
    font-style: normal;
    font-display: swap;
}

/* --- 2. Root Variables (تمام رنگ‌ها و متغیرها) --- */
:root {
    --belt-white:  #f8fafc;
    --belt-yellow: #fbbf24;
    --belt-orange: #f97316;
    --belt-green:  #22c55e;
    --belt-purple: #a855f7;
    --belt-brown:  #a16207;
    --belt-black:  #07080b;

    --jk-red: #c8102e;
    --jk-red-glow: rgba(200, 16, 46, 0.4);
    --jk-gold: #d4af37;
    --jk-gold-soft: #fde68a;

    --jk-bg-deep: #030406;
    --jk-text: #f8fafc;
    --jk-muted: #94a3b8;
    --jk-card: rgba(15, 17, 23, 0.7);
    --jk-border: rgba(255, 255, 255, 0.06);

    --jk-shadow: 0 24px 80px rgba(0, 0, 0, 0.8);
    --jk-radius-lg: 28px;
    --jk-transition: 350ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* --- 3. Base Reset & Typography --- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }

body {
    min-height: 100vh;
    margin: 0;
    color: var(--jk-text);
    background-color: var(--jk-bg-main);
    background-image:
        radial-gradient(circle at 10% 10%, rgba(255, 255, 255, 0.03), transparent 25%),
        radial-gradient(circle at 90% 10%, rgba(251, 191, 36, 0.05), transparent 30%),
        radial-gradient(circle at 50% 90%, rgba(200, 16, 46, 0.08), transparent 40%);
    font-family: 'iranyekan', system-ui, sans-serif;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}

/* --- 4. Scrollbar --- */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--jk-bg-deep); }
::-webkit-scrollbar-thumb { border: 2px solid var(--jk-bg-deep); border-radius: 999px; background: linear-gradient(180deg, var(--jk-red), #000); }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, var(--jk-gold), var(--jk-red)); }

/* --- 5. Utility Classes --- */
.belt-glow-yellow { border: 1px solid var(--belt-yellow); box-shadow: 0 0 20px rgba(251,191,36,0.15); }
.jk-container { width: min(1200px, 92%); margin-inline: auto; }

/* Global Backgrounds */
.jk-global-bg { position: fixed; inset: 0; z-index: -30; pointer-events: none; background: var(--jk-bg-main); }
.jk-global-bg::before { content: ""; position: absolute; width: 45vw; height: 45vw; top: -10%; right: -10%; border-radius: 50%; filter: blur(120px); opacity: 0.6; background: radial-gradient(circle, var(--jk-red), transparent 70%); }

/* --- 6. Components --- */
/* Hero Section */
.jk-hero { position: relative; display: flex; align-items: center; min-height: 100svh; padding: clamp(92px, 10vw, 140px) 0; isolation: isolate; }
.jk-hero-title { font-size: clamp(38px, 6.2vw, 82px); font-weight: 950; line-height: 1.08; color: #fff; }
.jk-hero-title span { color: transparent; background: linear-gradient(135deg, #ffffff 0%, var(--jk-gold-soft) 38%, var(--jk-red-glow) 100%); -webkit-background-clip: text; background-clip: text; }

/* Buttons */
.jk-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 30px; border-radius: 16px; font-weight: 900; cursor: pointer; transition: var(--jk-transition); }
.jk-btn-primary { background: linear-gradient(135deg, var(--jk-gold-soft), var(--jk-gold) 48%, #a86f14); color: #140c05; box-shadow: 0 18px 45px rgba(214, 170, 50, 0.26); }

/* Cards */
.jk-card { position: relative; border: 1px solid var(--jk-border); border-radius: var(--jk-radius-lg); background: linear-gradient(145deg, rgba(255,255,255,0.095), rgba(255,255,255,0.035)); backdrop-filter: blur(18px); }

/* --- 7. Future Sections Placeholders --- */
/* سرویس‌ها، تجهیزات و سوالات متداول را اینجا اضافه کن */