/*
Theme Name: Sonja Streng
Template: twentytwentyfive
Description: Child theme for sonjastreng.de: page banner above a tab menu, section sidebar menus.
Version: 1.2
Text Domain: sonjastreng
*/

/* ---------- Banner (featured image) above the menu ---------- */
.ss-banner { margin-bottom: 0; }
.ss-banner img { width: 100%; height: auto; display: block; }

/* ---------- Top menu: full-width bar with thin lines, tab items with separators ---------- */
.ss-mainnav-bar { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; }
.ss-mainnav { font-size: 0.9rem; letter-spacing: 0.06em; }
.ss-mainnav .wp-block-navigation__container { gap: 0; }
.ss-mainnav .wp-block-navigation-item { border-right: 1px solid #d6d6d6; }
.ss-mainnav .wp-block-navigation-item:first-child { border-left: 1px solid #d6d6d6; }
.ss-mainnav .wp-block-navigation-item__content {
    display: block; padding: 0.55em 1.5em; color: #333; text-decoration: none;
    transition: background-color .15s, color .15s;
}
.ss-mainnav .wp-block-navigation-item__content:hover,
.ss-mainnav .wp-block-navigation-item__content:focus-visible,
.ss-mainnav .current-menu-item > .wp-block-navigation-item__content,
.ss-mainnav .current-menu-ancestor > .wp-block-navigation-item__content {
    background: #333; color: #fff;
}
.ss-mainnav .current-menu-item > .wp-block-navigation-item__content,
.ss-mainnav .current-menu-ancestor > .wp-block-navigation-item__content { font-weight: 600; }

/* Mobile overlay menu: no tab borders, larger touch targets */
.ss-mainnav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { border: 0; }
.ss-mainnav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { padding: .6em 0; font-size: 1.1rem; }
.ss-mainnav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover { background: none; color: #1d4f91; }

/* ---------- Sidebar menu: dotted separators, light hover, bold blue current item ---------- */
.ss-sidenav { font-size: 0.9rem; }
.ss-sidenav .wp-block-navigation__container { gap: 0; width: 100%; }
.ss-sidenav .wp-block-navigation-item { width: 100%; border-bottom: 1px dotted #b5b5b5; }
.ss-sidenav .wp-block-navigation-item__content {
    display: block; flex: 1 1 auto; width: 100%; box-sizing: border-box;
    padding: 0.6em 0.4em; line-height: 1.3; color: #333; text-decoration: none;
    transition: background-color .15s, color .15s;
}
.ss-sidenav .wp-block-navigation-item__content:hover,
.ss-sidenav .wp-block-navigation-item__content:focus-visible { background: #eaf2fb; color: #1d4f91; }
.ss-sidenav .current-menu-item > .wp-block-navigation-item__content { color: #1d4f91; font-weight: 700; }

/* ---------- Content ---------- */
.wp-block-image figcaption, .wp-block-gallery figcaption { font-size: .85em; }