/* Container & Full Screen Layout */
.dq-full-screen { 
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; 
    background: #f0f2f5; z-index: 9999; overflow-y: auto; 
    padding: 20px; font-family: 'Segoe UI', Tahoma, sans-serif; direction: rtl; 
}

/* Header Design */
.dq-header { 
    max-width: 900px; margin: 0 auto 20px; display: flex; 
    justify-content: space-between; align-items: center;
    background: #ffffff; padding: 15px 25px; 
    border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border-bottom: 3px solid #3498db;
}

/* Question & Options Alignment (English) */
.dq-question-text h2, 
.dq-option-text, 
.exp-text { 
    direction: ltr !important; 
    text-align: left !important; 
}

.dq-container { 
    max-width: 900px; margin: 0 auto; background: #ffffff; 
    padding: 40px; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); 
}

.dq-option-item { 
    display: flex; align-items: center; padding: 18px; 
    border: 2px solid #e0e4e8; border-radius: 8px; margin-bottom: 12px; 
    cursor: pointer; transition: all 0.2s ease; background: #fff;
    direction: ltr !important;
}

/* Highlights */
.dq-option-item.correct-answer { 
    background-color: #d4edda !important; 
    border-color: #28a745 !important; 
    color: #155724 !important;
    font-weight: bold;
}

.dq-option-item.wrong-answer { 
    background-color: #f8d7da !important; 
    border-color: #dc3545 !important; 
    color: #721c24 !important; 
}

/* Explanation & Buttons */
#dq-explanation-box { 
    display: none; /* يتم إظهاره عبر JS */
    margin-top: 25px; padding: 25px; 
    background: #f1f9ff; border-left: 6px solid #3498db; border-radius: 4px;
}

#dq-show-results-btn { 
    display: none; /* يتم إظهاره عبر JS */
    background: #34495e; color: white; width: 100%; 
    padding: 18px; border: none; border-radius: 6px; cursor: pointer; 
    font-size: 18px; margin-top: 15px; font-weight: bold;
}


/* Leaderboard (Ranking) Table Styles */
.dq-leaderboard-wrapper { max-width: 850px; margin: 40px auto; direction: rtl; }
.dq-result-card { background: white; padding: 35px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); text-align: center; }
.dq-table { width: 100%; border-collapse: collapse; margin: 25px 0; font-size: 17px; }
.dq-table th { background: #3498db; color: white; padding: 16px; text-align: center; }
.dq-table td { padding: 14px; border-bottom: 1px solid #f0f0f0; text-align: center; }
.dq-row-current { background: #fffde7 !important; border: 2px solid #f1c40f; font-weight: bold; }