/*
Theme Name: Project Maestro
Theme URI: https://ilayaraja.in
Author: Raja Sekhar
Author URI: https://ilayaraja.in
Description: A premium WordPress theme dedicated to Maestro Ilaiyaraaja's musical legacy.
Version: 2.0.0
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 8.1
License: GNU GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maestro
Tags: music, entertainment, archive, bootstrap, responsive, custom-logo
*/

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

html{
    scroll-behavior:smooth;
}

body{
    background:#0B0B0B;
    color:#F5F5F5;
    font-family:Inter, sans-serif;
    line-height:1.7;
    overflow-x:hidden;
}

img{
    max-width:100%;
    display:block;
}

a{
    color:inherit;
    text-decoration:none;
    transition:.3s ease;
}

ul{
    list-style:none;
}

main{
    min-height:100vh;
}


/* =========================================================
   MAESTRO HEADER — SAFE HORIZONTAL OVERRIDE
   Only theme header selectors are affected.
   ========================================================= */

@media (min-width: 821px) {
    .site-header {
        width: 100%;
        background: #161616;
        border-bottom: 1px solid rgba(241, 196, 15, 0.18);
    }

    .site-header .maestro-header-container {
        width: calc(100% - 60px);
        max-width: 1380px;
        margin: 0 auto;
    }

    .site-header .header-inner {
        min-height: 88px;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 34px;
    }

    .site-header .site-branding {
        flex: 0 0 auto;
        margin: 0;
    }

    .site-header .site-branding .custom-logo-link {
        display: flex;
        align-items: center;
        margin: 0;
    }

    .site-header .site-branding .custom-logo {
        display: block;
        width: auto;
        height: auto;
        max-width: 210px;
        max-height: 58px;
        margin: 0;
    }

    .site-header .main-navigation {
        flex: 1 1 auto;
        width: auto;
        margin: 0 0 0 auto !important;
    }

    .site-header .primary-menu {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end;
        gap: 28px;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none;
    }

    .site-header .primary-menu > li {
        display: block;
        flex: 0 0 auto;
        margin: 0;
        padding: 0;
    }

    .site-header .primary-menu > li > a {
        display: block;
        padding: 34px 0 30px;
        white-space: nowrap;
        line-height: 1;
    }

    .site-header .header-actions {
        display: flex !important;
        flex: 0 0 auto;
        align-items: center;
        margin: 0;
    }

    .site-header .header-search {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        padding: 0;
        border-radius: 50%;
    }
}

@media (min-width: 821px) and (max-width: 1100px) {
    .site-header .maestro-header-container {
        width: calc(100% - 32px);
    }

    .site-header .header-inner {
        gap: 20px;
    }

    .site-header .site-branding .custom-logo {
        max-width: 170px;
    }

    .site-header .primary-menu {
        gap: 17px;
    }

    .site-header .primary-menu > li > a {
        font-size: 0.88rem;
    }
}