/* =====================================================
   MathsBetter Custom CSS
   Organized: July 2026
   ===================================================== */


/* =====================================================
   KaTeX
   ===================================================== */

.katex{
    font-size:0.92em !important;
}

.katex-display{
    margin:0.4em 0 !important;
    overflow-x:auto;
    overflow-y:hidden;
}

.wp-block-paragraph .katex{
    line-height:1.4;
}


/* =====================================================
   Question Headings
   ===================================================== */

h2.question-heading{
    background:#1e293b;
    border-top:6px solid #cf2e2e;
    border-bottom:6px solid #cf2e2e;
    color:#fff;
    padding:12px 14px;
    border-radius:8px;
    margin:34px 0 18px;
    font-weight:700;
}

h3.question-heading{
    background:#1e293b;
    border-left:16px solid #cf2e2e;
    color:#fff;
    padding:12px 14px;
    border-radius:8px;
    margin:34px 0 18px;
    font-weight:700;
}


/* =====================================================
   Astra Theme Tweaks
   ===================================================== */

.ast-blog-single-element.ast-taxonomy-container{
    position:absolute;
    top:-2px;
    left:-24px;
    z-index:999;
    margin:0 !important;
}

.ast-archive-description strong,
.ast-archive-description b{
    font-weight:700 !important;
}


/* =====================================================
   Chapter Navigation Buttons
   ===================================================== */

.mb-chapter-btn{
    width:100%;
}

.mb-chapter-btn .wp-block-button__link{
    display:block;
    width:100%;
    box-sizing:border-box;

    background:#fff !important;
    color:#0A6C74 !important;

    border:2px solid #0A6C74 !important;
    border-left:none;
    border-radius:5px !important;

    text-align:left !important;

    font-size:14px !important;
    font-weight:600;

    padding:8px 14px 8px 16px !important;
    padding-right:40px !important;

    transition:all .2s ease;
}

.mb-chapter-btn .wp-block-button__link:hover{
    background:#0A6C74 !important;
    color:#fff !important;
}

.mb-chapter-btn .wp-element-button{
    position:relative !important;
}

.mb-chapter-btn .wp-element-button::after{
    content:"→";
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-65%);
    font-size:16px;
    font-weight:600;
    line-height:1;
}


/* =====================================================
   Jetpack Subscription Block
   ===================================================== */

.wp-block-jetpack-subscriptions__subscount{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    margin-top:12px !important;
    font-size:14px !important;
    line-height:1.5 !important;
    color:#b6b6b6 !important;
}


/* =====================================================
   MathsBetter Tables

   Prevent Gutenberg's "has-fixed-layout" tables from
   forcing equal-width columns and breaking words.
   ===================================================== */

.wp-block-table table.has-fixed-layout{
    table-layout:auto !important;
}

.wp-block-table th,
.wp-block-table td{
    word-break:normal !important;
    overflow-wrap:normal !important;
    white-space:normal !important;
}
/* Maths Better QRT – Table Backgrounds */

/* T10, T10a, T10b, etc. */
figure[id^="t10"] {
    background: #fffff3 !important;
    padding: 8px;
    border-radius: 10px;
    box-sizing: border-box;
}

/* T1, T1a, T1b, etc. */
figure[id^="t1"] {
    background: #fffff3 !important;
    padding: 8px;
    border-radius: 10px;
    box-sizing: border-box;
}

/* T2, T2a, T2b, etc. */
figure[id^="t2"] {
    background: #f4fffb !important;
    padding: 8px;
    border-radius: 10px;
    box-sizing: border-box;
}

/* T3, T3a, T3b, etc. */
figure[id^="t3"] {
    background: #f8f5ff !important;
    padding: 8px;
    border-radius: 10px;
    box-sizing: border-box;
}

/* T4, T4a, T4b, etc. */
figure[id^="t4"] {
    background: #fff8f2 !important;
    padding: 8px;
    border-radius: 10px;
    box-sizing: border-box;
}

/* T5, T5a, T5b, etc. */
figure[id^="t5"] {
    background: #f4f9ff !important;
    padding: 8px;
    border-radius: 10px;
    box-sizing: border-box;
}

/* T6, T6a, T6b, etc. */
figure[id^="t6"] {
    background: #fff5f8 !important;
    padding: 8px;
    border-radius: 10px;
    box-sizing: border-box;
}

/* T7, T7a, T7b, etc. */
figure[id^="t7"] {
    background: #f6f3ff !important;
    padding: 8px;
    border-radius: 10px;
    box-sizing: border-box;
}

/* T8, T8a, T8b, etc. */
figure[id^="t8"] {
    background: #f3fbf8 !important;
    padding: 8px;
    border-radius: 10px;
    box-sizing: border-box;
}

/* T9, T9a, T9b, etc. */
figure[id^="t9"] {
    background: #fff8f2 !important;
    padding: 8px;
    border-radius: 10px;
    box-sizing: border-box;
}