/* ==========================================================
   دیجی‌لند کیت - استایل اختصاصی تب‌های پیشرفته محصول
   ========================================================== */

:root {
    --dl-primary: #e60067;
    --dl-primary-hover: #c50058;
    --dl-success-bg: #ecfdf5;
    --dl-danger-bg: #fef2f2;
    --dl-border: #e2e8f0;
    --dl-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.digiland-tabs-wrapper {
    width: 100% !important;
    margin-top: 40px !important;
    direction: rtl !important;
    box-sizing: border-box !important;
}

.digiland-tabs-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    border-bottom: 2px solid #f1f5f9 !important;
    padding-bottom: 18px !important;
    margin-bottom: 28px !important;
}

body .digiland-tab-btn {
    all: unset !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 24px !important;
    background-color: #f1f5f9 !important;
    color: #475569 !important;
    border: 1.5px solid transparent !important;
    border-radius: 30px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: var(--dl-transition) !important;
}

body .digiland-tab-btn svg {
    stroke: #64748b !important;
    transition: var(--dl-transition) !important;
}

body .digiland-tab-btn:hover {
    background-color: #e2e8f0 !important;
    color: #0f172a !important;
}

body .digiland-tab-btn.active {
    background-color: var(--dl-primary) !important;
    color: #ffffff !important;
    border-color: var(--dl-primary) !important;
    box-shadow: 0 4px 14px rgba(230, 0, 103, 0.3) !important;
}

body .digiland-tab-btn.active svg {
    stroke: #ffffff !important;
}

.digiland-tab-pane {
    display: none;
    animation: dlTabFade 0.25s ease;
}

.digiland-tab-pane.active {
    display: block !important;
}

@keyframes dlTabFade {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

.digiland-tab-header-title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 22px !important;
}

.digiland-tab-header-title h3 {
    margin: 0 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.digiland-tab-header-title svg {
    stroke: var(--dl-primary) !important;
}

/* محتوای توضیحات و ادامه مطلب */
.digiland-description-wrapper {
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.digiland-description-body {
    font-size: 15px !important;
    line-height: 2.2 !important;
    color: #334155 !important;
    text-align: justify !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.digiland-description-body.is-collapsible {
    max-height: 190px !important;
    overflow: hidden !important;
    transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.digiland-description-body.is-collapsible.is-expanded {
    max-height: 4000px !important;
}

.digiland-desc-fade-mask {
    position: absolute !important;
    bottom: 50px !important;
    left: 0 !important;
    right: 0 !important;
    height: 85px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
    transition: opacity 0.3s ease !important;
}

.digiland-description-body.is-expanded ~ .digiland-desc-fade-mask {
    opacity: 0 !important;
    visibility: hidden !important;
}

.digiland-desc-toggle-wrapper {
    position: relative !important;
    z-index: 10 !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 14px !important;
}

body .digiland-btn-desc-toggle {
    all: unset !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 24px !important;
    border-radius: 25px !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    color: var(--dl-primary) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
    transition: var(--dl-transition) !important;
}

body .digiland-btn-desc-toggle:hover {
    background: #fdf2f8 !important;
    border-color: #fbcfe8 !important;
    transform: translateY(-2px) !important;
}

body .digiland-btn-desc-toggle svg {
    transition: transform 0.3s ease !important;
    stroke: var(--dl-primary) !important;
}

body .digiland-btn-desc-toggle.is-active svg {
    transform: rotate(180deg) !important;
}

.digiland-description-body img {
    display: block !important;
    margin: 20px auto !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 14px !important;
}

.digiland-description-body table,
.digiland-specs-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 25px 0 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

.digiland-description-body table th,
.digiland-description-body table td,
.digiland-specs-table th,
.digiland-specs-table td {
    padding: 14px 18px !important;
    font-size: 14px !important;
    text-align: center !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #f1f5f9 !important;
    border-left: 1px solid #f1f5f9 !important;
}

.digiland-specs-table th {
    width: 30% !important;
    background-color: #f8fafc !important;
    color: #64748b !important;
    font-weight: 700 !important;
}

.digiland-specs-table td {
    color: #1e293b !important;
    font-weight: 600 !important;
}

/* تب پرسش و پاسخ */
body .digiland-btn-add-question {
    all: unset !important;
    box-sizing: border-box !important;
    padding: 10px 22px !important;
    background-color: var(--dl-primary) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    box-shadow: 0 4px 14px rgba(230, 0, 103, 0.22) !important;
    transition: var(--dl-transition) !important;
}

body .digiland-btn-add-question:hover {
    background-color: var(--dl-primary-hover) !important;
    transform: translateY(-2px) !important;
}

.digiland-qa-thread {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 20px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}

.qa-bubble-question { display: flex !important; gap: 14px !important; align-items: flex-start !important; }

.qa-avatar-user {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
}

.qa-body-question { flex: 1 !important; }
.qa-meta-row { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 6px !important; }
.qa-author-name { font-size: 14px !important; font-weight: 800 !important; color: #1e293b !important; }
.qa-badge-q { background: #fdf2f8 !important; color: var(--dl-primary) !important; font-size: 11px !important; font-weight: 800 !important; padding: 2px 8px !important; border-radius: 20px !important; }
.qa-date { font-size: 11.5px !important; color: #94a3b8 !important; }
.qa-text-question { font-size: 14px !important; line-height: 1.8 !important; color: #334155 !important; margin: 0 !important; }

.qa-bubble-answer {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    margin-top: 14px !important;
    margin-right: 36px !important;
    background: #f8fafc !important;
    border-right: 3px solid var(--dl-primary) !important;
    border-radius: 12px !important;
    padding: 14px 18px !important;
}

.qa-avatar-admin {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: var(--dl-primary) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.qa-body-answer { flex: 1 !important; }
.qa-badge-support { font-size: 12.5px !important; font-weight: 800 !important; color: var(--dl-primary) !important; display: block !important; margin-bottom: 4px !important; }
.qa-text-answer { font-size: 13.5px !important; line-height: 1.8 !important; color: #334155 !important; margin: 0 !important; }

/* استیت‌های خالی */
.digiland-empty-state {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 45px 20px !important;
    background: #ffffff !important;
    border: 1.5px dashed #e2e8f0 !important;
    border-radius: 18px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.digiland-empty-state-icon {
    width: 68px !important;
    height: 68px !important;
    border-radius: 50% !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
}

.digiland-empty-state-icon svg { stroke: #94a3b8 !important; }
.digiland-empty-state-title { font-size: 15.5px !important; font-weight: 800 !important; color: #1e293b !important; margin-bottom: 6px !important; }
.digiland-empty-state-text { font-size: 13.5px !important; color: #64748b !important; max-width: 420px !important; line-height: 1.8 !important; margin-bottom: 18px !important; }

body .digiland-empty-state-btn {
    all: unset !important;
    box-sizing: border-box !important;
    padding: 8px 22px !important;
    background: var(--dl-primary) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(230, 0, 103, 0.22) !important;
    transition: var(--dl-transition) !important;
}

body .digiland-empty-state-btn:hover { background: var(--dl-primary-hover) !important; transform: translateY(-2px) !important; }

/* نقاط قوت و ضعف نقد و بررسی */
.digiland-pros-cons-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    margin-top: 20px !important;
}

.box-pros, .box-cons {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 24px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
}

.box-pros { border-top: 4px solid #00b074 !important; }
.box-cons { border-top: 4px solid #ef4444 !important; }
.box-pros h4, .box-cons h4 { margin: 0 0 16px 0 !important; font-size: 15px !important; font-weight: 800 !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.box-pros h4 { color: #00b074 !important; }
.box-cons h4 { color: #ef4444 !important; }
.box-pros ul, .box-cons ul { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
.box-pros ul li, .box-cons ul li { font-size: 14px !important; color: #334155 !important; position: relative !important; padding-right: 20px !important; line-height: 1.7 !important; }
.box-pros ul li::before { content: "+" !important; position: absolute !important; right: 0 !important; color: #00b074 !important; font-weight: 900 !important; font-size: 16px !important; }
.box-cons ul li::before { content: "−" !important; position: absolute !important; right: 0 !important; color: #ef4444 !important; font-weight: 900 !important; font-size: 16px !important; }

@media (max-width: 768px) {
    .digiland-pros-cons-grid {
        grid-template-columns: 1fr !important;
    }
}