/**
 * PSC Jappo Theme - Custom Styles
 */

/* Container & Layout */
.psc-container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
.psc-section { padding: 3rem 0; }

/* Page Headers */
.psc-page-header { background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%); color: #fff; padding: 3rem 0; text-align: center; }
.psc-page-header .entry-title { color: #fff; font-size: 2.5rem; margin-bottom: 1rem; }

/* Posts Grid */
.psc-posts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 2rem; padding: 3rem 0; }
.psc-card-meta { display: flex; gap: 1rem; font-size: 0.85rem; color: #6B7280; margin-bottom: 0.5rem; }
.psc-card-link { font-weight: 600; color: #F59E0B; }

/* Pagination */
.psc-pagination { display: flex; justify-content: center; padding: 2rem 0; }
.psc-pagination .nav-links { display: flex; gap: 0.5rem; }
.psc-pagination a, .psc-pagination span { padding: 0.5rem 1rem; border-radius: 4px; font-weight: 500; }
.psc-pagination a { background: #F3F4F6; color: #1F2937; }
.psc-pagination a:hover, .psc-pagination .current { background: #1E3A8A; color: #fff; }

/* Back to Top */
.psc-back-to-top { position: fixed; bottom: 90px; right: 20px; width: 45px; height: 45px; background: #1E3A8A; color: #fff; border: none; border-radius: 50%; cursor: pointer; opacity: 0; visibility: hidden; transition: all 0.3s; z-index: 998; }
.psc-back-to-top.visible { opacity: 1; visibility: visible; }
.psc-back-to-top:hover { background: #F59E0B; color: #1E3A8A; }

/* Social Share */
.psc-social-share { display: flex; align-items: center; gap: 1rem; }
.psc-social-share a { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; }
.psc-social-share .share-facebook { background: #1877F2; }
.psc-social-share .share-twitter { background: #1DA1F2; }
.psc-social-share .share-whatsapp { background: #25D366; }
.psc-social-share .share-linkedin { background: #0A66C2; }

@media (max-width: 768px) {
  .psc-page-header .entry-title { font-size: 2rem; }
}