/* ============================================
   GLOBAL STYLE - GG Mountain Theme
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/* Terapkan ke semua elemen */
body,
button,
input,
select,
textarea,
.pkp_page,
.pkp_structure_content,
h1, h2, h3, h4, h5, h6,
p, a, li, span, div {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

body {
    font-size: 15px;
    line-height: 1.6;
    color: #333;
    background: #f7f9f8;
}

/* Heading */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.3;
    color: #1b4332;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.3rem; }

/* Link */
a {
    color: #1b4332;
    text-decoration: none;
    transition: color 0.2s;
}

a:hover {
    color: #c1922f;
}

/* Tombol umum */
button, .btn, input[type="submit"] {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

/* ============================================
   FULL WIDTH - Hilangkan celah di pinggir
   ============================================ */

html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
}

body > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Container OJS jadi full width */
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar,
.container,
.container-fluid,
main {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Tapi beri padding dalam supaya teks tidak nempel tepi */
.gg-header-wrapper,
.pkp_structure_content > *,
.pkp_structure_main > *,
main > * {
    padding-left: 80px;
    padding-right: 80px;
}

/* Header & footer full width */
.gg-header,
footer,
.pkp_structure_head,
.pkp_structure_footer {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}