/*
* PathikTV 3.0 Presentation Theme CSS
* Matches the production React layout 100% with utility classes and component rules.
*/

/* Container & Grid Utilities */
.aspect-21/9 {
  aspect-ratio: 21 / 9;
}

/* Breaking Ticker animation */
#pathik-breaking-ticker {
  white-space: nowrap;
}

.ticker-item {
  display: inline-block;
}

/* Feed Cards Styling */
.feed-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.feed-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px -2px rgba(15, 23, 42, 0.08);
}

/* Button & Interactive States */
.tab-btn {
  cursor: pointer;
  border: 1px solid transparent;
}

.tab-btn:hover {
  border-color: #cbd5e1;
}

/* Responsive Dock Margins */
@media (max-width: 767px) {
  body {
    padding-bottom: 70px;
  }
}

/* Print Optimization */
@media print {
  .site-header, .site-footer, nav, #pathik-breaking-ticker {
    display: none !important;
  }
  body {
    background: #fff;
    color: #000;
  }
}