/*
 * Stockholm Baseboll & Softboll Klubb - brand refinements on top of OnePress defaults.
 * Loaded after the parent theme's compiled stylesheet.
 */

:root {
    --sbsk-gold: #B8902E;
    --sbsk-gold-deep: #8C6A1E;
}

/* Default body text was 14px - bump to 16px for readability */
body, button, input, select, textarea {
    font-size: 16px;
}

/* Equal baseline + subtle gold underline on nav hover/active, instead of the default flat color swap */
.onepress-menu > li > a {
    border-bottom: 2px solid transparent;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.onepress-menu > li > a:hover,
.onepress-menu > li.current-menu-item > a,
.onepress-menu > li.current_page_item > a {
    color: var(--sbsk-gold-deep) !important;
    border-bottom-color: var(--sbsk-gold);
}

.onepress-menu ul a:hover {
    color: var(--sbsk-gold-deep) !important;
}

/* Main navigation: top-level link sizing/spacing */
.onepress-menu a {
    color: #333333;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    white-space: nowrap;
}

/* Main navigation: submenu (dropdown) link sizing/spacing */
.onepress-menu ul li a {
    border-top: 1px solid #e9e9e9;
    padding: 14px 18px;
    color: #000;
    font-size: 18px;
    text-transform: none;
    background: #ffffff;
    letter-spacing: 0;
}

/* Front-page hero banner: crest + "S" watermark + centered title, pre-baked into the image itself */
.sbsk-hero-banner {
    width: 100%;
    line-height: 0;
}

.sbsk-hero-banner__img {
    display: block;
    width: 100%;
    height: auto;
}

/*
 * The banner sits above the nav on every page (handled by the PHP hook order),
 * so the logo row is redundant - hide it and center the menu underneath instead.
 */
.site-header .site-branding {
    display: none;
}

.site-header .header-right-wrapper {
    float: none;
    width: 100%;
}

#nav-toggle {
    float: none;
    margin: 0 auto;
}

@media screen and (min-width: 1141px) {
    .onepress-menu {
        float: none;
        display: flex;
        justify-content: center;
    }
}

/*
 * Footer sponsor logos: all 3 were stacked in one narrow column at full
 * native size (up to 1024px wide). Spread the column to the full footer
 * width and lay the logos out in a single normalized row instead.
 */
#footer-1 {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}

.sbsk-sponsor-heading {
    text-align: center;
    color: #ffffff;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 20px;
}

/* Dedicated flex row for just the logos, kept separate from the heading above
   it - a flex-basis:0% item never numerically overflows a line, so if the
   logos shared a flex container with the heading's own 100%-wide item they
   would join its line instead of wrapping below it. */
.sbsk-sponsor-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

/* Fixed-width slot per logo (wide enough for the widest logo at 60px tall, so
   none of them get squeezed/squished), each centering its own content - this
   keeps every logo, including the middle one, on true center regardless of
   how wide any single logo is. */
.sbsk-sponsor-row .footer-widget {
    flex: 0 0 320px;
    text-align: center;
    margin: 0;
}

.sbsk-sponsor-row .footer-widget img {
    height: 60px;
    width: auto;
    max-width: none;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}