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


/* GENERAL
---------------------------------------------------------------*/

label {
    font-size: 1rem;
}


/* PRODUCT ÜBERSICHT
---------------------------------------------------------------*/

.woocommerce-js ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.25em;
}

.product p.wc-gzd-additional-info {
    font-size: 0.75em !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.woocommerce-result-count, form.woocommerce-ordering {
    display: none;
}


/* PRODUKT DETAIL
---------------------------------------------------------------*/

.woocommerce-js div.product .product_title, .woocommerce-page div.product .product_title {
    font-size: 1.75em;
}

.woocommerce-js div.product form.cart {
    margin-top: 1.5em;
}



/* SINGLE VERANSTALTUNG
---------------------------------------------------------------*/

.single-veranstaltungen #primary {
    margin-top: 0 !important;
}

.single-veranstaltungen .veranstaltung-thumbnail-fullwidth {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-bottom: 2rem;
}
.single-veranstaltungen .veranstaltung-thumbnail-fullwidth img {
    display: block;
    width: 100%;
    height: auto;
}

.single-veranstaltungen span.dachzeile {
    font-size: 1.25em;
    text-transform: uppercase;
    color: #c5a059;
    margin-bottom: 0.5rem;
    display: block;
}

.single-veranstaltungen .alle-termine {
    margin-top: 6rem;
}

.single-veranstaltungen .alle-termine-tabelle {
    width: 100%;
	border-collapse: collapse;
	color: inherit;
	border: none !important;
}

.single-veranstaltungen .alle-termine-tabelle thead tr,
.single-veranstaltungen .alle-termine-tabelle tbody tr {
	border-bottom: 1px solid #c5a059;
}

.single-veranstaltungen .alle-termine-tabelle th {
	text-align: left;
    color: #3c4d42;
	font-weight: 600;
	font-size: 1.25rem;
	padding: .75rem .75rem;
	border: none !important;
}

.single-veranstaltungen .alle-termine-tabelle td {
	padding: .75rem .75rem;
	vertical-align: middle;
	border: none !important;
}

.single-veranstaltungen .alle-termine-tabelle__ticket-btn {
    display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	white-space: nowrap;
	border-radius: 999px;
	padding: 0.5rem 1.5rem;
	background-color: #c5a059;
    color: #fff;
	text-decoration: none;
	font-size: 0.95rem;
	transition: background-color 0.15s ease, color 0.15s ease;
	text-decoration: none !important;
	font-size: 20px;
	line-height: 1;
}

.single-veranstaltungen .alle-termine-tabelle__ticket-btn:hover,
.single-veranstaltungen .alle-termine-tabelle__ticket-btn:focus {
    background-color: #c5a059;
    color: #f9f8f6;
}

@media (max-width: 600px) {
    .single-veranstaltungen .alle-termine-tabelle,
    .single-veranstaltungen .alle-termine-tabelle thead,
    .single-veranstaltungen .alle-termine-tabelle tbody,
    .single-veranstaltungen .alle-termine-tabelle tr,
    .single-veranstaltungen .alle-termine-tabelle td {
        display: block;
        width: 100%;
    }

    .single-veranstaltungen .alle-termine-tabelle thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .single-veranstaltungen .alle-termine-tabelle tbody tr {
        margin-bottom: 1.25rem;
        padding: 0.5rem 0;
    }

    .single-veranstaltungen .alle-termine-tabelle td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem 0.75rem;
        border: none !important;
    }

    .single-veranstaltungen .alle-termine-tabelle td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #3c4d42;
        margin-right: 1rem;
    }

    .single-veranstaltungen .alle-termine-tabelle td.alle-termine-tabelle__tickets-col {
        justify-content: flex-end;
        padding-top: 0.75rem;
    }
}



/* FOOTER
---------------------------------------------------------------*/

.site-footer li.button {
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 5px !important;
    text-align: left;
    border: none !important;
}

.site-footer li.button a {
    background-color: transparent !important;
    border: 1px solid #c5a059 !important;
    padding: .5em .75em !important;
    border-radius: 30px;
    display: inline-block;
    text-align: unset;
}

.site-footer li.button a:hover {
    text-decoration: none;
}

.site-footer h2.wp-block-heading {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    overflow-wrap: break-word;
}

@media (max-width: 795px) {
    .site-footer h2.wp-block-heading {
        font-size: 24px !important;
    }
}