@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@400;500;600;700;800;900&family=Noto+Serif:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;500;600;700&display=swap');

/* Desh TV & DeshPlus Gateway Stylesheet */
@charset "UTF-8";

:root {
  --desh-red: #c8102e;
  --desh-red-dark: #9b0821;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Ticker marquee animation */
.ticker-wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

.ticker-track {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  animation: tickerContinuous 35s linear infinite;
  will-change: transform;
}

.ticker-wrap:hover .ticker-track {
  animation-play-state: paused;
}

@keyframes tickerContinuous {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.ticker-content {
  display: inline-flex;
  align-items: center;
  gap: 1.5rem;
  padding-right: 1.5rem;
}

.ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: opacity 0.2s;
}

.ticker-item:hover {
  opacity: 0.85;
}

/* Center monument image styling */
.monument-img {
  max-width: 230px;
  transition: transform 0.3s ease;
  mask-image: radial-gradient(ellipse at center, black 65%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse at center, black 65%, transparent 100%);
}
.monument-img:hover {
  transform: scale(1.03);
}

/* Portal card transitions */
.portal-card {
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.shadow-xs {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* Single Portal Focus Modes */
body.focus-deshtv #portalGrid {
  grid-template-columns: 1fr !important;
}
body.focus-deshtv #deshPlusColumn {
  display: none !important;
}
body.focus-deshtv #deshTvColumn {
  max-width: 1000px;
  margin: 0 auto;
}

body.focus-deshplus #portalGrid {
  grid-template-columns: 1fr !important;
}
body.focus-deshplus #deshTvColumn {
  display: none !important;
}
body.focus-deshplus #deshPlusColumn {
  max-width: 1000px;
  margin: 0 auto;
}


/* Noto Serif Bengali Global Typography */
body, html, button, input, select, textarea {
  font-family: 'Noto Serif Bengali', 'Noto Serif', serif;
}