/* ========================================
   استایل اضافی برای سازگاری با تم‌های مختلف
   ======================================== */

/* حذف استایل‌های پیش‌فرض ووکامرس */
.woocommerce-Reviews .comment_container {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.woocommerce-Reviews .comment-text {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* سازگاری با تم Flatsome */
.product-page .woocommerce-Reviews .commentlist .comment {
    border: none !important;
}

/* حذف بوردر و پس‌زمینه پیش‌فرض */
#reviews #comments ol.commentlist li .comment_container {
    background: transparent !important;
    border: none !important;
}

/* استایل دکمه Add a Review */
.woocommerce #review_form #respond .form-submit input[type="submit"],
.woocommerce-page #review_form #respond .form-submit input[type="submit"] {
    background: var(--ccru-primary) !important;
    color: white !important;
    border: none !important;
    padding: 13px 36px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.woocommerce #review_form #respond .form-submit input[type="submit"]:hover,
.woocommerce-page #review_form #respond .form-submit input[type="submit"]:hover {
    background: var(--ccru-primary-dark) !important;
    transform: translateY(-1px) !important;
}

/* استایل ستاره‌های ووکامرس */
.woocommerce .star-rating {
    color: var(--ccru-gold) !important;
}

.woocommerce .star-rating::before {
    color: #D5D9D9 !important;
}

/* حذف margin و padding اضافی */
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    padding: 0 !important;
    border: 3px solid var(--ccru-white) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

/* استایل تیتر بخش دیدگاه‌ها */
#reviews h2,
#reviews h3 {
    font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Tahoma', sans-serif !important;
    color: var(--ccru-text-primary) !important;
}

/* فاصله بهتر برای تب‌های ووکامرس */
.woocommerce-tabs .panel {
    padding-top: 20px !important;
}

/* استایل لینک‌های دیدگاه */
.woocommerce-Reviews a {
    color: var(--ccru-primary);
    text-decoration: none;
}

.woocommerce-Reviews a:hover {
    color: var(--ccru-primary-dark);
    text-decoration: underline;
}

/* ========================================
   استایل پاسخ به دیدگاه (Reply)
   ======================================== */
.comment-reply-link {
    font-size: 13px !important;
    color: var(--ccru-primary) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    transition: all 0.2s !important;
    display: inline-block !important;
    margin-top: 10px !important;
}

.comment-reply-link:hover {
    background: var(--ccru-primary-light) !important;
    color: var(--ccru-primary-dark) !important;
}

/* ========================================
   استایل باکس هشدار / اعلان
   ======================================== */
.woocommerce-info,
.woocommerce-message,
.woocommerce-notice {
    border-radius: 6px !important;
    font-family: 'Vazirmatn', sans-serif !important;
}

/* ========================================
   پرینت (چاپ)
   ======================================== */
@media print {
    .ccru-review-card {
        box-shadow: none;
        border: 1px solid #ddd;
        page-break-inside: avoid;
    }
    
    .ccru-submit-button,
    .comment-reply-link {
        display: none;
    }
}

/* ========================================
   دارک مود (در صورت پشتیبانی)
   ======================================== */
@media (prefers-color-scheme: dark) {
    :root {
        --ccru-text-primary: #E6E6E6;
        --ccru-text-secondary: #B3B3B3;
        --ccru-text-light: #8B9397;
        --ccru-border: #404040;
        --ccru-border-light: #333333;
        --ccru-bg-light: #1a1a1a;
        --ccru-bg-reply: #242424;
        --ccru-white: #2d2d2d;
    }
    
    .ccru-review-card {
        background: var(--ccru-white);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
}

/* ========================================
   حالت کم‌رنگ (Accessibility)
   ======================================== */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ========================================
   بهینه‌سازی برای صفحه‌نمایش‌های کوچک
   ======================================== */
@media (max-width: 360px) {
    .ccru-review-card {
        padding: 14px;
        border-radius: 6px;
    }
    
    .ccru-review-avatar img {
        width: 40px;
        height: 40px;
    }
    
    .ccru-rating-input label {
        font-size: 20px;
    }
    
    .ccru-comment-form {
        padding: 16px;
    }
}