/* home.css — فقط چیزهایی که نسخه‌ی بکند بیشتر از فرانت نیاز داره */

/* لینک روی اسلاید (کل اسلاید کلیک‌پذیره) */
.slide-link {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.slide-caption { pointer-events: none; }

/* وقتی دسته‌بندی‌ای نیست */
.home-empty {
    padding: 28px 16px;
    text-align: center;
    font-size: .82rem;
    color: var(--text-3);
    background: var(--card);
    border: 1px dashed var(--line-strong);
    border-radius: 14px;
}

/* Admin Header Actions */
.head-extra {
    display: flex;
    align-items: center;
    gap: 10px;
    direction: rtl;
}

.head-extra a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 10px 16px;
    border: 1px solid rgba(170, 135, 81, 0.3);
    border-radius: 10px;

    background: rgba(170, 135, 81, 0.08);
    color: #715d4e;

    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.head-extra a i {
    color: #aa8751;
    font-size: 15px;
    transition: transform 0.25s ease;
}

.head-extra a:hover {
    background: #715d4e;
    border-color: #715d4e;
    color: #ffffff;
    box-shadow: 0 5px 15px rgba(46, 39, 34, 0.12);
    transform: translateY(-2px);
}

.head-extra a:hover i {
    color: #dabd8a;
    transform: scale(1.1);
}

.head-extra a:focus-visible {
    outline: 2px solid #aa8751;
    outline-offset: 3px;
}

/* Mobile */
@media (max-width: 576px) {
    .head-extra {
        gap: 6px;
    }

    .head-extra a {
        gap: 6px;
        padding: 8px 10px;
        font-size: 12px;
        border-radius: 8px;
    }

    .head-extra a i {
        font-size: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .head-extra a,
    .head-extra a i {
        transition: none;
    }
}