/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* ==========================================================================
   Social-sharing consent modal (see inc/social-consent.php)
   Tune the two custom properties to the club palette if needed.
   ========================================================================== */
body.sharing-consent-open{
    overflow: hidden;
    .sharing-consent-modal{
        display: grid;
    }
}

.sharing-consent-modal{
    position: fixed;
    z-index: 1000000;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    display: none;
    place-items: center;

    .sharing-consent-modal__backdrop{
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        grid-area: 1 / 1;
        z-index: 0;
    }

    .sharing-consent-modal__close{
        font-size: var(--text-2xl);
        padding: 0;
        display: grid;
        place-items: center;
        line-height: 1;
        text-align: center;
        height: var(--text-2xl);
        width: var(--text-2xl);
        /* Programmatic focus on modal-open (and mouse) → no indicator. */
        &:focus{
            outline: none;
            border-color: transparent;
            background-color: transparent;
        }
        /* Keyboard (Tab) only → visible ring. */
        &:focus-visible{
            outline: none;
            border-color: transparent;
            background: var(--dark-10);
        }
    }

    .sharing-consent-modal__close-icon{
        transform: translateY(-2px);
    }

    .sharing-consent-modal__message{
        grid-area: 1 / 1;
        z-index: 1;
        background-color: #fff;
        width: min(992px, 80%);
        max-height: 100vh;
        padding: var(--space-m);
        border-radius: var(--radius-l);
        @media (max-width: 575.98px){
            width: 100%;
        }
        @media (max-width: 429.98px){
            height: 100%;
            width: 100vw;
            max-height: 100%;
            overflow: auto;
        }
    }

    .sharing-consent-modal__button{
        padding: var(--space-3xs) var(--space-xs);
    }

    .sharing-consent-modal__footnote{
        .link{
            box-shadow: none;
            font-size: unset;
            &:hover{
                box-shadow: 0 2px 0 var(--primary-40);
            }
        }
    }

}

/* Newsletter-Formular: Texte auf blauem Hintergrund weiß lesbar */
.wpcf7 .acceptance-heading,
.wpcf7 .acceptance-intro,
.wpcf7 .form-privacy-note,
.wpcf7 .wpcf7-list-item-label {
  color: #ffffff;
}

/* Links innerhalb des Formulars weiß + unterstrichen */
.wpcf7 .form-privacy-note a,
.wpcf7 .acceptance-intro a,
.wpcf7 .wpcf7-list-item-label a {
  color: #ffffff;
  text-decoration: underline;
}

/* Abstände der neuen Blöcke */
.wpcf7 .acceptance-heading { font-weight: 700; margin: 18px 0 6px; }
.wpcf7 .acceptance-intro   { margin: 6px 0; }
.wpcf7 .acceptance-field   { margin: 6px 0; }
.wpcf7 .form-privacy-note  { margin: 6px 0; font-size: 1.6rem; }