/*
Theme Name: FMS Theme
Theme URI: https://valkoprod.com
Author: Vasko / ChatGPT
Author URI: https://valkoprod.com
Description: Thème institutionnel sur mesure pour les Sœurs Franciscaines Servantes de Marie
Version: 1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: fms-theme
*/

body {
    margin: 0;
    font-family: Arial, sans-serif;
    color: #1d3557;
}

/* TOP MENU */
.fms-topbar {
    background: #234e70;
    padding: 0;
    font-size: 13px;
}

.fms-topbar .menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fms-topbar .menu > li {
    position: relative;
}

.fms-topbar .menu > li > a {
    display: block;
    padding: 10px 18px;
    color: white;
    text-decoration: none;
    font-size: 13px;
}

.fms-topbar .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #16324f;
    min-width: 120px;
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 999;
}

.fms-topbar .sub-menu li a {
    display: block;
    padding: 10px 14px;
    color: white;
    text-decoration: none;
}

.fms-topbar .menu > li:hover > .sub-menu {
    display: block;
}

.fms-topbar .sub-menu li a:hover {
    background: #0f2438;
}

.fms-main-nav a {
    color: white;
    text-decoration: none;
    font-size: 14px;
}

.fms-branding {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
    padding: 30px 80px;
    background: #fff;
}

.fms-brand-logo {
    flex: 0 0 auto;
}

.fms-brand-logo img {
    max-height: 80px;
    width: auto;
}

.fms-brand-title {
    text-align: center;
    max-width: 700px;
}

.fms-brand-title h1 {
    margin: 0;
    font-size: 2.3rem;
    color: #16324f;
    font-weight: 600;
}

.fms-brand-title p {
    margin-top: 10px;
    font-size: 1rem;
    color: #4a6572;
    font-style: italic;
}

/* MENU PRINCIPAL */
.fms-main-nav {
    background: #16324f;
    padding: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.fms-main-nav > ul,
.fms-main-nav .menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}

.fms-main-nav .menu > li {
    position: relative;
}

.fms-main-nav .menu > li > a {
    display: block;
    padding: 18px 22px;
    color: white;
    text-decoration: none;
    font-weight: 500;
}

.fms-main-nav .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #234e70;
    min-width: 250px;
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 999;
}

.fms-main-nav .sub-menu li a {
    display: block;
    padding: 12px 18px;
    color: white;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.fms-main-nav .menu > li:hover > .sub-menu {
    display: block;
}

.fms-main-nav .sub-menu li a:hover {
    background: #16324f;
}

@media (max-width: 768px) {
    .fms-branding {
        flex-direction: column;
        gap: 20px;
        padding: 20px;
    }

    .fms-topbar .menu,
    .fms-main-nav .menu {
        flex-direction: column;
        gap: 10px;
    }

    .fms-brand-title h1 {
        font-size: 1.7rem;
    }
}