/*
Theme Name: Sastraneba Base
Theme URI: https://instagram.com/sastraneba_base
Author: Ekskul Jurnalistik MTsN 1 Kota Blitar
Description: Tema resmi Sastraneba Base - Media Kreatif Ekstrakurikuler Jurnalistik MTs Negeri 1 Kota Blitar
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: sastraneba
Tags: blog, news, education
*/

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; padding: 0; overflow-x: hidden; font-family: 'Plus Jakarta Sans', sans-serif; background: #ffffff; color: #1f2937; }

:root {
  --navy: #1e3a5f;
  --navy-light: #2c5282;
  --cream: #f5f0e8;
  --cream-light: #faf7f2;
  --accent: #3b82f6;
}

.glass-nav { background: rgba(255,255,255,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }

.fade-in { opacity: 0; transform: translateY(30px); transition: all .7s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }

.card-hover { transition: .3s ease; }
.card-hover:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(30,58,95,0.12); }

.ticker-wrap { overflow: hidden; }
.ticker { display: inline-block; white-space: nowrap; animation: ticker 30s linear infinite; }
@keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

.hero-illustration { background: linear-gradient(135deg, #e8f4fd 0%, #f5f0e8 100%); }

.masonry-grid { columns: 2; column-gap: 1rem; }
@media(min-width:768px){ .masonry-grid { columns: 3; } }
.masonry-grid > div { break-inside: avoid; margin-bottom: 1rem; }

/* Utilities */
h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif; margin: 0; }
p { margin: 0; line-height: 1.7; }
a { text-decoration: none; color: inherit; }
.rounded-2xl { border-radius: 1rem; }
.rounded-3xl { border-radius: 1.5rem; }
.cat-badge { display:inline-block; padding:.25rem .75rem; background:var(--cream); color:var(--navy); border-radius:9999px; font-size:.75rem; font-weight:600; text-transform:uppercase; letter-spacing:.05em; }
.post-meta { display:flex; align-items:center; gap:1rem; font-size:.875rem; color:#9ca3af; margin-top:.5rem; }

/* Pagination */
.pagination { display:flex; gap:.5rem; justify-content:center; padding:2rem 0; flex-wrap:wrap; }
.pagination a, .pagination span { padding:.5rem 1rem; border-radius:.5rem; background:var(--cream); color:var(--navy); font-weight:600; font-size:.875rem; }
.pagination .current { background:var(--navy); color:white; }

/* Entry content */
.entry-content p { margin-bottom:1rem; line-height:1.8; color:#4b5563; }
.entry-content h2,.entry-content h3 { color:var(--navy); margin:1.5rem 0 .75rem; }
.entry-content img { max-width:100%; height:auto; border-radius:.5rem; }
.entry-content blockquote { border-left:4px solid var(--accent); padding-left:1.25rem; font-style:italic; color:#6b7280; margin:1.5rem 0; background:var(--cream-light); padding:1rem 1.25rem; border-radius:0 .75rem .75rem 0; }

/* Widget */
.widget { margin-bottom:2rem; }
.widget-title { font-family:'Playfair Display',serif; color:var(--navy); font-size:1.25rem; margin-bottom:1rem; padding-bottom:.5rem; border-bottom:2px solid var(--cream); }

/* Search form */
.search-form { display:flex; gap:.5rem; }
.search-form input[type="search"] { flex:1; padding:.625rem 1rem; border:1px solid #e5e7eb; border-radius:.75rem; font-family:'Plus Jakarta Sans',sans-serif; outline:none; }
.search-form input[type="search"]:focus { border-color:var(--accent); }
.search-form button { padding:.625rem 1rem; background:var(--navy); color:white; border:none; border-radius:.75rem; cursor:pointer; font-weight:600; }

@media(max-width:768px){ .hide-mobile { display:none !important; } }
footer a.ig-link {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    width: fit-content;
}