/*
Theme Name: GenerateNew
Theme URI: https://gig.web.id
Author: Rifan Muazin
Author URI: https://gig.web.id
Description: Tema GenerateNew adalah perombakan total dari GeneratePress. Dirancang khusus untuk portal berita skala besar dengan kompleksitas tata letak tinggi, setara dengan media arus utama kelas dunia menggunakan mesin Dynamic Layout Block dan Tailwind CSS.
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: generatenew
Tags: news, magazine, tailwind, grid-layout, custom-homepage

GeneratePress, Copyright 2014-2025 EDGE22 Studios LTD.
GeneratePress is distributed under the terms of the GNU GPL

GeneratePress is based on Underscores http://underscores.me/, (C) 2012-2025 Automattic, Inc.

Actual CSS can be found in /assets/css/ folder.
*/

/* 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;
}