/*
Theme Name: NXI News Child
Theme URI: https://core.nxi.or.id/projects/nxi-news
Description: Custom extension layer for NXI News theme.
Author: NXI Core System
Author URI: https://core.nxi.or.id
Template: nxi-news
Version: 2.7.5
Requires at least: 6.9
Requires PHP: 8.2
License: Proprietary (c) NXI Core System
Text Domain: nxi-news-child
*/

/* =========================================================
   ROOT VARIABLES (GLOBAL DESIGN TOKENS)
   ========================================================= */
:root{
  --header-h-mobile: 10px;
  --header-h-tablet: 10px;

  --primary: #123a8b;
  --primary-2: #0e2f72;
  --accent: #f5b800;
  --ink: #ffffff;
}

/* =========================================================
   HEADER OFFSET & ANCHOR SCROLL
   ========================================================= */
@media (max-width: 767.98px){
  .single-page.none-header.without-sidebar{
    padding-top: calc(var(--header-h-mobile) + 10px);
  }
  .single-page.none-header.without-sidebar h1,
  .single-page.none-header.without-sidebar h2,
  .single-page.none-header.without-sidebar h3,
  .single-page.none-header.without-sidebar h4{
    scroll-margin-top: calc(var(--header-h-mobile) + 10px);
  }
}

@media (min-width: 768px) and (max-width: 1024px){
  .single-page.none-header.without-sidebar{
    padding-top: calc(var(--header-h-tablet) + 10px);
  }
  .single-page.none-header.without-sidebar h1,
  .single-page.none-header.without-sidebar h2,
  .single-page.none-header.without-sidebar h3,
  .single-page.none-header.without-sidebar h4{
    scroll-margin-top: calc(var(--header-h-tablet) + 10px);
  }
}

.site-wrap{
  padding-top: env(safe-area-inset-top);
}

/* =========================================================
   FONT
   ========================================================= */
/*
  NOTE:
  Foxiz/Elementor already loads its own font stack.
  We intentionally avoid injecting extra @font-face here to prevent duplicate downloads
  (which can also contribute to CLS due to late font swaps).
*/

/* =========================================================
   HEADER SOCIAL ICONS
   ========================================================= */
.header-social-list{
  display:flex;
  gap:12px;
  margin:16px 0;
}
.header-social-list a{
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#fff;
  color:#333;
  transition:transform .2s ease,background .2s ease;
}
.header-social-list a:hover{
  background:#990000;
  color:#fff;
  transform:scale(1.1);
}

/* Sidebar Widget: Call for Paper dipindah ke assets/css/15-sidebar-cfp.css (di-enqueue via functions.php) */


/* =========================================================
   RELATED ARTICLES – ULTRA TIGHT SPACING (FINAL)
   ========================================================= */

/* 1) Wrapper heading – HILANGKAN margin bawah */
.sfoter-sec.single-related
.block-h.heading-layout-3
.heading-inner{
  display:flex;
  justify-content:center;
  text-align:center;
  margin-bottom:0;   /* KUNCI UTAMA */
}

/* 2) Heading title – jarak minimum */
.sfoter-sec.single-related
.block-h.heading-layout-3
.heading-title{
  position:relative;
  display:inline-block;
  margin:0;
  padding-bottom:2px;   /* hampir nempel */
  font-weight:800;
  line-height:1.15;
  font-size:clamp(1.22rem,0.9vw + 1rem,1.55rem);
  color:#111;
}

/* 3) Matikan underline Foxiz di span (akar masalah) */
.sfoter-sec.single-related
.block-h.heading-layout-3
.heading-title span{
  border:0;
  background:none;
}
.sfoter-sec.single-related
.block-h.heading-layout-3
.heading-title span::before,
.sfoter-sec.single-related
.block-h.heading-layout-3
.heading-title span::after{
  content:none;
  display:none;
}

/* 4) Underline merah – SANGAT DEKAT */
.sfoter-sec.single-related
.block-h.heading-layout-3
.heading-title::after{
  content:"";
  display:block;
  width:160px;
  height:3px;
  margin:0px auto 0;   /* INI KUNCI KEDUA */
  background:#b10000;
  border-radius:0px;
}