/*
Theme Name: Harapan Rakyat
Theme URI: https://indonesianpost.co.id
Author: Wali
Author URI: https://indonesianpost.co.id
Description: Tema berita mobile-first bergaya aplikasi (news app style) untuk portal berita Indonesia. Dilengkapi hero berita utama, kategori berjalan, berita terkini, trending berdasarkan jumlah pembaca, komentar native WordPress, dan navigasi bawah ala aplikasi.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: harapan-rakyat
*/

/* ==========================================================================
   Base resets & helpers (Tailwind utility classes are loaded via CDN in
   functions.php — this file covers things Tailwind's CDN build doesn't
   include: scrollbar hiding, custom animations, and WP core classes.)
   ========================================================================== */

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.shadow-xs {
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
.shadow-2xs {
  box-shadow: 0 1px 1px 0 rgb(0 0 0 / 0.03);
}

@keyframes hrFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fadeIn {
  animation: hrFadeIn 0.25s ease-out;
}

@keyframes hrBounceIn {
  0% { opacity: 0; transform: translate(-50%, -8px); }
  60% { opacity: 1; transform: translate(-50%, 2px); }
  100% { opacity: 1; transform: translate(-50%, 0); }
}
.hr-toast {
  animation: hrBounceIn 0.3s ease-out;
}

/* WordPress core alignment / caption classes so post content always
   renders correctly even without Tailwind's typography plugin */
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.75rem; color: #6b7280; text-align: center; margin-top: 0.25rem; }
.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
  height: 1px; width: 1px; overflow: hidden; position: absolute !important; word-wrap: normal !important;
}

.hr-entry-content p {
  margin: 0 0 1rem 0;
  line-height: 1.75;
}
.hr-entry-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.75rem;
}
.hr-entry-content a {
  color: #dc2626;
  text-decoration: underline;
}

/* Off-canvas menu & search modal transitions */
.hr-drawer {
  transition: transform 0.25s ease-out;
}