/*
 * SUSS Assignment Help Child — question pages in the Singapore design.
 * Loaded after the parent theme's assets/css/questions-{archive|single|university}.css.
 *   1. Basics Bootstrap used to give these templates (Bootstrap is not loaded on child pages)
 *   2. The parent's questions-common.css, in the child colours (navy #0F1F45 · red #D81E2E)
 *   3. Child fixes (sticky child header instead of the parent's fixed one, Inter font, child form)
 */

/* ---------- 1. Bootstrap basics used by the question templates ---------- */
.mahq-page .container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;}
@media (min-width:576px){.mahq-page .container{max-width:540px;}}
@media (min-width:768px){.mahq-page .container{max-width:720px;}}
@media (min-width:992px){.mahq-page .container{max-width:960px;}}
@media (min-width:1200px){.mahq-page .container{max-width:1140px;}}
@media (min-width:1400px){.mahq-page .container{max-width:1240px;}}
.mahq-page .row{--gx:24px;--gy:0px;display:flex;flex-wrap:wrap;margin-left:calc(var(--gx) / -2);margin-right:calc(var(--gx) / -2);margin-top:calc(var(--gy) * -1);}
.mahq-page .row > *{flex-shrink:0;width:100%;max-width:100%;padding-left:calc(var(--gx) / 2);padding-right:calc(var(--gx) / 2);margin-top:var(--gy);}
.mahq-page .row.gy-3{--gy:1rem;}
.mahq-page .col-12{flex:0 0 auto;width:100%;}
.mahq-page .col-6{flex:0 0 auto;width:50%;}
@media (min-width:768px){
  .mahq-page .col-md-3{flex:0 0 auto;width:25%;}
  .mahq-page .col-md-4{flex:0 0 auto;width:33.33333333%;}
  .mahq-page .col-md-8{flex:0 0 auto;width:66.66666667%;}
}
.mahq-page .align-items-center{align-items:center;}
.mahq-page .text-center{text-align:center;}
.mahq-page .img-fluid{max-width:100%;height:auto;}
.mahq-page .clearfix::after{content:"";display:table;clear:both;}
.mahq-page .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
/* Bootstrap "reboot" spacing, kept weak (:where) so the question CSS always wins */
:where(.mahq-page) :where(h1,h2,h3,h4,h5,h6){margin-top:0;margin-bottom:.5rem;line-height:1.2;}
:where(.mahq-page) :where(p){margin-top:0;margin-bottom:1rem;}
:where(.mahq-page) :where(b,strong){font-weight:bolder;}
:where(#sah-rd .sah-article, .mahq-term-desc) :where(ul){list-style:disc;padding-left:2rem;margin:0 0 1rem;}
:where(#sah-rd .sah-article, .mahq-term-desc) :where(ol){list-style:decimal;padding-left:2rem;margin:0 0 1rem;}
:where(#sah-rd .sah-article) :where(a){color:#D81E2E;text-decoration:underline;text-underline-offset:3px;}
:where(#sah-rd .sah-article) :where(table){width:100%;border-collapse:collapse;margin-bottom:1rem;}
:where(#sah-rd .sah-article) :where(th,td){border:1px solid #E2E8F0;padding:8px 10px;text-align:left;}
:where(.mahq-page) :where(img){display:inline-block;}

/* ---------- 2. Parent questions-common.css in the child colours ---------- */
/* ==========================================================================
   Questions templates — SUSS Assignment Help overrides
   Loaded after questions-archive / questions-single / questions-university.
   Palette: navy #0F1F45 / #1A2C5B / #08122B · red #D81E2E · light #EEF3FB / #F6F8FC · border #E2E8F0
   ========================================================================== */

/* Room for the fixed site header (logo 75px + 3px gradient border) */
.mahq-page { padding-top: 78px; font-family: "Roboto", Arial, sans-serif !important; }
@media (max-width: 991px) { .mahq-page { padding-top: 70px; } }

/* MAH hero gradient on the dark bands (same as .bg-gradient-custom) */
.qa26 .qa-top,
.sa26 .sa-top,
#sah-rd .sah-hero,
.qa26 .qa-feats-band,
.sa26 .sa-feats-band {
  background: linear-gradient(135deg, #0F1F45 0%, #1A2C5B 60%, #08122B 100%) !important;
}
.qa26 .qa-top h1, .sa26 .sa-top h1, #sah-rd .sah-hero h1 { color: #fff !important; }
.qa26 .qa-top-sub, .sa26 .sa-top-sub { color: rgba(255, 255, 255, .85) !important; }
.sa26 .sa-top h1 span { color: #FB6774 !important; }

/* Red rule under the hero */
.qa26 .qa-top, .sa26 .sa-top, #sah-rd .sah-hero { border-bottom: 3px solid #D81E2E; }

/* Table-of-contents head + query widget head in navy, red stays for actions */
#sah-rd .sah-toc-head { background: linear-gradient(135deg, #1A2C5B 0%, #0F1F45 100%) !important; }

/* Search buttons: brand red */
.qa26 .qa-search-box button,
.sa26 .sa-search-box button { background: #D81E2E !important; color: #fff !important; }
.qa26 .qa-search-box button:hover,
.sa26 .sa-search-box button:hover { background: #b01f14 !important; }

/* Active chip in navy */
.qa26 .qa-chip.active,
.sa26 .sa-chip.active { background: #1A2C5B !important; border-color: #1A2C5B !important; color: #fff !important; }
.qa26 .qa-chip:hover,
.sa26 .sa-chip:hover { border-color: #D81E2E !important; color: #D81E2E !important; }
.sa26 .sa-chip.active .sa-chip-count { background: #FB6774 !important; color: #1A2C5B !important; }

/* Theme sets h3{font-size:21px!important}; keep card/section headings in scale */
.qa26 .qa-sec-head h3, .qa26 .qa-all-section .qa-sec-head h3 { font-size: 21px !important; }
.sa26 .sa-empty h3 { font-size: 20px !important; }
#sah-rd .sah-side-cta h3 { font-size: 19px !important; }
#sah-rd .sah-rel-card h3 { font-size: 15px !important; line-height: 1.4 !important; }

/* Empty states / description */
.mahq-empty { grid-column: 1 / -1; text-align: center; color: #6c757d; padding: 30px 0; margin: 0; }
.mahq-norel { padding: 10px 20px; color: #6c757d; margin: 0; }
.sa26 .mahq-term-desc {
  background: #fff; border: 1px solid #dde3f0; border-left: 4px solid #D81E2E;
  border-radius: 12px; padding: 16px 20px; margin: 0 0 24px; color: #3a4a6b; font-size: 15px; line-height: 1.65;
}
.sa26 .mahq-term-desc p:last-child { margin-bottom: 0; }

/* ── Single: order form inside the sidebar widget ───────────────────────── */
#sah-rd .sah-qw-body form > .row { margin: 0 !important; padding: 14px 4px 16px !important; }
#sah-rd .sah-qw-body form .form-control,
#sah-rd .sah-qw-body form .form-select {
  border: 1px solid #dde3f0 !important; border-radius: 10px !important; font-size: 14px !important;
  min-height: 42px; box-shadow: none !important; background-color: #fff !important; color: #08122B !important;
}
#sah-rd .sah-qw-body form .form-control:focus,
#sah-rd .sah-qw-body form .form-select:focus { border-color: #1A2C5B !important; box-shadow: 0 0 0 3px rgba(0, 30, 96, .12) !important; }
#sah-rd .sah-qw-body form textarea.form-control { min-height: 90px; }
#sah-rd .sah-qw-body .input_fields_wrap { margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; }
#sah-rd .sah-qw-body .input_fields_wrap > [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; }
#sah-rd .sah-qw-body .add_field_button .btn { border-radius: 10px !important; font-size: 13px !important; }
#sah-rd .sah-qw-body button[type="submit"] { font-size: 15px !important; padding: 11px 16px !important; border-radius: 50px !important; }
/* sidebar is narrow: every field full width */
#sah-rd .sah-qw-body form > .row > [class*="col-"],
#sah-rd .sah-qw-body .input_fields_wrap > [class*="col-"] { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
#sah-rd .sah-qw-body .input_fields_wrap > .d-flex { justify-content: flex-start !important; margin-top: 10px !important; }
#sah-rd .sah-qw-body input[type="file"].form-control { padding: 8px 10px !important; font-size: 13px !important; }

/* ── Single: blurred answer preview (pure CSS — no image needed) ────────── */
#sah-rd .mahq-blur {
  padding: 22px 26px 30px; filter: blur(4px); user-select: none; pointer-events: none;
  color: #3a4a6b; font-size: 15px; line-height: 1.7;
}
#sah-rd .mahq-blur h5 { font-size: 17px !important; font-weight: 700 !important; color: #1A2C5B !important; margin: 0 0 6px !important; }
#sah-rd .mahq-blur p { margin: 0 0 14px !important; }

/* ── Single: services, sticky bar, misc ─────────────────────────────────── */
#sah-rd .mahq-svc-row2 { margin-top: 0 !important; }
#sah-rd .mahq-svc-col { padding: 0 8px !important; margin-bottom: 16px; }
#sah-rd .mahq-sticky-ic { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #D81E2E !important; color: #fff !important; display: grid !important; place-items: center !important; font-size: 15px !important; flex: none !important; }
#sah-rd .mahq-sticky-form { margin: 0 !important; }

/* Question CTA blocks from cta_question_1/2/3 (ACF questions_cta1/2/3) */
#sah-rd .sah-article .sah-incta { margin: 26px 0 !important; }
#sah-rd .sah-article .sah-incta .sah-btn { color: #fff !important; }
#sah-rd .sah-article .sah-incta.sah-incta-red .sah-btn { color: #D81E2E !important; }
#sah-rd .sah-article .sah-incta h4 { font-size: 18px !important; line-height: 1.4 !important; }

/* Reviews band spacing after the page */
.mahq-reviews { margin-top: 0; }

/* breathing room before the features band */
.sa26 .sa-body, .qa26 .qa-body { padding-bottom: 48px !important; }

/* Navy mobile TOC head */
#sah-rd .sah-mob-toc-btn { background: linear-gradient(135deg, #1A2C5B 0%, #0F1F45 100%) !important; color: #fff !important; }

/* helper classes carried over from the SG global sheet */
.mahq-search-form { display: flex !important; align-items: center !important; flex: 1 !important; min-width: 0 !important; }
.mahq-search-input { flex: 1 !important; min-width: 0 !important; }
#sah-rd .sah-meta { margin-bottom: 26px !important; }
#sah-rd .author-social-container { margin-top: 14px !important; }

/* ── Search results page ─────────────────────────────────────────────── */
.mahq-search mark { background: #ffe1de; color: inherit; padding: 0 2px; border-radius: 3px; }
.mahq-search .sa-top h1 span { color: #FB6774 !important; }
.mahq-search .mahq-pager { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 34px 0 8px; }
.mahq-search .mahq-pager .page-numbers {
  min-width: 42px; height: 42px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50px; border: 1.5px solid #dde3f0; background: #fff; color: #1A2C5B !important; font-weight: 700; font-size: 14px;
  transition: background .15s, color .15s, border-color .15s;
}
.mahq-search .mahq-pager a.page-numbers:hover { border-color: #D81E2E; color: #D81E2E !important; }
.mahq-search .mahq-pager .page-numbers.current { background: #1A2C5B; border-color: #1A2C5B; color: #fff !important; }
.mahq-search .mahq-pager .page-numbers.dots { border: 0; background: transparent; }
.mahq-search .mahq-search-cta { margin-top: 30px !important; }
.mahq-search .mahq-search-empty { background: #fff; border: 1px solid #dde3f0; border-radius: 16px; padding: 44px 24px; margin-bottom: 30px; }
.mahq-search .mahq-empty-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 18px; }
.mahq-search .mahq-empty-actions a {
  display: inline-flex; align-items: center; padding: 12px 26px; border-radius: 50px; font-weight: 700; font-size: 14px;
  background: #D81E2E; color: #fff !important; border: 2px solid #D81E2E;
}
.mahq-search .mahq-empty-actions a:hover { background: #b01f14; border-color: #b01f14; }
.mahq-search .mahq-empty-actions a.mahq-ghost { background: #fff; color: #1A2C5B !important; border-color: #1A2C5B; }
.mahq-search .mahq-empty-actions a.mahq-ghost:hover { background: #1A2C5B; color: #fff !important; }
.mahq-search .mahq-search-block { margin: 0 0 34px; }
.mahq-search .mahq-search-block h3 { font-size: 20px !important; font-weight: 700; color: #1A2C5B; margin: 0 0 16px; padding-left: 12px; border-left: 4px solid #D81E2E; }
.mahq-search .mahq-uni-chips { display: flex; flex-wrap: wrap; gap: 10px; }

/* SUSS order form (common/main-form.php) in the narrow sidebar: one field per row */
#sah-rd .sah-qw-body .row { margin-left: 0 !important; margin-right: 0 !important; }
#sah-rd .sah-qw-body .row > [class*="col-"] { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
#sah-rd .sah-qw-body form { padding: 14px 16px 16px; }

/* ---------- 3. Child fixes ---------- */
/* The child header is in the page flow (the parent one was fixed), so no top gap */
.mahq-page{padding-top:0 !important;font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;}
@media (max-width:991px){.mahq-page{padding-top:0 !important;}}
/* Child quote form in the narrow sidebar: one field per row */
#sah-rd .sah-qw-body form[data-quote-form]{grid-template-columns:minmax(0,1fr) !important;padding:16px 4px 6px;}
#sah-rd .sah-qw-body form[data-quote-form] > *{grid-column:auto !important;}
/* reviews band spacing on question pages */
.mahq-reviews.suss-section{margin-top:0;}