/* 
Theme Name:		 astra-child
Description:	 astra-child is a child theme of Astra, created by ChildTheme-Generator.com
Author:			 Jannis Schüpbach
Template:		 astra
Version:		 1.0.0
Text Domain:	 astra-child
*/


/* Mobile menu tongle auf shop seite */

.page-id-812 [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg,
.tribe-events-page-template [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg,
.woocommerce-page [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: black;
}


/* === Header changes === */

.woocommerce-page .main-header-bar .menu-item-878 .sub-menu,
.tribe-events-page-template .main-header-bar .menu-item-878 .sub-menu {
    background: white;
}

.woocommerce-page .main-header-bar .menu-item-878 .sub-menu :hover,
.tribe-events-page-template .main-header-bar .menu-item-878 .sub-menu :hover {
    background: rgba(242,235,235,1);
}

.main-header-bar .menu-item-878 .sub-menu {
    background: rgba(0,0,0,0.91);
}


/* === Simple card styling for the timeline item for history graph === */


.uagb-block-b3d7533d.uagb-timeline__outer-wrap .uagb-timeline__events-inner-new {
    background-color: unset;
}

.uagb-timeline__day-new .uagb-timeline__events-inner--content {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbff 100%); /* sanfter Verlauf */
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(12, 20, 40, 0.08);
    padding: 18px 20px;
    position: relative;
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease;
    border: 1px solid rgba(12,20,40,0.04);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* dezenter Hover-Effekt für Interaktion */
.uagb-timeline__day-new .uagb-timeline__events-inner--content:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(12,20,40,0.12);
}

/* Datum als kleines Pill-Label oben links */
.uagb-timeline__day-new .uagb-timeline__inner-date-new {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 600;
    color: #2b2f42;
    background: rgba(99,102,241,0.08); /* zartes violett */
    padding: 6px 10px;
    border-radius: 999px;
    margin-bottom: 10px;
    letter-spacing: 0.2px;
}

/* Überschrift stilvoller */
.uagb-timeline__day-new .uagb-timeline__heading {
    margin: 6px 0 8px;
    font-size: 1.05rem;
    line-height: 1.25;
    color: #0f1724;
    font-weight: 700;
}

/* Beschreibungstext */
.uagb-timeline__day-new .uagb-timeline-desc-content {
    margin: 0;
    color: #475066;
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Pfeil an der rechten Seite (Dekorativ) */
.uagb-timeline__day-new .uagb-timeline__arrow {
    visibility: hidden;
}

article.in-view .uagb-timeline__events-inner--content {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(12,20,40,0.12);
    background: linear-gradient(180deg, #f4f5ff 0%, #eaeaff 100%);
}


/* Alternativ: für sehr kleine Bildschirme die Pfeil-Deko ausblenden */
@media (max-width: 640px) {
    .uagb-timeline__day-new .uagb-timeline__arrow { display: none; }
    .uagb-timeline__day-new .uagb-timeline__events-inner--content {
        padding: 14px;
        border-radius: 10px;
    }
    
    #block-22 {
        display: flex;
        justify-content: center;
    }
}

/* Optional: schöner Fokus (Zugänglichkeit) */
.uagb-timeline__day-new .uagb-timeline__events-inner--content:focus-within {
    outline: 3px solid rgba(99,102,241,0.12);
    outline-offset: 3px;
}

/* === Footer === */
@media (min-width: 545px){
    .wp-container-core-social-links-is-layout-15834411.wp-container-core-social-links-is-layout-15834411{
        justify-content: unset;
    }
}