/*
Theme Name: ThaiPTV News Theme
Theme URI: https://www.thaiptv.com
Author: ThaiPTV Development Team
Author URI: https://www.thaiptv.com
Description: High-performance modern custom news and magazine theme for ThaiPTV. Features time-scoped randomized interesting news from other categories (30 days / this year).
Version: 1.4.1
License: GNU General Public License v2 or later
Text Domain: thaiptv-news
*/

/* CSS RESET & TYPOGRAPHY VARIABLES ACCORDING TO SPECIFICATIONS */
:root {
  --t-primary: #0f172a;
  --t-secondary: #1e293b;
  --t-accent: #dc2626;      /* Red accent for War / Breaking news */
  --t-accent-blue: #2563eb; /* Blue accent for International / General */
  --t-accent-teal: #0d9488; /* Teal for Science & Tech */
  --t-accent-gold: #d97706; /* Gold for Thailand / Economy news */
  --t-accent-purple: #7c3aed; /* Purple for Entertainment */
  --t-bg-body: #f8fafc;
  --t-bg-card: #ffffff;
  --t-text-main: #0f172a;
  --t-text-muted: #64748b;
  --t-border: #e2e8f0;

  /* SPECIFIED TYPOGRAPHY RULES */
  --t-font-logo: 'Prompt', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --t-font-heading: 'Prompt', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --t-font-menu: 'IBM Plex Sans Thai', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --t-font-body: 'Noto Sans Thai', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --t-font-caption: 'Noto Sans Thai', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --t-font-widget: 'Noto Sans Thai', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --t-radius: 8px;
  --t-shadow-sm: 0 1px 3px rgba(0,0,0,0.05);
  --t-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
  --t-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
  --t-max-width: 1240px;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--t-font-body);
  font-weight: 400; /* Regular (400) */
  font-size: 16px;
  line-height: 1.75;
  color: var(--t-text-main);
  background-color: var(--t-bg-body);
  -webkit-font-smoothing: antialiased;
  word-break: break-word;
}

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

a:hover {
  color: var(--t-accent-blue);
}

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

/* HEADLINES & MAIN HEADINGS: Prompt SemiBold (600) */
h1, h2, h3, h4, h5, h6, .t-hero-title, .t-card-title, .t-single-title, .t-trending-title {
  font-family: var(--t-font-heading);
  font-weight: 600; /* SemiBold (600) */
  line-height: 1.35;
  color: var(--t-primary);
}

/* LAYOUT CONTAINER */
.t-container {
  width: 100%;
  max-width: var(--t-max-width);
  margin: 0 auto;
  padding: 0 20px;
}

.t-grid-main {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 30px;
  margin-top: 30px;
  margin-bottom: 50px;
}

@media (max-width: 992px) {
  .t-grid-main {
    grid-template-columns: 1fr;
  }
}