/* =========================================================
   HOCKEYPEDIA - BASE GRAFICA
   ========================================================= */

:root {
    --hp-blue: #082b49;
    --hp-blue-light: #103f63;
    --hp-white: #ffffff;
    --hp-text: #f2f5f8;
}

/* Sfondo generale */
html,
body {
    background: var(--hp-blue) !important;
    color: var(--hp-text) !important;
}

/* Struttura Kadence */
#page,
.site,
.site-container,
.site-main,
#primary,
.content-area,
article,
.entry-content-wrap,
.post {
    background: transparent !important;
}

/* Testo */
body,
body p,
body li,
body span {
    color: var(--hp-text);
}

/* Titoli */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    color: var(--hp-white) !important;
}

/* Link */
body a {
    color: var(--hp-white);
}

body a:hover {
    color: #d9e7f2;
}

/* Niente ombre */
body * {
    box-shadow: none;
}

/* Larghezza generale */
.site-container {
    max-width: 1280px;
}
/* =========================================================
   MENU LATERALE HOCKEYPEDIA
   ========================================================= */

#secondary a,
#secondary .widget a,
#secondary .widget_nav_menu a {
    color: #ffffff !important;
}

#secondary a:hover,
#secondary .widget a:hover,
#secondary .widget_nav_menu a:hover {
    color: #d9e7f2 !important;
}

#secondary .widget-title {
    color: #ffffff !important;
}
/* =========================================================
   HOMEPAGE - PULSANTI SEZIONI
   ========================================================= */

.hp-home-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 35px;
    margin-bottom: 30px;
}

.hp-home-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 90px;
    padding: 20px 24px;
    background: #103f63;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: background 0.2s ease, transform 0.2s ease;
}

.hp-home-button strong {
    display: block;
    color: #ffffff !important;
    font-size: 18px;
    margin-bottom: 7px;
}

.hp-home-button span {
    color: #d9e7f2 !important;
    font-size: 14px;
}

.hp-home-button:hover {
    background: #164d73;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.hp-home-button:hover strong,
.hp-home-button:hover span {
    color: #ffffff !important;
}

/* Mobile */
@media (max-width: 700px) {
    .hp-home-grid {
        grid-template-columns: 1fr;
    }
}