/* ===================================================
   SUARA LAMPUNG KITA - CUSTOM STYLESHEET
   Dominant Palette: Emerald (#059669), Forest (#047857), Mint (#10b981)
=================================================== */

/* Custom Emerald Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #10b981;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #059669;
}

/* MARQUEE ANIMATION FOR WEATHER TICKER */
.weather-ticker-wrap {
  width: 100%;
  overflow: hidden;
}

.weather-ticker-move {
  display: inline-flex;
  white-space: nowrap;
  animation: weatherMarquee 42s linear infinite;
}
.weather-ticker-move:hover {
  animation-play-state: paused;
}

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

/* MARQUEE ANIMATION FOR BREAKING TICKER */
.ticker-wrap {
  width: 100%;
  overflow: hidden;
}

.ticker-move {
  display: inline-block;
  white-space: nowrap;
  animation: tickerScroll 32s linear infinite;
}
.ticker-move:hover {
  animation-play-state: paused;
}

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

/* Smooth Fade In */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.98);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animate-fadeIn {
  animation: fadeIn 0.25s ease-out forwards;
}

/* Pulse Badge */
@keyframes pulseGreen {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
  }
}

.pulse-badge-green {
  animation: pulseGreen 2s infinite;
}

/* New Article Highlight Animation */
@keyframes highlightNew {
  0% {
    background-color: #ecfdf5;
    border-color: #34d399;
  }
  100% {
    background-color: #ffffff;
    border-color: #e2e8f0;
  }
}

.animate-new-article {
  animation: highlightNew 3s ease-out;
}

/* Line clamps */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Visual Elevation & Hover Lift */
.hover-lift {
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 30px -6px rgba(5, 150, 105, 0.15), 0 8px 12px -4px rgba(5, 150, 105, 0.08);
}

/* Glassmorphism Badge */
.glass-badge {
  background: rgba(2, 44, 34, 0.75);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(110, 231, 183, 0.25);
}

/* Distinctive Newspaper Rule */
.editorial-rule-emerald {
  height: 3px;
  background: linear-gradient(90deg, #059669 0%, #10b981 50%, transparent 100%);
  border-radius: 9999px;
}

/* Number Gradient Leaderboard */
.rank-number {
  font-family: 'Merriweather', Georgia, serif;
  font-weight: 900;
  line-height: 1;
  background: linear-gradient(135deg, #047857 0%, #10b981 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Print Stylesheet */
@media print {
  header, nav, footer, aside, .no-print, button, .weather-ticker-wrap {
    display: none !important;
  }
  body {
    background: white !important;
    color: black !important;
  }
  main {
    padding: 0 !important;
    max-width: 100% !important;
  }
}

/* ===================================================
   AUTHENTIC LAMPUNG MOTIFS & NEWSPAPER STYLING
   =================================================== */

/* Motif Geometris Kain Tapis Lampung (Pucuk Rebung & Sasab Emas) */
.tapis-gold-strip {
  height: 6px;
  width: 100%;
  background-color: #064e3b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='6' viewBox='0 0 24 6'%3E%3Cpolygon points='12,0 18,3 12,6 6,3' fill='%23f59e0b'/%3E%3Ccircle cx='12' cy='3' r='1' fill='%23fef08a'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
}

.tapis-gold-strip-thick {
  height: 10px;
  width: 100%;
  background-color: #022c22;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='10' viewBox='0 0 32 10'%3E%3Cpolygon points='16,1 24,5 16,9 8,5' fill='none' stroke='%23f59e0b' stroke-width='1.2'/%3E%3Cpolygon points='16,3 20,5 16,7 12,5' fill='%23f59e0b'/%3E%3Ccircle cx='16' cy='5' r='1' fill='%23fef08a'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
}

.tapis-pattern-card {
  background-color: #064e3b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' viewBox='0 0 48 24'%3E%3Cpolygon points='24,1 36,12 24,23 12,12' fill='none' stroke='%23f59e0b' stroke-width='1' opacity='0.25'/%3E%3Cpolygon points='24,5 31,12 24,19 17,12' fill='%23d97706' opacity='0.15'/%3E%3Ccircle cx='24' cy='12' r='1.5' fill='%23fef08a' opacity='0.5'/%3E%3Cpath d='M0,12 L12,12 M36,12 L48,12' stroke='%23f59e0b' stroke-width='1' opacity='0.2'/%3E%3C/svg%3E");
}

/* Dateline Jurnalisme Otentik Daerah */
.dateline-tag {
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0.5px;
  color: #047857;
  text-transform: uppercase;
}

/* Garis Batas Koran Klasik (Double Rule) */
.double-editorial-rule {
  border-top: 3px double #059669;
  height: 0;
  margin: 8px 0;
}

/* Dropcap Awal Berita Gaya Majalah & Surat Kabar Cetak */
.lampung-dropcap::first-letter {
  font-family: 'Merriweather', serif;
  font-size: 3.2rem;
  line-height: 2.8rem;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 2px;
  float: left;
  color: #047857;
  font-weight: 900;
}