/*
Theme Name: LWT2026
Theme URI: 
Description: Loviisan Wanha Talo 2026 — lapsiteema Twenty Twenty-Five -teemalle. Sisältää sivuston mukautetut värit, fontit ja tyylit.
Author: Kai Nyyssönen
Author URI: 
Template: twentytwentyfive
Version: 1.0.9
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lwt2026
*/

/* ================================================================
   HEADERIN TAUSTAKUVA — toteutetaan myöhemmin
   ================================================================ */

/* ================================================================
   VALIKON TYYLIT
   ================================================================ */

/* ── Työpöytä: Alavalikon linkit kevyemmällä fontilla ── */
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    font-weight: 400 !important;
}

/* ================================================================
   MOBIILIVALIKKO (.is-menu-open)
   ================================================================ */

/* ── Piilotetaan alavalikot oletusarvoisesti mobiilissa ── */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
    display: none !important;
    padding-left: 1rem;
    border-left: 2px solid var(--wp--preset--color--accent-5);
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}

/* ── Näytetään alavalikko, kun toggle-painike on lisännyt .lwt-submenu-open -luokan ── */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.lwt-submenu-open>.wp-block-navigation__submenu-container {
    display: block !important;
}

/* ── Alavalikon linkit pienempiä / kevyempiä ── */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

/* ── Pääsivun linkki lihavoituna ── */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child>.wp-block-navigation-item__content {
    font-weight: 600 !important;
}

/* ── Toggle-painike (nuoli/chevron) mobiilissa ── */
.lwt-submenu-toggle {
    display: none;
    /* Näkyy vain mobiilivalikossa */
}

.wp-block-navigation__responsive-container.is-menu-open .lwt-submenu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: none;
    border: 1px solid var(--wp--preset--color--accent-5, #D7D3CC);
    border-radius: 4px;
    cursor: pointer;
    padding: 0.2rem 0.4rem;
    margin-left: 0.5rem;
    vertical-align: middle;
    color: inherit;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.wp-block-navigation__responsive-container.is-menu-open .lwt-submenu-toggle:hover {
    background: var(--wp--preset--color--accent-5, #D7D3CC);
}

/* Käännetään nuoli kun alavalikko on auki */
.wp-block-navigation__responsive-container.is-menu-open .lwt-submenu-open>.lwt-submenu-toggle {
    transform: rotate(180deg);
}

/* ── Pääsivulinkin ja nuolen asettelu samalle riville ── */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/* Alavalikko omalle rivilleen */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child>.wp-block-navigation__submenu-container {
    width: 100%;
}

/* ================================================================
   KOMPAKTI HEADER (alasivut)
   ================================================================ */

/* Logon reunasta piilossa oleva margin jotta alignoituu nätisti */
.lwt-compact-header .lwt-compact-logo {
    margin: 0 !important;
    flex-shrink: 0;
}

.lwt-compact-header .lwt-compact-logo img {
    width: 160px !important;
    height: auto;
}

/* Pienennetään valikko kompaktissa headerissa ja työnnetään oikealle */
.lwt-compact-header .wp-block-navigation {
    font-size: 1.1rem !important;
    margin-left: auto;
    /* Työntää valikon oikeaan reunaan flex-parentissa */
}

/* Mobiilissa kompakti header muuttuu pystysuuntaiseksi */
@media (max-width: 781px) {
    .lwt-compact-header .lwt-compact-logo img {
        width: 120px !important;
    }
}