/*
Theme Name: Borneo No Limit
Theme URI: https://suarakalimantan.com
Author: Hamba Allah
Author URI: https://suarakalimantan.com
Description: Tema portal berita nasional "Borneo No Limit" karya Hamba Allah untuk website Suara Kalimantan (suarakalimantan.com) dengan tagline "Suara Rakyat Kalimantan!". Dilengkapi dukungan PWA offline, optimasi SEO Google News ekstrem, penempatan iklan responsif tanpa CLS, sistem taksonomi kategori & sub-kategori canggih, multi-tagging, serta widget Berita Terkait cerdas otomatis.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: borneo-no-limit
Tags: news, national-portal, responsive-ads, related-posts, category-hierarchy, tags, pwa, instant-speed, micro-cache
*/

/* ==========================================================================
   RESET & ULTRA-PERFORMANCE CRITICAL BASE
   ========================================================================== */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  background-color: #f8fafc;
  color: #0f172a;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Zero Cumulative Layout Shift (CLS) container */
.img-aspect-ratio {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #e2e8f0;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s ease;
}

a:hover {
  color: #dc2626;
}

/* ==========================================================================
   TYPOGRAPHY - SUARA KALIMANTAN EDITORIAL
   ========================================================================== */
.font-headline {
  font-family: "Newsreader", "Georgia", "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.25;
}

/* ==========================================================================
   RESPONSIVE AD SLOTS (ZERO-CLS AD ARCHITECTURE)
   ========================================================================== */
.bnl-ad-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1.5rem auto;
  width: 100%;
}

.bnl-ad-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #94a3b8;
  margin-bottom: 4px;
}

.bnl-ad-frame {
  width: 100%;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Top Header / Footer Leaderboard */
.bnl-ad-leaderboard {
  min-height: 90px;
  max-width: 970px;
}

/* Sidebar Medium Rectangle */
.bnl-ad-rectangle {
  min-height: 250px;
  max-width: 300px;
}

/* In-Feed / In-Article Responsive Banner */
.bnl-ad-infeed {
  min-height: 100px;
  max-width: 728px;
}

@media (max-width: 640px) {
  .bnl-ad-leaderboard {
    min-height: 60px;
  }
}