/*
Theme Name: DOWE Shop Basic
Template:   astra
Description: a basic shop child-template from DOWE based on Astra
*/

/* CUSTOM SHOP */


html {
    padding: 0;
    margin: 0;
}

/* Verstecke Gutscheine mit der Klasse 'hidden-free-shipping' 
.wc-block-components-totals-discount__coupon-list li:last-child {
	display: none !important;
}
*/

p.total.shipping-costs-cart-info.wc-gzd-total-mini-cart {
    display: none;
}

ul.wc-block-components-totals-discount__coupon-list {
	padding:0px;
}

li.wc-block-components-totals-discount__coupon-list-item.is-removable.wc-block-components-chip.wc-block-components-chip--radius-large {
    background: #ffee02;
    border-radius: 0px;
	border: none;
}

.wc-block-components-chip .wc-block-components-chip__remove {
	display: flex;
	align-items: center;
	background: none !important;
	box-shadow: none !important;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('fonts/DINPro-Bold.eot');
    src: local('DIN Pro Bold'), local('DINPro-Bold'),
        url('fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/DINPro-Bold.woff2') format('woff2'),
        url('fonts/DINPro-Bold.woff') format('woff'),
        url('fonts/DINPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('fonts/DINPro-Italic.eot');
    src: local('DIN Pro Italic'), local('DINPro-Italic'),
        url('fonts/DINPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/DINPro-Italic.woff2') format('woff2'),
        url('fonts/DINPro-Italic.woff') format('woff'),
        url('fonts/DINPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('fonts/DINPro-BoldItalic.eot');
    src: local('DIN Pro Bold Italic'), local('DINPro-BoldItalic'),
        url('fonts/DINPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/DINPro-BoldItalic.woff2') format('woff2'),
        url('fonts/DINPro-BoldItalic.woff') format('woff'),
        url('fonts/DINPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('fonts/DINPro-LightItalic.eot');
    src: local('DIN Pro Light Italic'), local('DINPro-LightItalic'),
        url('fonts/DINPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/DINPro-LightItalic.woff2') format('woff2'),
        url('fonts/DINPro-LightItalic.woff') format('woff'),
        url('fonts/DINPro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('fonts/DINPro-Light.eot');
    src: local('DIN Pro Light'), local('DINPro-Light'),
        url('fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/DINPro-Light.woff2') format('woff2'),
        url('fonts/DINPro-Light.woff') format('woff'),
        url('fonts/DINPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('fonts/DINPro-Medium.eot');
    src: local('DIN Pro Medium'), local('DINPro-Medium'),
        url('fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/DINPro-Medium.woff2') format('woff2'),
        url('fonts/DINPro-Medium.woff') format('woff'),
        url('fonts/DINPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('fonts/DINPro-MediumItalic.eot');
    src: local('DIN Pro Medium Italic'), local('DINPro-MediumItalic'),
        url('fonts/DINPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/DINPro-MediumItalic.woff2') format('woff2'),
        url('fonts/DINPro-MediumItalic.woff') format('woff'),
        url('fonts/DINPro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('fonts/DINPro.eot');
    src: local('DIN Pro'), local('DINPro'),
        url('fonts/DINPro.eot?#iefix') format('embedded-opentype'),
        url('fonts/DINPro.woff2') format('woff2'),
        url('fonts/DINPro.woff') format('woff'),
        url('fonts/DINPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'DIN PRO', Montserrat;
}


#page {
	font-family: 'DIN PRO', Montserrat;
	line-height: normal;
	letter-spacing: -0.025em;
	font-weight: 300;
	font-size: 16px;
}

#page p {
	font-size: 18px;
    font-family: 'DIN PRO', Montserrat;
    font-weight: 300;
    margin: 0 0 24px 0;
}

#page h1, #page .h1 {
	font-size: 46px;
    color: #000;
    font-family: 'DIN PRO', Montserrat;
    font-weight: 700;
}

#page h2, #page .h2 {
	font-size: 32px;
    color: #000 !important;
	text-transform: uppercase;
    font-family: 'DIN PRO', Montserrat;
}

#page h3, #page .h3 {
	font-size: 24px;
	color: #000;
	text-transform: uppercase;
    font-family: 'DIN PRO', Montserrat;
}

#page a, #page a:hover, #page a:focus {outline: none !important;}

#page .link {
    border-bottom: 1px dotted #000;
}

#page b {
    font-weight: 500;
}

.video-mode-on {
    margin: 0 auto;
    margin-bottom: 120px;
    width: 100%;
}

.video-mode-on iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.video-mode-on-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 60px;
	margin-bottom: 60px;
}

.video-mode-on-content img {
    width: 100%;
    height: auto;
}

.woocommerce-product-details__short-description {
    margin-bottom: 60px;
}

.woocommerce-js ul.products li.product .button, .woocommerce-page ul.products li.product .button {
    font-weight: 400;
}

.woocommerce-page button, .woocommerce-page .button, #ast-scroll-top, .wc-block-cart__submit-container a {
    border-radius: 0px !important;
}

.woocommerce-page button, .woocommerce-page .button {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.wc-block-cart-item__quantity button {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.woocommerce-js div.product form.cart .variations select {
    border-radius: 0px !important;
    min-height: 46px;
}

.woocommerce-js .quantity .qty {
    min-height: 46px !important;
}

.wc-block-components-totals-coupon {
    text-align: right;
}

.wc-block-components-totals-coupon a {
    border: 1px solid #00408A;
    background: #00408A;
    color: #fff;
    width: 100%;
    padding: 6px 12px;
    border-radius: 500px;
}

.wc-block-components-totals-footer-item {
    font-family: 'DIN PRO', Montsserat;
}

.wc-block-components-totals-coupon a:hover, .wc-block-components-totals-coupon a:focus {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}

.components-button .wc-block-components-button .wp-element-button .wc-block-cart__submit-button .contained {
    background: #000 !important;
    color: #fff !important;
}

/* CHECKOUT */
.woocommerce-checkout .wc-block-components-address-form-wrapper input, .wc-block-checkout__contact-fields input {
    min-height: 56px !important;
}

.wc-block-components-order-summary {
    background: #fff !important;
}

/* HERO */

.main-hero, .main-hero-slider {
    margin-bottom: 60px;
}

.home-content {
    margin-bottom: 30px;
    max-width: 1000px;
}

.dowe-label {
    position: absolute;
    width: 40px;
    top: 50px;
    left: calc(137px + 30px);
    z-index: 500;
}

.dowe-label img {
    width: 100%;
    max-width: 50px !important;
}

/* SHOP */

.main-shop {
    width: 100%;
}

.main-shop .woocommerce-ordering {
    display: none;
}

#main .ast-separate-container .entry-content[ast-blocks-layout] > .alignwide, .ast-plain-container .entry-content[ast-blocks-layout] > .alignwide {
    margin: 0px !important;
}

.ast-site-header-cart i.astra-icon:after {
    letter-spacing: -1.5px !important;
}

.main-shop .ast-archive-description {
    display: none;
}

.main-shop .woocommerce-result-count {
    display: none;
}

/* PRODUCT */
.main-shop .product .woocommerce-loop-product__title {
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    font-family: 'DIN PRO', Montserrat !important;
    letter-spacing: .1em !important;
}

.main-shop .astra-shop-summary-wrap {
    text-align: center;
}

.main-shop .add_to_cart_button, .related .product .add_to_cart_button {
    width: 100%;
    margin: 10px 0 !important;
    border-radius:0px !important;
    padding: 8px 5px !important;
    text-align: center;
    background: #000 !important;
    font-size: 15.3px !important;
    line-height: normal !important;
}

a.ast-loop-product__link h2 {
    font-weight: 400 !important;
}

.woocommerce-js ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    font-weight: 400 !important;
    font-size: 16px !important;
}

.woocommerce-js ul.products li.product a.ast-loop-product__link {
    text-align-last: left !important;
    font-weight: 400 !important;
}

.woocommerce-js ul.products li.product .price, .woocommerce-page ul.products li.product .price {
    text-align: left !important;
}

.main-shop .product .woocommerce-Price-amount {
    font-size: 15.3px !important;
    color: #1c1d1d !important;
    margin-top: 5px;
    font-weight: 400;
}

.main-shop .product .ast-on-card-button {
    display: none !important;
}

.legal-price-info .wc-gzd-additional-info {
    display: none;
}

.main-shop .product .wc-gzd-additional-info, .related .product .wc-gzd-additional-info {
    display: none;
}

.woocommerce-product-gallery__trigger {
    background: #e6e6e6 !important;
    display: none !important;
}

.dowe-product-desc {
    display: flex;
    flex-direction: column;
}

.dowe-product-desc div {
    display: grid;
    grid-template-columns: 1fr 4fr;
}

.dowe-product-desc div strong {
    width: min-content;
    border: 1px solid #eee;
    border-bottom: none;
    border-right: none;
    padding: .67em 1.34em;
    color: var(--ast-global-color-2);
}

.dowe-product-desc div span {
    border: 1px solid #eee;
    border-bottom: none;
    padding: .67em 1.34em;   
}

.dowe-product-desc div:last-child span, .dowe-product-desc div:last-child strong {
    border-bottom: 1px solid #eee;
}

section.related {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid #eee;
}


/* OFF CANVAS CART */
.ast-desktop .astra-cart-drawer {
    max-width: 450px;
}
.astra-cart-drawer a, .astra-cart-drawer p {
    color: #000 !important;
}

.woocommerce-js .widget_shopping_cart .total strong, .woocommerce-js.widget_shopping_cart .total strong {
    color: #000 !important;
}

.astra-cart-drawer .button {
    color: #fff !important;
    text-transform: uppercase;
    font-size: 14px !important;
}

.astra-cart-drawer .astra-cart-drawer-title {
    font-family: 'DIN PRO', Montserrat;
    font-weight: 700;
    text-transform: uppercase !important;
    color: #000 !important;
    text-transform: none;
    overflow-wrap: break-word;
    word-wrap: break-word;
    line-height: normal;
    font-size: 32px;
}

.astra-cart-drawer .astra-cart-drawer-header {
    max-height: 4.5em !important;
}

.astra-cart-drawer .astra-cart-drawer-content {
    padding-top: 4.5em !important;
}

.astra-cart-drawer .astra-cart-drawer-close {
    color: #000 !important;
}



/* NAVI */

.widget_shopping_cart_content {
    background: #fff;
}

.ast-site-header-cart .ast-addon-cart-wrap i.astra-icon:after {
    background-color: #e40033 !important;
}

.ast-header-account:hover path, .ast-header-account:focus path, .ast-header-account:hover circle, .ast-header-account:focus circle {
    fill: #e40033 !important;
}

.astra-cart-drawer .astra-cart-drawer-close {
    box-shadow: none !important;
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: normal;
    padding: 7.5px 15px;
}

.menu-link {
    color: #000 !important;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    line-height: normal;
    padding: 0 !important;
    letter-spacing: 3.2px;
    text-transform: uppercase;
}

.menu-link::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: calc(100% - 16px);
    background-color: #ffee02;
    margin: 0 8px;
}


button#wc-block-components-totals-shipping__change-address__link {
    background: none;
    padding: 0;
    box-shadow: none;
    color: #000;
}

/* FOOTER */

#page footer a {
    color: #fff;
}

#page footer .ast-footer-copyright, #page .ast-footer-copyright p {
    font-size: 12.6px;
}

#page footer .footer-menu-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#page footer .footer-menu-item ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
} 

#page footer .footer-menu-item .h4 {
    text-align: left;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 0;
    font-family: 'DIN PRO', Montserrat;
}

#page footer .footer-menu-item ul > li {
    margin: 0;
    padding: 4px 0;
    text-align: left;
    font-size: 15.3px;
}

#page footer .site-above-footer-wrap .h3 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 30px;
}

#page footer .site-above-footer-wrap p {
    color: #000;
    font-size: 15px;
}

footer img.wp-image-815 {
    max-width: 150px;
}

footer .footer-widget-area {
    text-align: right !important;
    margin-top: 30px;
}

.no-shdw {
    box-shadow: none !important;
}

/* RESPONSIVE */

@media only screen and (max-width: 768px) { 
    .main-hero {
        max-height: 250px;
        margin-bottom: 60px;
    }

    .main-shop .product .woocommerce-loop-product__title {
        font-size: 1rem !important;
    }

    .video-mode-on {
        max-width: 100%;
        padding: 0px 20px;
    }

    .video-mode-on-content {
        grid-template-columns: 1fr;
    }

    .video-mode-on-content .vid-col:first-child {
        order: 2;
    }

    #page footer .footer-menu-grid {
        gap: 40px;
        display: flex;
    }

    .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
        gap: 40px;
    }    

    #page footer .alignright {
        margin: 0;
    }
}