/*
Theme Name: MalaysiaScope News (Davenport child)
Theme URI: https://creanncy.com/
Description: Child theme based on Davenport. Brand styling and a small number of targeted fixes.
Author: Ashran Helmi
Version: 1.1
Template: davenport
*/

/* ==========================================================================
   The header is DELIBERATELY stock Davenport.
   Logo row on top, menu below, and the theme's own sticky — which hides the
   logo row in its fixed clone via `header.main-header.fixed > .container > .row
   { display:none }`, so only the menu pins. That is the behaviour we wanted, and
   it needs no custom code. A previous build overrode header.php to put the menu
   ABOVE the logo; that is the one thing Davenport genuinely cannot do, and it
   cost a header.php override, a JS file and ~200 lines of CSS. Reverted 2026-09-22.
   The old files are kept at _archive/custom-header-2026-09-22/ for reference.
   ========================================================================== */

:root {
  --mp-rule: #e4e6ea;
  --mp-ink: #1c1d1e;
  --mp-ink-soft: #6b7280;
  --mp-bg: #ffffff;
}

/* --- Brand icons -------------------------------------------------------------
   Davenport ships Font Awesome 4.7.0 (2016), which has no glyph for X or TikTok —
   TikTok was rendering as `fa-address-card-o`, which the theme's own list labels
   "Other". `davenport_social_display()` swaps in inline SVG for those; everything
   else still falls through to Font Awesome.
   -------------------------------------------------------------------------- */

.mp-svg-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 1;
}

.mp-svg-icon svg {
  display: block;
}

/* Font Awesome glyphs are centred in their own box; the SVGs need nudging to match. */
.social-icons-wrapper a .mp-svg-icon {
  position: relative;
  top: 1px;
}

/* --- Archive overflow ---------------------------------------------------------
   🔴 Davenport's archive template nests a .container inside a .container:
   .content-block > .container > .row > .col-md-12 > .container
   Bootstrap 3 gives the inner one a fixed width:750px at >=768px, so it juts ~6px
   past the viewport and the page scrolls sideways between 768px and ~800px —
   iPad portrait. This is the parent's markup and is live on all three sites today.

   ⚠️ Do NOT "fix" this with overflow-x:hidden on body/html — that silently kills
   position:sticky on every descendant.
   -------------------------------------------------------------------------- */

.content-block .container .container {
  width: auto;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* --- Footer -------------------------------------------------------------------
   Davenport's footer type is sized for a dark, sparse footer. With four columns of
   real content on a light background it reads too large, so the scale is tightened
   here. CSS only — no template override, nothing a theme update can conflict with.
   -------------------------------------------------------------------------- */

.footer-sidebar-2-wrapper .widget {
  font-size: 13px;
  line-height: 1.7;
}

.footer-sidebar-2-wrapper .widgettitle,
.footer-sidebar-2-wrapper .widget-title,
.footer-sidebar-2-wrapper .widget h4 {
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.footer-sidebar-2-wrapper .widget li,
.footer-sidebar-2-wrapper .widget a {
  font-size: 13px;
}

/* the Latest column is post titles — hold them a touch smaller still */
.footer-sidebar-2-wrapper .widget_recent_entries li a {
  font-size: 13px;
  line-height: 1.5;
}

.footer-sidebar-2-wrapper .post-date,
.footer-sidebar-2-wrapper .widget_recent_entries .post-date {
  font-size: 11px;
  opacity: .7;
}

/* the wordmark stands in for the column heading */
.mp-footer-logo {
  margin-bottom: 18px;
}

.mp-footer-logo img {
  max-width: 230px;
  height: auto;
}

footer .footer-copyright,
footer .copyright {
  font-size: 12px;
}

/* The subscribe block's logo carried a hardcoded width="300", which overflows a
   320px viewport once container padding is added. Belt and braces. */
.davenport-subscribe-block img,
.footer-sidebar-2-wrapper img {
  max-width: 100%;
  height: auto;
}

/* Footer sections pick up the same tint as the subscribe block (#F5F5F5), so the
   two read as one closing band instead of floating on white. The copyright bar
   stays white with a hairline, which gives the footer a base.
   ⚠️ The generated Kirki cache writes `footer, .footer-sidebar-2-wrapper {background:#FFF}`
   and loads AFTER this file, so the class pair is needed to win on specificity. */
.footer-sidebar-2-wrapper.footer-white,
.footer-sidebar-2-wrapper.footer-black {
  background-color: #F5F5F5;
}

/* the subscribe block and the footer should read as one band, not two islands */
.davenport-subscribe-block-container + .content-block,
.davenport-subscribe-block-container {
  margin-bottom: 0;
}

.footer-sidebar-2-wrapper.footer-white {
  margin-top: 0;
}

.footer-sidebar-2-wrapper .footer-sidebar-2 {
  padding-top: 54px;
  padding-bottom: 46px;
}

footer.footer-white {
  background-color: #ffffff;
  border-top: 1px solid #E4E6EA;
}

/* Headings sit a little tighter against the tint */
.footer-sidebar-2-wrapper .widgettitle,
.footer-sidebar-2-wrapper .widget-title {
  margin-bottom: 14px;
}

/* Davenport puts a rule and 65px of padding on the footer widget list
   (`.sidebar.footer-sidebar-2 > ul`). With the tinted band the rule is redundant,
   and the padding leaves the columns floating. Both removed. */
.footer-sidebar-2-wrapper .sidebar.footer-sidebar-2 > ul {
  border-top: 0;
  padding-top: 0;
}

.footer-sidebar-2-wrapper .footer-sidebar-2 {
  padding-top: 44px;
  padding-bottom: 40px;
}