/*
Theme Name: KILONEWTONS Pro
Author: Sameer Ahmed
Version: 2.1
*/

:root {
    --brand-yellow: #FFBC05;
    --brand-blue: #0077B5;
    --brand-green: #25d366; /* New green color */
    --brand-font: "Inter", sans-serif;
}

html, body {
    margin: 0; padding: 0; width: 100%; overflow-x: hidden;
    font-family: var(--brand-font); background-color: #ffffff !important;
}

.container-full { width: 100%; padding: 0 5%; box-sizing: border-box; }

/* --- Header & Logo --- */
.site-header {
    background: #ffffff; border-bottom: 2px solid var(--brand-yellow);
    padding: 15px 0; position: relative; z-index: 1000;
}

.header-flex { 
    display: flex; 
    align-items: center; 
}

.logo img { 
    max-width: 100%; 
    height: auto; 
    display: block; 
}

.logo .site-title a { text-decoration: none; color: var(--brand-blue); font-weight: 800; font-size: 24px; }

/* --- H1 Visibility, Alignment & Color Fix --- */
h1.entry-title {
    display: block !important;
    visibility: visible !important;
    text-align: center !important;
    color: #ffbc05 !important;
    font-size: 2.5rem;
    line-height: 1.2;
    word-wrap: break-word;
    margin-left: auto;
    margin-right: auto;
}

/* --- Desktop Navigation --- */
.nav-toggle { display: none; }
.nav-toggle-label { display: none; }

.main-navigation ul {
    display: flex; list-style: none; margin: 0; padding: 0; gap: 20px;
}

.main-navigation ul li a {
    text-decoration: none; color: var(--brand-blue);
    font-weight: 700; text-transform: uppercase; font-size: 14px;
}

/* --- Mobile Hamburger Menu --- */
@media (max-width: 1024px) {
    .nav-toggle-label { 
        display: block; 
        cursor: pointer; 
        padding: 10px; 
        margin: 0 auto; /* Centers the hamburger button */
    }

    /* Green color fix for the three bars */
    .nav-toggle-label span, 
    .nav-toggle-label span::before, 
    .nav-toggle-label span::after {
        display: block; 
        background: #25d366 !important; /* Updated green color */
        height: 3px; 
        width: 25px; 
        position: relative; 
        transition: 0.3s;
    }

    .nav-toggle-label span::before { content: ''; position: absolute; top: 8px; }
    .nav-toggle-label span::after { content: ''; position: absolute; top: -8px; }

    .main-navigation {
        display: none; position: absolute; top: 100%; left: 0; width: 100%;
        background: #fff; border-bottom: 2px solid var(--brand-yellow); text-align: center;
    }

    .main-navigation ul { flex-direction: column; padding: 20px 0; }
    .nav-toggle:checked ~ .main-navigation { display: block; }
}

/* --- Footer --- */
footer { background: #f4f4f4; padding: 40px 0; text-align: center; }
.footer-links-container ul { display: flex; justify-content: center; gap: 20px; list-style: none; padding: 0; flex-wrap: wrap; }
.footer-links-container ul li a { text-decoration: none; color: var(--brand-blue); font-size: 14px; }