/**
 * Sogedico FSE - Master Stylesheet
 * @version 2.0.2
 */

/* === IMPORT CSS MODULES === */
/* @import url('00-fonts.css');*/
@import url('01-variables.css');
@import url('02-header.css');
@import url('03-footer.css');
@import url('04-homepage.css');
@import url('05-portfolio.css');
@import url('06-responsive.css');
@import url('07-slider.css');
@import url('08-team.css');
@import url('09-blog-grid.css');
@import url('10-latest-grid.css');

/* === GLOBAL BASE === */
html {
    scroll-behavior: smooth;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-saira);
    padding-top: 128px !important; /* top bar (46px) + header (82px) */
    margin: 0 !important;
    min-height: 100vh;
}

body.admin-bar {
    padding-top: 160px !important;
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading {
    font-family: var(--font-saira);
}

/* === LAYOUT FLEX FORZATO === */
.wp-site-blocks {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Header fixed NON nel flex flow */
.wp-site-blocks > .top-bar-sogedico,
.wp-site-blocks > .main-header-sogedico {
    position: fixed !important;
    flex: none !important;
}

/* === HOVER ROSSO ACCESO — TUTTI I PULSANTI === */

/* Button blocks FSE */
.wp-block-button__link:hover,
.wp-block-button__link:focus {
    background-color: var(--color-brand-red-light) !important;
    color: var(--color-white) !important;
    transition: background-color 0.25s ease;
}

/* Pulsanti header (menu, CTA header) */
.site-header a.btn:hover,
.site-header a.button:hover,
.wp-block-navigation .wp-block-navigation-item .nav-cta:hover {
    background-color: var(--color-brand-red-light) !important;
    color: var(--color-white) !important;
}

/* Pulsanti generici custom */
a.btn:hover,
button:hover,
input[type="submit"]:hover,
.wp-element-button:hover {
    background-color: var(--color-brand-red-light) !important;
    color: var(--color-white) !important;
}

/* Elimina gap tra sezioni */
.wp-block-group,
.wp-block-cover,
.wp-block-columns {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Specifico per le sezioni alignfull */
.wp-block-group.alignfull,
.wp-block-cover.alignfull {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* =============================
   SERVICES GRID - Homepage
   ============================= */
.sogedico-service-card {
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sogedico-service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}

.sogedico-service-card figure img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.sogedico-service-card:hover figure img {
    transform: scale(1.04);
}

/* Pulsante Scopri - service card */
.sogedico-service-card a {
    display: inline-block;
    margin-top: 0.8rem;
    padding: 0.5rem 1.2rem;
    background-color: var(--wp--preset--color--primary);
    color: #ffffff !important;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border-radius: 3px;
    text-decoration: none;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.sogedico-service-card a:hover {
    background-color: #a00000;
    transform: translateY(-2px);
}


/* Responsive */
@media (max-width: 768px) {
    .sogedico-service-card figure img {
        height: 180px;
    }
}