/*
Theme Name: ZAVET Zero
Author: Technology Center
Description: Minimal, fully controlled Gutenberg foundation theme for ZAVET and Technology Center web projects.
Version: 0.1.0
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: zavet-zero
*/

/*
 * ZAVET Zero
 * ----------
 * Absichtlich nahezu designfrei.
 * Keine externen Frameworks.
 * Keine externen Fonts.
 * Keine JavaScript-Abhängigkeiten.
 * Keine Layout-Vorgaben außerhalb des Gutenberg-Inhalts.
 */

html,
body {
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    background: #020617;
}

.wp-site-blocks,
main {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    height: auto;
}



/* ZAVET-ZERO-SERVICE-CARDS-START */

#services .wp-block-columns {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 28px !important;
    column-gap: 28px !important;
}

#services .wp-block-columns > .wp-block-column {
    flex: 0 0 calc(50% - 14px) !important;
    width: calc(50% - 14px) !important;
    max-width: calc(50% - 14px) !important;
    min-width: 0 !important;
}

#services .wp-block-column > .wp-block-group {
    height: 100%;
    box-sizing: border-box;

    box-shadow:
        0 10px 30px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.025);

    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

#services .wp-block-column > .wp-block-group:hover {
    transform: translateY(-3px);
    border-color: #285080 !important;

    box-shadow:
        0 16px 38px rgba(0,0,0,.24),
        0 0 22px rgba(56,189,248,.04);
}

@media (max-width: 781px) {

    #services .wp-block-columns {
        flex-wrap: wrap !important;
        gap: 20px !important;
    }

    #services .wp-block-columns > .wp-block-column {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ZAVET-ZERO-SERVICE-CARDS-END */