/*
 Theme Name: GeneratePress – BMV
 Theme URI: https://bmv-volleybal.be
 Description: Minimal child theme for GeneratePress with BMV colors and block patterns.
 Author: You
 Template: generatepress
 Version: 1.0.0
*/

/* ===== Brand tokens ===== */
:root{
    --club-blue:#0065B1;          /* Primary */
    --club-blue-dark:#004C85;     /* Hover/active */
    --club-blue-100:#D9E8F3;      /* Tint/bg */
    --text:#111827;               /* Body text */
    --muted:#6B7280;              /* Secondary text */
    --surface:#F3F4F6;            /* Section background */
    --white:#fff;
}

/* Base */
body { color: var(--text); }
a { color: var(--club-blue); }
a:hover { color: var(--club-blue-dark); }

/* Buttons (core + GenerateBlocks button lookalikes) */
.wp-block-button__link,
.button,
.gb-button {
    background: var(--club-blue);
    color: var(--white);
    border-radius: 9999px;
    padding: 12px 20px;
    font-weight: 600;
}
.wp-block-button.is-style-outline .wp-block-button__link{
    background: transparent;
    color: var(--club-blue);
    border: 2px solid currentColor;
}
.wp-block-button__link:hover,
.button:hover,
.gb-button:hover { background: var(--club-blue-dark); color: var(--white); }

/* Sections & cards */
.section { padding: clamp(48px,6vw,96px) 0; background: var(--surface); }
.section--plain { background: transparent; }
.card {
    background:#fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 6px 18px rgba(17,24,39,.06);
}

/* Hero */
.hero {
    background: var(--club-blue-100);
    border-radius: 20px;
    padding: clamp(32px,5vw,64px);
}

/* Next-match strip */
.next-match {
    background: var(--club-blue);
    color: var(--white);
    border-radius: 16px;
    padding: 18px 22px;
}
.next-match a { color: var(--white); text-decoration: underline; }
.next-match .btn { background: var(--white); color: var(--club-blue); padding: 8px 14px; border-radius: 9999px; font-weight: 700; }
.next-match .btn:hover { background: #eef5ff; }

/* Nav emphasis for current item (works nicely with GP defaults) */
.main-navigation .main-nav ul li[class*="current"] > a {
    background: var(--club-blue-dark);
    color: var(--white);
    border-radius: 0px;
}
/* Menu */
.main-navigation .main-nav ul li a {
    line-height: 26px
}

/* Media ratios */
.ratio-16x9 { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }

/* Sponsor bar look & feel */
.sponsor-bar { background: var(--club-blue-dark); }
.sponsor-logos {
    margin: 0 20%;
    display: flex;
    justify-content: space-evenly;
}
.sponsor-logos a img {
    display:block;
    height:60px;
    width:auto;
    filter: grayscale(100%);
    opacity:.85;
    transition: filter .2s ease, opacity .2s ease, transform .2s ease;
}
.sponsor-logos a:hover img {
    filter: none;
    opacity:1;
    transform: translateY(-1px);
}

/* Tighten spacing on very small screens */
@media (max-width: 480px) {
    .sponsor-bar { padding-top:16px; padding-bottom:16px; }
}