/*
Theme Name: India Live Bento (INDIA LIVE)
Theme URI: https://indialive.example.com
Author: Antigravity & India Live Media Group
Author URI: https://indialive.example.com
Description: A minimalist luxury editorial WordPress theme featuring a modern 12-column Bento grid, high-contrast serif typography (Cormorant Garamond / Bodoni Moda / Playfair Display and Plus Jakarta Sans / Inter), dynamic market telemetry, live audio counter, and dedicated architecture for 18 editorial desks.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: indialive-bento
Tags: news, magazine, editorial, bento-grid, minimalism, clean, responsive-layout, two-columns, three-columns, translation-ready
*/

/* Core Custom Editorial Classes */
:root {
  --accent-primary: #EE0000;
  --accent-secondary: #F3DFC8;
  --color-warm-sand: #EFECE6;
  --color-bento-grey: #F5F5F3;
  --color-obsidian: #121212;
}

body {
  background-color: #ECECEB;
  color: #141414;
  -webkit-font-smoothing: antialiased;
}

/* Editorial Headline & Excerpt Treatments */
.editorial-headline {
  letter-spacing: -0.02em;
}

.editorial-excerpt {
  line-height: 1.55;
  color: #484848;
}

/* Highlighting styles matching [red] and [peach] shortcodes */
.highlight-red {
  background-color: var(--accent-primary, #EE0000);
  color: #ffffff !important;
  padding: 0.125rem 0.625rem 0.25rem;
  display: inline-block;
  line-height: 1.05;
  margin: 0.125rem 0;
  border-radius: 2px;
}

.highlight-peach {
  background-color: var(--accent-secondary, #F3DFC8);
  color: #111111;
  padding: 0.125rem 0.375rem;
  display: inline-block;
  border-radius: 3px;
  line-height: 1.1;
}

/* Monochrome Image Styling */
.img-mono {
  filter: grayscale(100%) contrast(125%) brightness(110%);
  mix-blend-mode: multiply;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), filter 0.5s ease;
}

.group:hover .img-mono {
  transform: scale(1.03);
}

/* Bento Card Hover Physics */
.bento-card {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.bento-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px -10px rgba(0, 0, 0, 0.06);
}

/* Equalizer Bars for Live Audio Pill */
@keyframes eqPulse {
  0%, 100% { height: 4px; }
  50% { height: 12px; }
}
.eq-bar {
  width: 2px;
  background-color: #ffffff;
  border-radius: 2px;
  animation: eqPulse 0.9s ease-in-out infinite;
}
.eq-bar:nth-child(2) { animation-delay: 0.2s; }
.eq-bar:nth-child(3) { animation-delay: 0.4s; }
.eq-bar.paused { animation-play-state: paused; height: 4px !important; }

/* Custom subtle scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #ECECEB;
}
::-webkit-scrollbar-thumb {
  background: #C4C4C0;
  border-radius: 9999px;
}

/* Hide scrollbar for category ribbon */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}