#quran-tafsir {
display: flex;
flex-direction: column;
gap: 20px; }
.dropdown-row {
display: flex;
gap: 20px; }
.dropdown-group {
display: flex;
flex-direction: column;
width: 100%; }
.dropdown-group label {
font-size: 1.1em;
margin-bottom: 5px;
margin-left: 5px;
font-weight: bold;
}
.dropdown-group select {
font-size: 1.2em; padding: 5px; }
#tafsir-output {
margin-top: 20px;
font-size: 16px;
line-height: 1.5;
} #font-size-slider {
-webkit-appearance: none;
appearance: none;
width: 150px;
height: 6px; background: #ddd;
border-radius: 3px;
outline: none;
opacity: 0.8;
transition: opacity 0.2s;
margin-right: 10px;
}
#font-size-slider:hover {
opacity: 1; } #font-size-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 12px; height: 22px; background: #007bff; border-radius: 2px; cursor: pointer; }
#font-size-slider::-moz-range-thumb {
width: 12px;
height: 22px;
background: #007bff;
border: none;
border-radius: 2px;
cursor: pointer;
}
.qti-admin-tools {
margin-top: 24px;
padding: 16px;
border: 1px solid #d7d7d7;
border-radius: 8px;
background: #fafafa;
}
.qti-admin-tools h3 {
margin: 0 0 8px;
}
.qti-admin-tools__desc {
margin: 0 0 12px;
}
.qti-download-button {
padding: 10px 16px;
font-size: 1rem;
cursor: pointer;
}
.qti-download-button.is-loading,
.qti-download-button:disabled {
opacity: 0.65;
cursor: wait;
}
.qti-download-status {
margin-top: 12px;
}
.qti-download-status.is-error {
color: #a61b1b;
}
.qti-download-status.is-success {
color: #1e5f2b;
}
.qti-download-button--english-only {
background: #6f42c1;
border: 1px solid #5b34a0;
color: #fff;
}
.qti-download-button--english-only:hover {
background: #6237b5;
}
.qti-download-status.is-pending {
color: #7a4b00;
}
.qti-download-button--turkish-only {
background: #0f766e;
border: 1px solid #0b5c56;
color: #fff;
}
.qti-download-button--turkish-only:hover {
background: #0d655f;
}
.qti-admin-tools__buttons {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.qti-admin-tools__buttons--word-translations {
margin-top: 12px;
padding-top: 12px;
border-top: 1px dashed #cfcfcf;
}
.qti-download-button--extra-language {
background: #1f4b99;
border: 1px solid #153a79;
color: #fff;
}
.qti-download-button--extra-language:hover {
background: #1a4288;
}
.qti-admin-tools__buttons--word-translations-working {
margin-top: 12px;
}
.qti-admin-tools__buttons--word-translations-experimental {
margin-top: 12px;
border-top: 2px dashed #b7b7b7;
padding-top: 12px;
}