/* english-typography.css */
/* Better typography and spacing for English content */

/* English-specific font stack */
.english-content,
.english-text,
[lang="en"],
[dir="ltr"],
.elt-ltr,
.exam-content,
.test-content,
.quiz-content,
.english-content {
    /* Modern, readable English font stack */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    
    /* Optimal line height for English text */
    line-height: 1.6 !important;
    
    /* Better letter spacing */
    letter-spacing: 0.01em !important;
    
    /* Improved text rendering */
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    
    /* Consistent text alignment */
    text-align: left !important;
    direction: ltr !important;
}

/* Paragraph spacing for English */
.english-content p,
.english-text p,
.elt-ltr p,
[lang="en"] p,
[dir="ltr"] p {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    line-height: 1.7 !important;
    font-size: 16px !important;
    color: #333 !important;
}

/* Headings for English */
.english-content h1,
.english-content h2,
.english-content h3,
.english-content h4,
.english-content h5,
.english-content h6,
.english-text h1,
.english-text h2,
.english-text h3,
.english-text h4,
.english-text h5,
.english-text h6,
.elt-ltr h1,
.elt-ltr h2,
.elt-ltr h3,
.elt-ltr h4,
.elt-ltr h5,
.elt-ltr h6 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-top: 1.5em !important;
    margin-bottom: 0.75em !important;
    color: #1a1a1a !important;
    letter-spacing: -0.02em !important;
}

/* Specific heading sizes */
.english-content h1 {
    font-size: 2.25rem !important; /* 36px */
    font-weight: 700 !important;
}

.english-content h2 {
    font-size: 1.875rem !important; /* 30px */
}

.english-content h3 {
    font-size: 1.5rem !important; /* 24px */
}

.english-content h4 {
    font-size: 1.25rem !important; /* 20px */
}

.english-content h5 {
    font-size: 1.125rem !important; /* 18px */
}

.english-content h6 {
    font-size: 1rem !important; /* 16px */
}

/* Lists in English content */
.english-content ul,
.english-content ol,
.english-text ul,
.english-text ol,
.elt-ltr ul,
.elt-ltr ol {
    padding-left: 2em !important;
    padding-right: 0 !important;
    margin: 1em 0 !important;
}

.english-content li,
.english-text li,
.elt-ltr li {
    margin-bottom: 0.5em !important;
    line-height: 1.6 !important;
}

/* Blockquotes in English */
.english-content blockquote,
.english-text blockquote,
.elt-ltr blockquote {
    border-left: 4px solid #e5e7eb !important;
    border-right: none !important;
    padding-left: 1.5em !important;
    padding-right: 0 !important;
    margin: 1.5em 0 !important;
    font-style: italic !important;
    color: #4b5563 !important;
    background: transparent !important;
    font-size: 1.125em !important;
    line-height: 1.7 !important;
}

/* Code and preformatted text */
.english-content code,
.english-content pre,
.english-text code,
.english-text pre,
.elt-ltr code,
.elt-ltr pre {
    font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', 'Courier New', monospace !important;
    direction: ltr !important;
    text-align: left !important;
}

/* Links in English content */
.english-content a,
.english-text a,
.elt-ltr a {
    color: #2563eb !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent !important;
    transition: all 0.2s ease !important;
}

.english-content a:hover,
.english-text a:hover,
.elt-ltr a:hover {
    color: #1d4ed8 !important;
    border-bottom-color: #2563eb !important;
}

/* Tables in English */
.english-content table,
.english-text table,
.elt-ltr table {
    direction: ltr !important;
    text-align: left !important;
    border-collapse: collapse !important;
    width: 100% !important;
    margin: 1.5em 0 !important;
}

.english-content th,
.english-content td,
.english-text th,
.english-text td,
.elt-ltr th,
.elt-ltr td {
    padding: 0.75em 1em !important;
    border: 1px solid #e5e7eb !important;
    text-align: left !important;
}

/* Exam/Test specific styling */
.exam-content,
.test-content,
.quiz-content {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    line-height: 1.7 !important;
    font-size: 15px !important;
    color: #1f2937 !important;
}

.exam-content p,
.test-content p,
.quiz-content p {
    margin-bottom: 1.2em !important;
}

/* Multiple choice questions styling */
.exam-content .question,
.test-content .question,
.quiz-content .question {
    margin-bottom: 2em !important;
    font-weight: 500 !important;
}

.exam-content .options,
.test-content .options,
.quiz-content .options {
    padding-left: 1.5em !important;
    margin-top: 1em !important;
}

.exam-content .option,
.test-content .option,
.quiz-content .option {
    margin-bottom: 0.75em !important;
    padding: 0.5em 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Letter spacing adjustments for better readability */
.english-content {
    letter-spacing: 0.02em !important;
}

/* Text selection for English */
.english-content ::selection,
.english-text ::selection,
.elt-ltr ::selection {
    background-color: rgba(37, 99, 235, 0.2) !important;
    color: #000 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .english-content p,
    .english-text p,
    .elt-ltr p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }
    
    .english-content h1 {
        font-size: 1.875rem !important; /* 30px */
    }
    
    .english-content h2 {
        font-size: 1.5rem !important; /* 24px */
    }
    
    .english-content h3 {
        font-size: 1.25rem !important; /* 20px */
    }
    
    .english-content blockquote {
        padding-left: 1em !important;
        font-size: 1em !important;
    }
}

/* Print styles for English content */
@media print {
    .english-content,
    .english-text,
    .elt-ltr {
        font-family: "Times New Roman", Times, serif !important;
        line-height: 1.5 !important;
        font-size: 12pt !important;
    }
    
    .english-content h1,
    .english-content h2,
    .english-content h3 {
        page-break-after: avoid !important;
    }
    
    .english-content p {
        orphans: 3 !important;
        widows: 3 !important;
    }
}