/*
Theme Name: Astra Child
Template: astra
*/


/* =========================================================
   GLOBAL
========================================================= */

body {
    background: #f3f4f6;
    color: #1f2937;
}

html {
    scroll-behavior: smooth;
}


/* =========================================================
   PASSWORTSEITE
========================================================= */

body.post-password-required {
    background: #ffffff;
}


/* Passwort Formular */

body.post-password-required .post-password-form {

    max-width: 340px;

    margin: 160px auto !important;

    padding: 24px;

    background: #ffffff;

    border-radius: 16px;

    box-shadow: 0 6px 24px rgba(0,0,0,0.08);

    text-align: center;
}


/* Passwort Input */

body.post-password-required .post-password-form input[type="password"] {

    width: 100%;

    padding: 11px;

    margin-bottom: 10px;

    border-radius: 8px;

    border: 1px solid #d1d5db;

    font-size: 14px;
}


/* Passwort Button */

body.post-password-required .post-password-form input[type="submit"] {

    width: 100%;

    padding: 11px;

    border: none;

    border-radius: 8px;

    background: #14532d !important;

    color: white;

    font-size: 14px;

    font-weight: 600;

    cursor: pointer;
}


/* =========================================================
   EVENT LAYOUT
========================================================= */

/* Astra Container überschreiben */

.single-tribe_events .ast-container,
.single-tribe_events .site-content .ast-container,
.single-tribe_events #content .ast-container {

    width: 100% !important;

    max-width: 100% !important;

    padding: 0 !important;
}


/* Hauptbereich */

.single-tribe_events #primary {

    width: 100% !important;

    max-width: 100% !important;

    padding: 0 !important;

    margin: 0 auto !important;

    float: none !important;
}


/* =========================================================
   WEISSE KARTE
========================================================= */

.single-tribe_events .tribe-events-single {

    width: 520px !important;

    max-width: calc(100vw - 24px);

    margin: 28px auto !important;

    background: #ffffff;

    border-radius: 20px;

    padding: 22px;

    box-shadow: 0 8px 26px rgba(0,0,0,0.06);

    overflow: hidden;
}


/* =========================================================
   GRATIS AUSBLENDEN
========================================================= */

.single-tribe_events .tribe-events-cost {
    display: none !important;
}


/* =========================================================
   META AUSBLENDEN
========================================================= */

.single-tribe_events .tribe-events-event-meta,
.single-tribe_events .tribe-events-single-section-title,
.single-tribe_events .tribe-events-meta-group,
.single-tribe_events .tribe-events-venue-map,
.single-tribe_events .tribe-events-back,
.single-tribe_events .tribe-events-sub-nav {

    display: none !important;
}


/* =========================================================
   TITEL
========================================================= */

.single-tribe_events .tribe-events-single-event-title {

    width: 100%;

    font-size: 26px;

    line-height: 1.3;

    font-weight: 700;

    text-align: center;

    margin-bottom: 10px;

    color: #111827;
}


/* =========================================================
   DATUM
========================================================= */

.single-tribe_events .tribe-events-schedule {

    width: 100%;

    display: flex;

    justify-content: center;

    margin-bottom: 20px;

    color: #6b7280;

    font-size: 14px;
}


/* =========================================================
   BILD
========================================================= */

.single-tribe_events .tribe-events-event-image {

    width: 100%;

    text-align: center;

    margin-bottom: 20px;
}

.single-tribe_events .tribe-events-event-image img {

    width: 100%;

    max-width: 100%;

    border-radius: 14px;

    display: block;
}


/* =========================================================
   TEXT
========================================================= */

.single-tribe_events .tribe-events-single-event-description {

    width: 100%;

    font-size: 15px;

    line-height: 1.7;

    color: #374151;
}

.single-tribe_events .tribe-events-single-event-description p {

    margin-bottom: 14px;
}


/* =========================================================
   BUTTON
========================================================= */

.single-tribe_events .tribe-events-c-subscribe-dropdown {

    display: flex;

    justify-content: center;

    margin-top: 20px;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown button {

    background: #1f2937 !important;

    color: white !important;

    border: none;

    border-radius: 8px;

    padding: 10px 14px;

    font-size: 12px;

    font-weight: 600;
}


/* =========================================================
   DROPDOWN FIX
========================================================= */

.single-tribe_events .tribe-events-c-subscribe-dropdown,
.single-tribe_events .tribe-events-l-container,
.single-tribe_events .tribe-common,
.single-tribe_events .entry-content {

    overflow: visible !important;
}

.tribe-events-c-subscribe-dropdown__list {

    z-index: 99999 !important;
}


/* =========================================================
   FORMULAR
========================================================= */

.ser-form-wrapper {

    margin-top: 22px;

    padding: 16px;

    background: #f9fafb;

    border-radius: 12px;

    border: 1px solid #e5e7eb;
}


/* Formular Titel */

.ser-form-wrapper h2 {

    font-size: 18px;

    margin-bottom: 12px;
}


/* Inputs */

.ser-form-wrapper input[type="text"],
.ser-form-wrapper input[type="email"] {

    width: 100%;

    padding: 10px;

    border: 1px solid #d1d5db;

    border-radius: 8px;

    margin-bottom: 10px;

    font-size: 13px;
}


/* Formular Button */

.ser-form-wrapper button {

    background: #111827;

    color: white;

    border: none;

    padding: 10px 14px;

    border-radius: 8px;

    font-size: 12px;

    font-weight: 600;

    cursor: pointer;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .single-tribe_events .tribe-events-single {

        width: calc(100vw - 18px) !important;

        padding: 16px;
    }

    .single-tribe_events .tribe-events-single-event-title {

        font-size: 22px;
    }

    body.post-password-required .post-password-form {

        margin-top: 100px !important;
    }
}