/*
Theme Name: Hello Elementor Child
Description: This is a child theme for Hello Elementor Theme
Author: UX Themes
Template: hello-elementor
Version: 1.0.0
*/

/*general designs*/
input[type="checkbox"] {
    accent-color: #81958d;
}

/* buttons */
.sib_signup_form .sib-default-btn,
.elementor-widget-button a.elementor-button,
a.add_to_cart_button,
.e-form__buttons button.elementor-button,
button.woocommerce-button,
.elementor-menu-cart__footer-buttons a.elementor-button,
.woocommerce .woocommerce-notices-wrapper .wc-forward,
.fc-checkout-steps .fc-step__actions .fc-step__next-step,
.woocommerce .woocommerce-cart-form .coupon .e-apply-coupon,
.woocommerce .shop_table .actions button[name="update_cart"],
.cart_totals a.checkout-button,
.place-order button,
.fc-step__substep .fc-step__substep-save,
.woocommerce .woocommerce-Button,
.cart button.single_add_to_cart_button { 
    border: 2px solid #E6B7A8 !important;
    background-color: #E6B7A8 !important;
    color: #000000 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    padding: 12px 24px !important;
    margin: 0 !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    font-family: "Glacial Indifference", Sans-serif !important;
}

/* buttons hover */
.sib_signup_form .sib-default-btn:hover,
.elementor-widget-button a.elementor-button:hover,
a.add_to_cart_button:hover,
.e-form__buttons button.elementor-button:hover,
button.woocommerce-button:hover,
.elementor-menu-cart__footer-buttons a.elementor-button:hover,
.woocommerce .woocommerce-notices-wrapper .wc-forward:hover,
.fc-checkout-steps .fc-step__actions .fc-step__next-step:hover,
.woocommerce .woocommerce-cart-form .coupon .e-apply-coupon:hover,
.woocommerce .shop_table .actions button[name="update_cart"]:hover,
.cart_totals a.checkout-button:hover,
.place-order button:hover,
.fc-step__substep .fc-step__substep-save:hover,
.woocommerce .woocommerce-Button:hover,
.cart button.single_add_to_cart_button:hover { 
    transition-duration: 0.3s;
    background-color: #ffffff !important;
    color: #000000 !important;
}

/*button product page & product detail page*/
ul.products li.product .button {
    color: #000;
    border-radius: 4px;
}

#elementor-menu-cart__toggle_button:hover, #elementor-menu-cart__toggle_button:focus {
    border: unset;
}

/* cart */
.woocommerce .woocommerce-cart-form .coupon .coupon-col-start input {
    height: 100%;
}

/*checkout*/
.fc-progress-bar--bars .fc-progress-bar__steps .fc-progress-bar__step.is-complete {
    background-color: #CCD6C7 !important;
}

.fc-progress-bar--bars .fc-progress-bar__steps .fc-progress-bar__step.is-current {
    background-color: #81958d !important;
}

#fc-wrapper #payment .payment_methods > .wc_payment_method > input[name=payment_method]:checked+label:before {
    background-color: #81958d !important;
    border-color: #81958d !important;
}

/*product detail page*/
.related.products {
    display: none;
}

.woocommerce-message, .woocommerce-info {
    border-top-color: #81958d;
}

.woocommerce-message::before, .woocommerce-info::before {
    color: #81958d;
}

.woocommerce-message, .woocommerce-info {
    background-color: #ccd6c74a;
}

.woocommerce-error {
    background-color: #b81c2308;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: #ccd6c74a;
    border: 1px solid #ccd6c7;
    margin: 0;
}

/*price*/
span.woocommerce-Price-amount.amount {
    color: #000;
    font-weight: bold;
}

.legacy-itemprop-offers .price {
    display: none;
}

/*tab*/
li#tab-title-description, li#tab-title-das-erwartet-dich, li#tab-title-freebie-zum-kurs {
    color: #8C9A93;
}

/*course page*/
.learndash .learndash-wrapper .ld-tabs {
    margin: 0;
}

.learndash-wrapper .ld-lesson-list,
.learndash-wrapper .ld-course-status {
    max-width: 1040px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item {
    border: 2px solid #8C9A93 !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item:hover {
    border: 2px solid #8C9A93;
    background-color: #8C9A93;
}

.learndash-wrapper .ld-item-list .ld-item-list-item:hover .ld-tooltip,
.learndash-wrapper .ld-item-list .ld-item-list-item:hover a,
.learndash-wrapper .ld-item-list .ld-item-list-items .ld-item-list-item a.ld-item-name:hover {
    color: #ffffff !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item:hover .ld-status-icon.ld-status-complete {
    color: #8C9A93;
    background-color: #ffffff !important;
}

.ld-status-icon.ld-status-complete.ld-secondary-background {
    margin-top: 0!important;
}

.elementor-custom-embed-play svg.e-eicon-play {
    height: 70px;
    width: 70px;
}

.learndash-wrapper .ld-tabs .ld-tab-content .elementor-widget-button a.elementor-button.elementor-button-link {
    border-bottom: 2px solid var(--e-global-color-primary) !important;
}

/* Course beitreten Button */
a#btn-join.btn-join.button.button-primary.button-large.wp-element-button.learndash-button-closed:focus {
    outline: unset;
}

/* Kringel */
.ring {
    background-image: url('/wp-content/uploads/2025/09/kringel-2.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    display: inline-block;
    padding: 0 0.5em;
    line-height: 2em;
}

/* Remove product images hover-zoom effect */
.woocommerce-product-gallery__image .zoomImg {
    display: none !important;
}

.woocommerce-product-gallery__image {
    pointer-events: none !important;
    cursor: default !important;
}

/* blog */
article.elementor-grid-item {
    box-shadow: 0px 0px 10px #00000029;
}

article.elementor-grid-item .elementor-post__text {
    padding: 0 15px 15px 15px !important;
}

/* my account */
.woocommerce-form-login .form-row .woocommerce-button {
    margin-right: 20px !important;
}

@media screen and (max-width: 768px) {
    header .e-con-inner {
        justify-content: space-between !important;
    }

    header .e-con-inner .e-child:last-child {
        justify-content: flex-start;
        gap: 20px;
    }
}