/**
Theme Name: Astra Child
Author: miraculix-lab
Author URI: https://uswebshop.miraculix-lab.com/about-us/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* 28-08-2025 */

/********

These are from US webshop
*********************************
 */
.ast-separate-container .ast-woocommerce-container {
    padding: 0;
}

.woocommerce-Price-amount.amount{
    font-size: 1.2em;
    font-weight: bold;
}
fieldset.ast-single-product-payments{
    border: 1px solid;
}

.ast-single-product-payments {
    display: inline-flex;
    margin-top: 20px;
}

.ast-single-product-payments legend {
    color: var(--ast-global-color-3);
    text-align: left;
}

.woocommerce-js div.product form.cart .reset_variations{
    border: 1px solid #00000020;
    font-size: var(--cfvsw-swatches-font-size, 12px);
    border-width: var(--cfvsw-swatches-border-width, 1px);
    padding: 10px 10px;
    border-radius: 3px;
    text-align: center;
    margin-top: 30px;
}

.woocommerce-js div.product form.cart .reset_variations:hover{
    border-color: var(--cfvsw-swatches-border-color-hover, #00000090);
    box-sizing: border-box;
    padding: 10px 10px;
    border-radius: 3px;
    text-align: center;
}

.flex-nav-prev .flex-prev{
    left: 0px;
}

.flex-nav-next .flex-next{
    right: 0px;
}

.woocommerce-product-gallery .flex-direction-nav .flex-next:after,
.woocommerce-product-gallery .flex-direction-nav .flex-nav-prev .flex-prev:after{
    rotate: 135deg;
    width: 20px;
    height: 20px;
    border-top: 5px solid var(--ast-global-color-3);
    border-left: 5px solid var(--ast-global-color-3);
}

.woocommerce-product-gallery .flex-direction-nav .flex-nav-prev .flex-prev:after{
    rotate: 315deg;
    left: 10px;
}

.woocommerce-product-gallery .flex-direction-nav .flex-next,
.woocommerce-product-gallery .flex-direction-nav .flex-prev{
    box-shadow: none;
    border-radius: 0;
    height: 40px;
}

.flex-direction-nav{
    position: absolute;
    top: 25%;
    width: 100%;
    padding: 0;
    margin: 0;
}

/***** add custom checkbox for single page *********/
/* Hide the default checkbox */
.cuw-product-checkbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 22px;
    height: 22px;
    margin: 0px;
    border: 2px solid #888;
    border-radius: 6px; /* Rounded corners (modern look) */
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    background: #fff;
}

/* Hover effect */
.cuw-product-checkbox:hover {
    border-color: #4a90e2;
    /*box-shadow: 0 0 4px rgba(74, 144, 226, 0.4);*/
}

/* Checked state */
.cuw-product-checkbox:checked {
    background-color: var(--ast-global-color-1);
    border-color: #4a90e2;
    border-width: 0;
}



/********** Woocommerce tab panel *************/
.woocommerce-Tabs-panel > div > div,
.woocommerce-Tabs-panel > div > div > div{
    max-width: 100% !important;

}

.woocommerce-Tabs-panel * {
    font-family: inherit !important;
}

.woocommerce-Tabs-panel > div > div{
    align-items: flex-start;
}

.woocommerce-Tabs-panel > div > div > div{
    max-width: 100% !important;

}

/* Tick mark */
.cuw-product-checkbox:checked::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}


.cuw-product-addons.cuw-products{
    margin: 40px 0;
}

.cuw-product-addons .cuw-gird{
    gap: 15px !important;
}

.cuw-product.cuw-product-row{
    align-items: flex-start !important;
    gap: 15px !important;
}

.woocommerce-js div.product form.cart div.quantity {
    border: 1px solid;
}

.cuw-product.cuw-product-row .cuw-product-checkbox{
    margin: 0px !important;
}

.woocommerce .quantity .minus {
    border: 1px solid;
    border-width: 0px 1px 0px 0px;
}

.woocommerce .quantity .plus {
    border: 1px solid;
    border-width: 0px 0px 0px 1px;
    margin-right: 0px;
}

/********

These are from US webshop
*********************************
 */

/********

These are from EU webshop
28-10-2025
*********************************
 */


#astra-footer-menu .menu-item .menu-link {
    letter-spacing: 2.4px;
}
.ast-footer-copyright p {
    letter-spacing: 1.2px;
}
.copyright-text {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    display: block;
    margin-top: 10px;
}

.copyright-text::after {
    content: " • Developed & Designed in Germany";
}


/* Header Optimierung Top Bar */

.top-header {
    background-color: #282727; /* Dunkler Hintergrund */
    color: #ffffff; /* Weiße Schriftfarbe */
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    text-align: center;
    padding: 1px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

/* Styling für Links */
.top-header a {
    text-decoration: none;
    color: #f5dba8; /* Goldfarbener Ton */
    font-weight: bold;
}

/* Hover-Effekt für Links */
.top-header a:hover {
    color: #ec671a; /* Orange beim Hover */
}

/* Abstand und Styling für das Herz-Icon */
.heart-icon {
    color: #ff4d4d; /* Rotes Herz */
    font-weight: bold;
}

/* Styling für das Flaggen-Icon */
.flag-icon {
    font-size: 18px;
    margin-left: 5px;
}

/* Styling für das LKW-Icon */
.top-header i {
    margin-right: 5px;
    color: #F5DBA8; /* Goldfarbener Ton */
}

/* Responsive Anpassung für kleine Bildschirme */
@media only screen and (max-width: 768px) {
    .top-header {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
}



/* Entfernt Unterstreichung von Links, außer Buttons */
a:not(.wp-element-button) {
    text-decoration: none;
}

/******* 2FA Input css *********/
#wfls-prompt-wrapper input[type="text"] {
    width: 100%;
    font-size: 18px;
    color: var(--e-global-color-text);
    background-color: #ffffff;
    border: 1px solid red;
    padding: 8px 10px;
    box-sizing: border-box;
    border-radius: 4px;
}


/**********
main site css fixinf.
 */

.total.total-cart-tax.wc-gzd-total-mini-cart{
    padding: 0.7em 1.34em !important;
}