/*
Theme Name: Vishal Theme
Theme URI: https://vishalstudio.com
Author: Vishal Studio
Description: A clean modern WordPress theme with fully editable About Us page via WordPress Editor + ACF.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: vishal-theme
*/

/* =========================================
   RESET & BASE
========================================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #1a1a1a;
    background: #fff;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
p { margin-bottom: 1rem; }
p:last-child { margin-bottom: 0; }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    line-height: 1.2;
}

/* =========================================
   LAYOUT
========================================= */
.container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
.site-wrapper { min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1; }

/* =========================================
   HEADER
========================================= */
.site-header {
    background: #0d1117;
    padding: 20px 0;
    position: sticky;
    top: 0;
    z-index: 100;
}
.site-header .container { display: flex; align-items: center; justify-content: space-between; }
.site-logo { font-family: 'Playfair Display', serif; font-size: 22px; color: #f0ede6; }
.site-logo span { color: #c9b99a; }
.site-nav ul { list-style: none; display: flex; gap: 32px; }
.site-nav a { color: #b0a898; font-size: 14px; transition: color 0.2s; }
.site-nav a:hover, .site-nav .current-menu-item a { color: #f0ede6; }

/* =========================================
   FOOTER
========================================= */
.site-footer {
    background: #0d1117;
    color: #9b8f7a;
    text-align: center;
    padding: 32px 24px;
    font-size: 13px;
}

/* =========================================
   BUTTON
========================================= */
.btn {
    display: inline-block;
    background: #f0ede6;
    color: #0d1117;
    border-radius: 24px;
    padding: 12px 28px;
    font-size: 13px;
    font-weight: 500;
    font-family: 'DM Sans', sans-serif;
    transition: opacity 0.2s;
}
.btn:hover { opacity: 0.85; }

/* =========================================
   RESPONSIVE
========================================= */
@media (max-width: 600px) { .site-nav { display: none; } }