:root{--oz3-bg-primary:#ffffff;--oz3-bg-secondary:#f8fafc;--oz3-border:#e2e8f0;--oz3-text-primary:#1e293b;--oz3-text-secondary:#334155;--oz3-text-muted:#94a3b8;--oz3-focus-border:#3b82f663;--oz3-focus:#3b82f6;--oz3-focus-gradient-start:#3b82f6;--oz3-focus-gradient-end:#2563eb;--oz3-shadow:rgba(59,130,246,0.3);--oz3-shadow-hover:rgba(59,130,246,0.4);--oz3-badge-bg:rgba(255,255,255,0.25);--oz3-refresh-hover:#3b82f6}.dark{--oz3-bg-primary:#1e293b;--oz3-bg-secondary:#0f172a;--oz3-border:#334155;--oz3-text-primary:#f1f5f9;--oz3-text-secondary:#cbd5e1;--oz3-text-muted:#64748b;--oz3-focus:#60a5fa;--oz3-focus-gradient-start:#3b82f6;--oz3-focus-gradient-end:#1d4ed8;--oz3-shadow:rgba(96,165,250,0.25);--oz3-shadow-hover:rgba(96,165,250,0.35);--oz3-badge-bg:rgba(255,255,255,0.15);--oz3-refresh-hover:#2563eb}.oz3-comment-wrapper{font-family:inherit;direction:rtl}.oz3-comment-container{max-width:1100px;margin:0 auto;padding:12px 0;overflow:hidden}.oz3-comment-header{background:linear-gradient(135deg, var(--oz3-focus-gradient-start) 0%, var(--oz3-focus-gradient-end) 100%);padding:28px 35px;color:white}.oz3-comment-header h3{font-size:24px;font-weight:700;margin-bottom:8px}.oz3-comment-header p{font-size:13px;opacity:0.92}.oz3-two-columns{display:flex;gap:32px;margin-bottom:25px}.oz3-right-col, .oz3-left-col{flex:1;width:50%}.oz3-left-col{display:flex;flex-direction:column;gap:20px}.oz3-float-group{position:relative;width:100%}.oz3-float-input, .oz3-float-textarea{width:100%;padding:18px 16px 8px 16px;font-size:14px;border:2px solid var(--oz3-border);border-radius:16px;background:var(--oz3-bg-primary);outline:none;transition:all 0.25s ease;font-family:inherit;resize:vertical;direction:rtl;color:var(--oz3-text-primary)}.oz3-float-textarea{min-height:266px;resize:vertical;line-height:1.6}.oz3-float-label{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--oz3-text-muted);pointer-events:none;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);background:transparent;padding:0 6px;font-weight:400;display:flex;align-items:center;gap:6px}.oz3-float-group.textarea-group .oz3-float-label{top:18px;transform:translateY(0)}.oz3-float-input:focus, .oz3-float-textarea:focus, .oz3-com-captcha-field:focus{border-color:var(--oz3-focus-border, #3b82f6);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.oz3-float-input:focus + .oz3-float-label, .oz3-float-input:not(:placeholder-shown) + .oz3-float-label{top:0px;font-size:11px;color:var(--oz3-focus, #3b82f6);font-weight:600;background:var(--oz3-bg-primary, #ffffff);padding:3px 8px;border-radius:20px;border:1px solid var(--oz3-focus-border, #3b82f6)}.oz3-float-textarea:focus + .oz3-float-label, .oz3-float-textarea:not(:placeholder-shown) + .oz3-float-label{top:-10px;font-size:11px;color:var(--oz3-focus, #3b82f6);font-weight:600;background:var(--oz3-bg-primary, #ffffff);padding:3px 8px;border-radius:20px;border:1px solid var(--oz3-focus-border, #3b82f6)}.oz3-com-captcha-field:focus + .oz3-captcha-label, .oz3-com-captcha-field:not(:placeholder-shown) + .oz3-captcha-label{top:0px;font-size:11px;color:var(--oz3-focus, #3b82f6);font-weight:600;background:var(--oz3-bg-primary, #ffffff);padding:3px 8px;border-radius:20px;border:1px solid var(--oz3-focus-border, #3b82f6)}.oz3-float-input::placeholder, .oz3-float-textarea::placeholder, .oz3-com-captcha-field::placeholder{opacity:0}.oz3-float-input:focus::placeholder, .oz3-float-textarea:focus::placeholder, .oz3-com-captcha-field:focus::placeholder{opacity:0.5}.oz3-captcha-group{position:relative;width:100%}.oz3-captcha-wrapper{display:flex;align-items:center;gap:5px;padding:8px 5px 8px 5px;border:2px solid var(--oz3-border);border-radius:16px;background:var(--oz3-bg-primary);transition:all 0.25s ease;flex-direction:row-reverse;flex-wrap:wrap}.oz3-captcha-wrapper.focused{box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.oz3-captcha-img{height:35px;border-radius:12px;border:1px solid var(--oz3-border)}.oz3-captcha-refresh{background:transparent;border:1px solid var(--oz3-border);border-radius:12px;padding:10px 8px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center}.oz3-captcha-refresh:hover{background:var(--oz3-refresh-hover);border-color:var(--oz3-refresh-hover)}.oz3-captcha-refresh svg{width:18px;height:18px;stroke:var(--oz3-text-muted)}.oz3-captcha-refresh:hover svg{stroke:white}.oz3-captcha-input{flex:1;min-width:100px;position:relative}.oz3-captcha-input input{width:100%;padding:8px 12px;border:2px solid var(--oz3-border);border-radius:12px;background:var(--oz3-bg-primary);text-align:center;letter-spacing:2px;font-family:monospace;direction:ltr;font-size:14px;outline:none;transition:all 0.2s;color:var(--oz3-text-primary)}.oz3-captcha-input input:focus{border-color:var(--oz3-focus-border);box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.oz3-captcha-label{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--oz3-text-muted);pointer-events:none;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);background:transparent;padding:0 6px;font-weight:400;display:flex;align-items:center;gap:6px;z-index:2}.oz3-captcha-label.active{top:0px;font-size:11px;color:var(--oz3-focus);font-weight:600;background:var(--oz3-bg-primary);padding:3px 8px;border-radius:20px;border:1px solid var(--oz3-focus)}.oz3-options{display:flex;gap:15px;margin:15px;padding:15px 0;border-top:1px solid var(--oz3-border);border-bottom:1px solid var(--oz3-border);flex-wrap:wrap}.oz3-check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--oz3-text-secondary);font-weight:500;transition:color 0.2s;margin:0;margin-bottom:0px}.oz3-check:hover{color:var(--oz3-focus)}.oz3-check input{width:18px;height:18px;cursor:pointer;accent-color:var(--oz3-focus)}.oz3-btn{width:100%;background:linear-gradient(135deg, var(--oz3-focus-gradient-start) 0%, var(--oz3-focus-gradient-end) 100%);border:none;padding:16px 28px;border-radius:60px;color:white;font-size:16px;font-weight:700;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:12px;font-family:inherit;box-shadow:0 4px 14px var(--oz3-shadow)}.oz3-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--oz3-shadow-hover)}.oz3-user-card{margin-bottom:28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;color:white}.oz3-user-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid white}.oz3-user-info{flex:1}.oz3-user-label{font-size:11px;opacity:0.85;margin-bottom:4px;color:var(--oz3-text-secondary)}.oz3-user-name{font-weight:800;font-size:17px;color:var(--oz3-text-secondary)}.oz3-user-badge{background:rgb(113 109 109 / 25%);padding:6px 16px;border-radius:40px;font-size:11px;font-weight:600;color:var(--oz3-text-secondary)}@media (max-width:768px){.oz3-two-columns{flex-direction:column-reverse;gap:24px}.oz3-right-col, .oz3-left-col{width:100%}.oz3-float-textarea{min-height:160px}}.oz3-float-input, .oz3-float-textarea{text-align:right}.oz3-com-email-input,.oz3-com-site-input{text-align:left;direction:ltr}
/* استایل بنر کاربر برای تم ۳ با کلاس‌های یکسان‌سازی شده oz6 */
.oz3-user-banner {
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    /* در تم ۳ اصلی، رنگ متن سفید بود چون داخل هدر گرادیانت قرار داشت. 
       اگر خارج از هدر استفاده می‌شود، ممکن است نیاز به تنظیم رنگ پس‌زمینه داشته باشد */
    color: var(--oz3-text-secondary); 
    background: var(--oz3-bg-secondary); /* اضافه کردن پس‌زمینه ملایم برای خوانایی بهتر اگر خارج از هدر است */
    padding: 15px;
    border-radius: 16px;
    border: 1px solid var(--oz3-border);
}

.oz3-user-banner-avatar {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--oz3-focus); /* تغییر از white به رنگ اصلی تم برای زیبایی بیشتر در حالت عادی */
    box-shadow: 0 4px 10px var(--oz3-shadow);
}

.oz3-user-banner-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.oz3-user-banner-label {
    font-size: 11px;
    opacity: 0.85;
    margin-bottom: 4px;
    color: var(--oz3-text-muted);
    font-weight: 500;
}

.oz3-user-banner-name {
    font-weight: 800;
    font-size: 17px;
    color: var(--oz3-text-primary);
    line-height: 1.4;
}

.oz3-user-badge {
    background: var(--oz3-focus-gradient-start); /* استفاده از رنگ اصلی تم به جای خاکستری */
    color: #ffffff;
    padding: 6px 16px;
    border-radius: 40px;
    font-size: 11px;
    font-weight: 700;
    box-shadow: 0 2px 8px var(--oz3-shadow);
    white-space: nowrap;
}

/* حالت دارک مود */
.dark .oz3-user-banner {
    background: var(--oz3-bg-secondary);
    border-color: var(--oz3-border);
}

.dark .oz3-user-banner-name {
    color: var(--oz3-text-primary);
}

.dark .oz3-user-banner-label {
    color: var(--oz3-text-muted);
}

@media (max-width: 480px) {
    .oz3-user-banner {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
    
    .oz3-user-banner-text {
        align-items: center;
    }
}