/*
Theme Name: MCG Builder Theme
Theme URI: https://www.mcgcss.com
Author: Martin Bory
Author URI: https://www.mcgcss.com
Description: Just a minimal WordPress theme to be customized by you.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mcg-builder-theme

Requires Plugin: MCG Builder
*/

/* ========================================
   BUTTONS
   ======================================== */

.wp-block-button.button-white .wp-block-button__link,
.wp-block-button.button-blue .wp-block-button__link {
    padding: 10px !important;
    border: 1px solid transparent !important;
    border-radius: 0;
    box-sizing: border-box;
    font-size: var(--wp--preset--font-size--copy-bold);
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Weißer Button */
.wp-block-button.button-white .wp-block-button__link {
    background-color: var(--wp--preset--color--pure-white) !important;
    color: var(--wp--preset--color--text) !important;
    border-color: var(--wp--preset--color--pure-white) !important;
}

.wp-block-button.button-white .wp-block-button__link:hover,
.wp-block-button.button-white .wp-block-button__link:focus-visible {
    background-color: transparent !important;
    color: var(--wp--preset--color--pure-white) !important;
    border-color: var(--wp--preset--color--pure-white) !important;
}

/* Blauer Button */
.wp-block-button.button-blue .wp-block-button__link {
    background-color: var(--wp--preset--color--midnight) !important;
    color: var(--wp--preset--color--pure-white) !important;
    border-color: var(--wp--preset--color--midnight) !important;
}

.wp-block-button.button-blue .wp-block-button__link:hover,
.wp-block-button.button-blue .wp-block-button__link:focus-visible {
    background-color: var(--wp--preset--color--pure-white) !important;
    color: var(--wp--preset--color--midnight) !important;
    border-color: var(--wp--preset--color--midnight) !important;
}

/* ========================================
   STACKING CARDS
   ======================================== */

.stacking-cards {
    --stack-top: 80px;
    position: relative;
    isolation: isolate;
}

/* Desktop / Tablet */
@media (min-width: 768px) {
    .stacking-cards.is-stacking-ready .stacking-card {
        position: sticky;
        top: var(--stack-top);
        z-index: calc(10 + var(--stack-index));
    }
}

/* Mobile: Karten bleiben normal untereinander */
@media (max-width: 767px) {
    .stacking-cards .stacking-card {
        position: static !important;
        top: auto !important;
        z-index: auto !important;
    }
}