/*
Theme Name: Jasikan Diocese
Theme URI: https://rcdjasikan.org/
Author: Star24Host Limited
Author URI: https://star24host.com/
Description: Official website theme for the Catholic Diocese of Jasikan.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.1
Text Domain: jasikan-diocese
*/

:root {
    --diocese-primary: #1a365d;
    --diocese-secondary: #c9a227;
    --diocese-accent: #8b1e1e;
    --diocese-white: #ffffff;
    --diocese-black: #111111;
    --diocese-light: #f5f5f5;
    --diocese-border: #e5e5e5;

    --font-heading: "Georgia", serif;
    --font-body: Arial, Helvetica, sans-serif;

    --container-width: 1200px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    background: var(--diocese-white);
    color: var(--diocese-black);
    font-family: var(--font-body);
    line-height: 1.6;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: var(--diocese-primary);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.container {
    width: min(100% - 40px, var(--container-width));
    margin-inline: auto;
}


/* =========================================
   Site Header
   ========================================= */

.site-header {
    background: var(--diocese-white);
    border-bottom: 1px solid var(--diocese-border);
}

.site-header-inner {
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.site-branding {
    display: flex;
    align-items: center;
}

.site-title {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--diocese-primary);
}

.custom-logo {
    max-height: 75px;
    width: auto;
}

.primary-menu,
.footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.primary-menu {
    display: flex;
    align-items: center;
    gap: 24px;
}

.primary-menu a {
    font-weight: 600;
}

/* =========================================
   Main Content
   ========================================= */

.site-main {
    min-height: 60vh;
    padding: 70px 0;
}

.page-header {
    margin-bottom: 40px;
}

.page-header h1 {
    font-family: var(--font-heading);
    color: var(--diocese-primary);
}

/* =========================================
   Footer
   ========================================= */

.site-footer {
    background: var(--diocese-primary);
    color: var(--diocese-white);
    padding: 50px 0 20px;
}

.site-footer a {
    color: var(--diocese-white);
}

.site-footer-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.footer-title {
    font-family: var(--font-heading);
    font-size: 1.25rem;
    font-weight: 700;
}

.footer-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.site-footer-bottom {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    font-size: 0.9rem;
}

/* =========================================
   Responsive
   ========================================= */

@media (max-width: 768px) {

    .site-header-inner {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 0;
    }

    .primary-menu {
        flex-wrap: wrap;
        gap: 15px;
    }

    .site-footer-inner {
        grid-template-columns: 1fr;
    }
}