/**
 * MAFIA.US.LT – šviesi mafijos tema (numatytoji)
 * Visi spalvų tokenai susieti su theme-base.css kintamaisiais.
 */
@import url("theme-base.css");

:root {
    /* Tipografija – maži šriftai, kaip nuorodos (12px) */
    --menu-font-size: 12px;
    --text-font-size: 12px;
    --link-font-size: 12px;
    --button-font-size: 12px;
    --input-font-size: 12px;
    --badge-font-size: 11px;
    --table-font-size: 11px;
    --h2-font-size: 12px;
    --meniu-h2-font-size: 12px;
    --news-h3-font-size: 12px;
    --login-h2-font-size: 14px;
    --xp-font-size: 11px;

    /* Plotis */
    --wrap-width: 96%;
    --wrap-max-width: 520px;
    --wrap-max-width-tablet: 600px;
    --wrap-max-width-desktop: 680px;

    /* Fonas */
    --page-bg: linear-gradient(165deg, #f5e8d6 0%, #e9d0b4 42%, #d9b896 100%);
    --text-color: #3d2a1e;
    --text-soft: #5c4334;
    --text-muted: #7a5f4d;
    --link-color: #9a4e28;
    --link-hover: #7a3a1c;

    /* Konteineris */
    --wrap-bg: rgba(255, 251, 245, 0.97);
    --wrap-border: rgba(154, 102, 68, 0.22);
    --wrap-shadow: 0 4px 24px rgba(90, 58, 36, 0.12);

    /* Panelės */
    --panel-bg: rgba(255, 248, 240, 0.98);
    --panel-soft: rgba(250, 239, 226, 0.95);
    --panel-head-bg: linear-gradient(135deg, #8b5a3c 0%, #6f4530 100%);
    --panel-head-color: #fff8f0;
    --panel-border: rgba(140, 94, 64, 0.2);

    /* Mygtukai */
    --button-bg: linear-gradient(180deg, #c47847 0%, #a85f34 100%);
    --button-hover: linear-gradient(180deg, #d08855 0%, #b86a3e 100%);
    --button-text: #fff9f2;
    --button-border: rgba(120, 72, 42, 0.35);
    --button-shadow: 0 2px 6px rgba(80, 48, 28, 0.18);

    /* Laukai */
    --input-bg: #fffcf8;
    --input-border: rgba(150, 100, 70, 0.35);
    --input-text: #3d2a1e;
    --input-focus: #b86a3e;

    /* Pranešimai */
    --alert-bg: linear-gradient(135deg, #f0e0c8 0%, #e6cfb0 100%);
    --alert-text: #4a3224;
    --alert-border: rgba(154, 102, 68, 0.3);

    --badge-bg: linear-gradient(135deg, #ebe0d2 0%, #dcc9b0 100%);
    --badge-text: #4a3224;
    --badge-border: rgba(154, 102, 68, 0.25);
    --count-badge-bg: #5a9a52;
    --count-badge-text: #fff;
    --count-badge-border: #3d7340;

    /* Lentelės */
    --table-bg: rgba(255, 252, 247, 0.98);
    --table-head-bg: linear-gradient(135deg, #d4b896 0%, #c4a080 100%);
    --table-head-text: #3d2818;
    --table-border: rgba(140, 94, 64, 0.18);
    --table-row-hover: rgba(180, 120, 80, 0.08);

    /* Progresas */
    --progress-bg: #e8d9c8;
    --progress-fill: linear-gradient(90deg, #c47847, #ddb06a);
    --progress-text: #3d2a1e;

    /* PM pokalbis */
    --chat-self-bg: linear-gradient(135deg, #c47847 0%, #a85f34 100%);
    --chat-self-text: #fff9f2;
    --chat-other-bg: #ffffff;
    --chat-other-text: #3d2a1e;
    --chat-admin-bg: linear-gradient(135deg, #e8d4a8 0%, #d4b87a 100%);
    --chat-admin-text: #3d2818;
    --chat-panel-bg: rgba(245, 235, 222, 0.95);

    /* Šešėliai (bendri) */
    --shadow-color: rgba(70, 45, 28, 0.12);
    --panel-shadow: 0 1px 4px var(--shadow-color);

    --banner-max-width: 280px;
    --avatar-box-size: 96px;
    --player-avatar-size: 72px;
    --button-width: 88%;
    --button-max-width: 200px;
    --field-width: 92%;
    --field-max-width: 280px;
    --icon-btn-hover-bg: #e8d4c0;
}

/* Šviesios temos pataisymai komponentams */
.blokas,
.meniu-blokas,
.naujienos_blokas,
.zaidejo-info {
    box-shadow: var(--panel-shadow);
}

.pm-pranesimas {
    background: var(--panel-soft);
    color: var(--text-color);
    border-color: var(--panel-border);
}

.button--notification {
    background: linear-gradient(180deg, #d4a060 0%, #b87840 100%);
    color: #3d2818;
    border-color: rgba(140, 90, 50, 0.35);
}

.button--notification-alt {
    background: linear-gradient(180deg, #6a8fad 0%, #4d7394 100%);
    color: #fff;
    border-color: rgba(60, 90, 120, 0.35);
}

.icon-btn:hover {
    background: var(--panel-soft);
}

.chat-langas {
    background: var(--chat-panel-bg);
    border-color: var(--panel-border);
    box-shadow: inset 0 1px 3px var(--shadow-color);
}

.chat-tavo {
    background: var(--chat-self-bg);
    color: var(--chat-self-text);
}

.chat-kito {
    background: var(--chat-other-bg);
    color: var(--chat-other-text);
    border: 1px solid var(--panel-border);
}

.chat-admin {
    background: var(--chat-admin-bg);
    color: var(--chat-admin-text);
}

.chat-laikas {
    color: var(--text-muted);
}

.chat-tuscias {
    color: var(--text-muted);
}

/* Pokalbių sąrašas PM */
.pm-pokalbis-eilute {
    background: var(--panel-soft);
    border-color: var(--panel-border);
}

.pm-pokalbis-eilute:hover {
    background: rgba(255, 255, 255, 0.85);
}

.pm-pokalbis-eilute.neskaityta {
    border-color: var(--link-color);
    background: rgba(255, 252, 245, 1);
}

.pm-pokalbis-badge {
    background: #b85c2a;
    color: #fff;
}

/* Sistemos PM kortelės */
.pm-sistema-kortele {
    background: var(--panel-soft);
    border-color: var(--panel-border);
    border-left-color: #4d7394;
}

.pm-sistema-kortele.neskaityta {
    background: rgba(230, 240, 248, 0.9);
    border-left-color: #3d6a8a;
}

/* Nuorodos blokas – kompaktiškas tinklelis */
.nuorodu-blokas {
    gap: 5px;
}

.nuorodu-blokas .button {
    margin: 2px 0;
}

/* Kortelės index / landing – naudoja temos spalvas */
.spotlight-card[style],
.hero-card[style],
.cta-panel[style] {
    background: var(--panel-bg) !important;
    border-color: var(--panel-border) !important;
    box-shadow: var(--panel-shadow) !important;
}

.spotlight-card h2[style],
.spotlight-card h3[style],
.hero-card h2[style] {
    color: var(--panel-head-color) !important;
    background: var(--panel-head-bg);
    padding: 4px 8px;
    border-radius: 4px;
    text-shadow: none !important;
}

.spotlight-card p[style],
.hero-card p[style] {
    color: var(--text-soft) !important;
}

.spotlight-card span[style*="font-size:1.5em"] {
    color: var(--link-color) !important;
}

.spotlight-card span[style*="font-size:0.85em"] {
    color: var(--text-muted) !important;
}

.landing-stats .badge[style] {
    background: var(--badge-bg) !important;
    color: var(--badge-text) !important;
    border: 1px solid var(--badge-border) !important;
}

.alert--success {
    background: linear-gradient(135deg, #d4e8c8 0%, #b8d4a8 100%);
    color: #2d4a22;
    border-color: rgba(80, 130, 60, 0.35);
}

.alert--error {
    background: linear-gradient(135deg, #f0d0d0 0%, #e0b0b0 100%);
    color: #5a2020;
    border-color: rgba(160, 70, 70, 0.35);
}