/*
Theme Name: Netizen X 2
Theme URI: https://gig.web.id
Author: Rifan Muazin
Author URI: https://gig.web.id
Description: Netizen X 2 - Next-generation WordPress magazine theme with Auto Smart Styling, intelligent space-filling layout adaptation, and zero-empty-void category blocks.
Version: 2.0.0
Tested up to: 6.7
Requires at least: 5.8
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: netizenpress-x
Tags: news, magazine, entertainment, youth, grid-layout, two-columns, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, sticky-post, theme-options, translation-ready
*/

/* ==========================================================================
   CSS Variables & Typography Definitions
   ========================================================================== */
:root {
  --font-barlow: 'Barlow', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --font-roboto: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, sans-serif;
  --font-poppins: 'Poppins', sans-serif;

  --primary-color: #da1793;
  --primary-hover: #c20f80;
  --secondary-color: #4147d3;
  --nav-gradient: linear-gradient(20deg, #ec008b 0%, #4147d3 100%);
  --footer-bg: #222222;
  --body-bg: #ffffff;
  --text-main: #222222;
  --text-muted: #777777;
  --border-color: #e5e5e5;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--body-bg);
  color: var(--text-main);
  font-family: var(--font-roboto);
  font-size: 15px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}

a:hover {
  color: var(--primary-color);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Ensure WordPress aligned elements behave properly */
.aligncenter {
  display: block;
  margin: 1.5em auto;
  text-align: center;
}

.alignright {
  float: right;
  margin: 0 0 1.5em 1.5em;
}

.alignleft {
  float: left;
  margin: 0 1.5em 1.5em 0;
}

.wp-caption {
  max-width: 100%;
  margin-bottom: 1.5em;
  text-align: center;
}

.wp-caption img {
  border-radius: 4px;
}

.wp-caption-text {
  font-size: 13px;
  color: #888;
  margin-top: 6px;
  line-height: 1.4;
  font-style: italic;
}