/* ================================================================
   Telugu Typography System — Future Andhra News
   Clean override layer on top of main.css
   RULES:
     - Font-text properties ONLY (font-family, font-size, line-height,
       letter-spacing, word-break, text-rendering)
     - NO layout overrides (no display, overflow, position, flex, grid,
       margin, padding, width, height)
     - NO duplicate selectors — each selector appears exactly once
     - NO dead selectors — all targets exist in the live HTML/main.css
   ================================================================ */

/* ----------------------------------------------------------------
   1. GLOBAL RENDERING
   ---------------------------------------------------------------- */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ----------------------------------------------------------------
   2. BODY — Tiro Telugu for paragraph readability
   ---------------------------------------------------------------- */
body {
  font-family: 'Tiro Telugu', 'Noto Sans Telugu', 'Gautami', 'Pothana2000', serif;
  font-size: 16px;
  line-height: 1.75;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* ----------------------------------------------------------------
   3. NAVIGATION — NTR clean modern Telugu sans-serif
      Targets .nav-inner a and #mobile-menu a from actual HTML
   ---------------------------------------------------------------- */
.nav-inner a {
  font-family: 'NTR', 'Noto Sans Telugu', 'Gautami', sans-serif;
  font-size: 15px;
  letter-spacing: 0.01em;
}

#mobile-menu a {
  font-family: 'NTR', 'Noto Sans Telugu', 'Gautami', sans-serif;
  font-size: 15px;
  letter-spacing: 0.01em;
}

.mob-logo {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', sans-serif;
  font-size: 24px;
  letter-spacing: 0.03em;
}

/* ----------------------------------------------------------------
   4. LOGO
   ---------------------------------------------------------------- */
.logo-name {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', sans-serif;
  font-size: clamp(20px, 3vw, 28px);
  letter-spacing: 0.03em;
  line-height: 1.2;
}

.logo-tag {
  font-family: 'NTR', 'Noto Sans Telugu', sans-serif;
  font-size: 11px;
  letter-spacing: 0.02em;
}

/* ----------------------------------------------------------------
   5. BREAKING NEWS BAR
   ---------------------------------------------------------------- */
.brk-track a {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: 14px;
  line-height: 1.4;
}

.brk-caption h2 {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: clamp(16px, 2.2vw, 22px);
  line-height: 1.35;
}

.brk-side-caption p {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: clamp(13px, 1.5vw, 15px);
  line-height: 1.45;
}

/* ----------------------------------------------------------------
   6. HERO SLIDER
   ---------------------------------------------------------------- */
.slide-content h2 {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: clamp(18px, 2.8vw, 26px);
  line-height: 1.35;
}

/* ----------------------------------------------------------------
   7. SECTION TITLES
   ---------------------------------------------------------------- */
.sec-title {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: clamp(16px, 2vw, 20px);
  letter-spacing: 0.01em;
  line-height: 1.3;
}

/* ----------------------------------------------------------------
   8. CARDS
   ---------------------------------------------------------------- */
.card-title {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: clamp(13px, 1.5vw, 16px);
  line-height: 1.55;
}

.card-excerpt {
  font-family: 'Tiro Telugu', 'Noto Sans Telugu', serif;
  font-size: 13px;
  line-height: 1.65;
}

/* ----------------------------------------------------------------
   9. CATEGORY BLOCKS
   ---------------------------------------------------------------- */
.cat-block-head h3 {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: clamp(15px, 1.8vw, 18px);
  letter-spacing: 0.01em;
  line-height: 1.3;
}

.cat-featured-card .caption h2 {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: clamp(15px, 1.8vw, 19px);
  line-height: 1.4;
}

.cat-hero h1 {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: clamp(24px, 3vw, 32px);
  letter-spacing: 0.02em;
  line-height: 1.25;
}

.cat-main-card h4 {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: clamp(13px, 1.4vw, 15px);
  line-height: 1.55;
}

.cat-sub-item p {
  font-family: 'Tiro Telugu', 'Noto Sans Telugu', serif;
  font-size: 12px;
  line-height: 1.6;
}

/* ----------------------------------------------------------------
   10. TRENDING
   ---------------------------------------------------------------- */
.trend-body p {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: 14px;
  line-height: 1.55;
}

/* ----------------------------------------------------------------
   11. SIDEBAR & WIDGETS
   ---------------------------------------------------------------- */
.widget-head,
.widget-title {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: 15px;
  letter-spacing: 0.01em;
  line-height: 1.3;
}

.widget-item p {
  font-family: 'Tiro Telugu', 'Noto Sans Telugu', serif;
  font-size: 13px;
  line-height: 1.6;
}

.cat-widget-item {
  font-family: 'Tiro Telugu', 'Noto Sans Telugu', serif;
  font-size: 13px;
  line-height: 1.55;
}

/* ----------------------------------------------------------------
   12. SINGLE ARTICLE PAGE
   ---------------------------------------------------------------- */
.post-title {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: clamp(22px, 3vw, 34px);
  line-height: 1.3;
}

.post-content {
  font-family: 'Tiro Telugu', 'Noto Sans Telugu', 'Gautami', serif;
  font-size: clamp(15px, 1.8vw, 17px);
  line-height: 1.9;
}

.post-content h2 {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: clamp(18px, 2.2vw, 24px);
  line-height: 1.3;
}

.post-content h3 {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: clamp(16px, 1.8vw, 20px);
  line-height: 1.35;
}

/* ----------------------------------------------------------------
   13. FOOTER
   ---------------------------------------------------------------- */
.footer-logo {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: 28px;
  letter-spacing: 0.02em;
}

.footer-col h4 {
  font-family: 'Ramabhadra', 'Noto Sans Telugu', serif;
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.3;
}

.footer-col ul li a {
  font-family: 'Tiro Telugu', 'Noto Sans Telugu', serif;
  font-size: 13px;
  line-height: 1.65;
}

.footer-tagline {
  font-family: 'Tiro Telugu', 'Noto Sans Telugu', serif;
  font-size: 13px;
  line-height: 1.7;
}

/* ----------------------------------------------------------------
   14. SEARCH INPUT
   ---------------------------------------------------------------- */
.search-box input {
  font-family: 'Tiro Telugu', 'Noto Sans Telugu', serif;
  font-size: 14px;
}

/* ----------------------------------------------------------------
   15. PAGINATION & META
   ---------------------------------------------------------------- */
.pagination a,
.pagination span {
  font-family: 'NTR', 'Noto Sans Telugu', sans-serif;
  font-size: 13px;
}

/* ----------------------------------------------------------------
   16. RESPONSIVE FONT SCALING
      Font-size/line-height only — zero layout changes
   ---------------------------------------------------------------- */

/* Tablet 769–1024px */
@media (max-width: 1024px) {
  .post-title       { font-size: 26px; }
  .post-content     { font-size: 15px; line-height: 1.85; }
  .sec-title        { font-size: 17px; }
  .card-title       { font-size: 14px; }
  .slide-content h2 { font-size: 20px; }
  .brk-caption h2   { font-size: 18px; }
}

/* Mobile 481–768px */
@media (max-width: 768px) {
  body              { font-size: 15px; line-height: 1.75; }
  .post-title       { font-size: 22px; line-height: 1.3; }
  .post-content     { font-size: 15px; line-height: 1.8; }
  .card-title       { font-size: 13px; }
  .nav-inner a      { font-size: 14px; }
  .sec-title        { font-size: 16px; }
  .slide-content h2 { font-size: 17px; }
  .brk-caption h2   { font-size: 16px; }
  .logo-name        { font-size: 22px; }
  .widget-head,
  .widget-title     { font-size: 13px; }
}

/* Small phones <=480px */
@media (max-width: 480px) {
  body              { font-size: 14px; }
  .post-title       { font-size: 20px; }
  .post-content     { font-size: 14px; line-height: 1.8; }
  .card-title       { font-size: 13px; }
  .cat-hero h1      { font-size: 22px; }
  .logo-name        { font-size: 20px; }
  .trend-body p     { font-size: 13px; }
  .sec-title        { font-size: 15px; }
}

/* Print */
@media print {
  body        { font-family: 'Tiro Telugu', 'Gautami', serif; font-size: 11pt; line-height: 1.8; }
  .post-title { font-family: 'Ramabhadra', 'Gautami', serif; font-size: 18pt; }
  .post-content { font-size: 11pt; line-height: 1.9; }
}


/* ================================================================
   SHARE BUTTONS — href + nth-child colour fix
   Loaded last so this is the highest-priority override.
   Targets bare <a> / <button> inside .share-btns regardless of
   whether the template adds platform class names.
   ================================================================ */
.share-btns a,
.share-btns button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 9px 18px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  border: 2px solid transparent !important;
  cursor: pointer !important;
  line-height: 1 !important;
  min-height: 40px !important;
  box-sizing: border-box !important;
  transition: background .22s ease, transform .15s ease, box-shadow .22s ease !important;
  opacity: 1 !important;
}
.share-btns a i, .share-btns button i { color: #ffffff !important; font-size: 14px !important; opacity: 1 !important; }

/* href-based — platform URLs */
.share-btns a[href*="facebook"]                            { background: #1877f2 !important; border-color: #1877f2 !important; }
.share-btns a[href*="twitter"], .share-btns a[href*="x.com"] { background: #14171a !important; border-color: #14171a !important; }
.share-btns a[href*="whatsapp"]                            { background: #25d366 !important; border-color: #25d366 !important; }
.share-btns a[href*="t.me"], .share-btns a[href*="telegram"] { background: #229ed9 !important; border-color: #229ed9 !important; }
.share-btns a[href*="copy"], .share-btns a[onclick*="copy"], .share-btns button[onclick*="copy"] { background: #546e7a !important; border-color: #546e7a !important; }

/* nth-child fallback for Copy Link (no URL) and any unmatched */
.share-btns a:nth-child(1), .share-btns > *:nth-child(1) { background: #1877f2 !important; border-color: #1877f2 !important; }
.share-btns a:nth-child(2), .share-btns > *:nth-child(2) { background: #14171a !important; border-color: #14171a !important; }
.share-btns a:nth-child(3), .share-btns > *:nth-child(3) { background: #25d366 !important; border-color: #25d366 !important; }
.share-btns a:nth-child(4), .share-btns > *:nth-child(4) { background: #229ed9 !important; border-color: #229ed9 !important; }
.share-btns a:nth-child(5), .share-btns > *:nth-child(5) { background: #546e7a !important; border-color: #546e7a !important; }

/* Hover — overrides  a:hover { color:#cc0000 }  from global reset */
.share-btns a:hover, .share-btns button:hover                { color: #ffffff !important; transform: translateY(-2px) !important; }
.share-btns a[href*="facebook"]:hover                        { background: #1255c0 !important; border-color: #1255c0 !important; box-shadow: 0 4px 14px rgba(24,119,242,.45) !important; }
.share-btns a[href*="twitter"]:hover, .share-btns a[href*="x.com"]:hover { background: #2d3748 !important; border-color: #2d3748 !important; }
.share-btns a[href*="whatsapp"]:hover                        { background: #1aad45 !important; border-color: #1aad45 !important; box-shadow: 0 4px 14px rgba(37,211,102,.45) !important; }
.share-btns a[href*="t.me"]:hover, .share-btns a[href*="telegram"]:hover { background: #1880b8 !important; border-color: #1880b8 !important; }
.share-btns a:nth-child(1):hover { background: #1255c0 !important; }
.share-btns a:nth-child(2):hover { background: #2d3748 !important; }
.share-btns a:nth-child(3):hover { background: #1aad45 !important; }
.share-btns a:nth-child(4):hover { background: #1880b8 !important; }
.share-btns a:nth-child(5):hover { background: #37474f !important; }

@media (max-width: 600px) {
  .share-btns a, .share-btns button { width: 100% !important; padding: 12px 16px !important; }
}