/*
Theme Name: BlueNews
Theme URI: https://gig.web.id
Author: Rifan Muazin
Author URI: https://gig.web.id
Description: BlueNews adalah tema media digital futuristik dengan estetika Electric Sapphire, Frosted Glassmorphism, Fluid Card Transitions, performa ultra cepat, dan Dynamic Magazine Block Builder.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bluenews
Tags: news, magazine, blue, sapphire, tech, modern, glassmorphism, tailwind, grid-layout, custom-homepage
*/

/* Global Mobile Responsiveness Fixes */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Home & Archive Full Width Resets */
body.home #page, 
body.home #content, 
body.home .site-content,
body.blog #page,
body.blog #content,
body.blog .site-content,
body.archive #page,
body.archive #content,
body.archive .site-content {
    display: block !important;
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Single Post & Page Beautiful Margins & Padding */
body.single #page,
body.single .site-content,
body.page #page,
body.page .site-content {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 1rem 0.5rem !important;
    width: 100% !important;
}

body.single .inside-article,
body.page .inside-article {
    padding: 1.25rem 1rem !important;
    background-color: #ffffff !important;
    border-radius: 0.875rem !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05) !important;
}

@media (min-width: 768px) {
    body.single #page,
    body.single .site-content,
    body.page #page,
    body.page .site-content {
        padding: 1.5rem 1rem !important;
    }
    
    body.single .inside-article,
    body.page .inside-article {
        padding: 2rem 1.75rem !important;
    }
}

/* Fix Main Post Title (H1) */
h1.entry-title, .entry-header h1 {
    font-family: 'Oswald', sans-serif !important;
    font-size: 2.25rem !important; /* 36px */
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #111827 !important;
    margin-bottom: 0.5em !important;
}

@media (min-width: 768px) {
    h1.entry-title, .entry-header h1 {
        font-size: 3rem !important; /* 48px */
        line-height: 1.2 !important;
    }
}

/* --- Admin Bar Header Sticky Fix When Logged In --- */
body.admin-bar header.sticky {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    body.admin-bar header.sticky {
        top: 46px !important;
    }
}
@media screen and (max-width: 600px) {
    body.admin-bar header.sticky {
        top: 0 !important;
    }
}

/* --- Beautiful, Bold & Premium Pagination Styling --- */
.navigation.pagination,
.pagination,
.nav-links,
ul.page-numbers {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin: 3.5rem 0 2rem 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.navigation.pagination .nav-links,
ul.page-numbers {
    margin: 0 !important;
}

.navigation.pagination .page-numbers,
.nav-links .page-numbers,
ul.page-numbers li a,
ul.page-numbers li span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 2.75rem !important;
    height: 2.75rem !important;
    padding: 0 1rem !important;
    border-radius: 0.75rem !important;
    background-color: #ffffff !important;
    color: #1f2937 !important; /* gray-800 */
    font-weight: 700 !important;
    font-family: 'Oswald', 'Inter', sans-serif !important;
    font-size: 1.05rem !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05) !important;
}

.navigation.pagination .page-numbers:hover,
.nav-links a.page-numbers:hover,
ul.page-numbers li a:hover {
    background-color: #f3f4f6 !important;
    color: #2563eb !important;
    border-color: #bfdbfe !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

.navigation.pagination .page-numbers.current,
.nav-links .page-numbers.current,
ul.page-numbers li span.current {
    background-color: #2563eb !important; /* primary blue */
    color: #ffffff !important;
    border-color: #2563eb !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35) !important;
    transform: scale(1.05) !important;
}

.navigation.pagination .page-numbers.dots,
.nav-links .dots,
ul.page-numbers li span.dots {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #9ca3af !important;
    cursor: default !important;
}

/* --- Category & Tags Styling (Kotak Segi Panjang Menceng) --- */
.entry-meta .cat-links,
.entry-meta .tags-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-top: 1rem;
}
/* Hide the pseudo text / icons from generatepress if any to keep it clean */
.entry-meta .cat-links::before, 
.entry-meta .tags-links::before {
    display: none !important;
}
.entry-meta .cat-links a,
.entry-meta .tags-links a,
footer.entry-meta a[rel="category tag"],
footer.entry-meta a[rel="tag"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    padding: 0.4rem 1.25rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    z-index: 1;
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
}
/* Pseudo-element for the skewed background */
.entry-meta .cat-links a::before,
.entry-meta .tags-links a::before,
footer.entry-meta a[rel="category tag"]::before,
footer.entry-meta a[rel="tag"]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #1f2937; /* gray-800 */
    transform: skewX(-15deg);
    z-index: -1;
    transition: all 0.3s ease;
    border-radius: 2px;
}
/* Hover effect */
.entry-meta .cat-links a:hover::before,
.entry-meta .tags-links a:hover::before,
footer.entry-meta a[rel="category tag"]:hover::before,
footer.entry-meta a[rel="tag"]:hover::before {
    background-color: #2563eb; /* primary blue */
    transform: skewX(-15deg) scale(1.05);
}

/* Hide default plain text post navigation links */
.site-main .post-navigation,
nav.post-navigation,
#nav-below.post-navigation {
    display: none !important;
}