/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/* Change Add to Cart button text color for WooCommerce variations */
.single_variation_wrap .single_add_to_cart_button {
    color: #0000FF; /* Blue text color */
}

/* Optionally, change the background color too */
.single_variation_wrap .single_add_to_cart_button {
    background-color: #FFFFFF; /* White background color */
}

/* Mehr Space im Checkout für die Zahlungsweisen und den Kaufen-Button - von Marco eingefuegt */
.woocommerce-checkout #payment.woocommerce-checkout-payment .wc_payment_methods li {margin-bottom:2em;}
.woocommerce-checkout #payment .place-order button {margin-top:2em;}


/*
*
*Abonnement einer anderen Person schenken - von Marco eingefuegt *
*/

/* Target the container for "Gifting a subscription" */
.wcsg_add_recipient_fields_container {
    background-color: #FFFADF; /* Light gray background */
    border: 1px solid #ddd; /* Light border */
    padding: 16px; /* Add some spacing inside */
    padding-bottom: 8px; /* Add some spacing inside */
    border-radius: 3px; /* Slightly round corners */
    margin-top: 20px; /* Space above element */
	    margin-bottom: 28px; /* Space above element */
}

/* Target the checkbox inside the container */
.wcsg_add_recipient_fields_container input[type="checkbox"] {
    width: 20px; /* Adjust size */
    height: 20px; /* Adjust size */
    cursor: pointer; /* Show pointer cursor on hover */
}

/* Target any label or text associated with the checkbox */
.wcsg_add_recipient_fields_container label {
    font-size: 14px; /* Make the text readable */
    color: #333; /* Dark gray text color */
    margin-left: 12px; /* Space between checkbox and text */
    margin-top: 8px; /* Space between checkbox and text */

}

/* Target specific text fields (if present) inside the container */
.wcsg_add_recipient_fields_container input[type="text"],
.wcsg_add_recipient_fields_container input[type="email"] {
    width: 100%; /* Full width */
    padding: 10px; /* Add padding inside input */
    margin-top: 10px; /* Space above inputs */
    border: 1px solid #ccc; /* Light border for input */
    border-radius: 4px; /* Rounded corners */
    font-size: 14px; /* Font size for text inside input */
}

/* Add some hover effects */
.wcsg_add_recipient_fields_container input[type="checkbox"]:hover + label {
    color: #0073aa; /* Change label color on hover */
}

/* Add a nice focus effect for text or email inputs */
.wcsg_add_recipient_fields_container input[type="text"]:focus,
.wcsg_add_recipient_fields_container input[type="email"]:focus {
    border-color: #0073aa; /* Change border color on focus */
    outline: none; /* Remove default outline */
}

/*
*
* Schriftstil einstellen von .mytheme-swetrix-captcha-title in your style.css - von Marco eingefuegt *
*/
.mytheme-swetrix-captcha-title {
    font-size: 0.9rem;
    margin-top: 0.7em;
	margin-bottom: 0.4em;
}

/* =============================================================
   WOOCOMMERCE INFO NOTICE — LAYOUT FIX
   ============================================================= */

.woocommerce-info {
    padding: 1em 1.5em 1em 3.5em !important;
    position: relative !important;
    display: block !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.woocommerce-info::before {
    position: absolute !important;
    top: 50% !important;
    left: 1em !important;
    transform: translateY(-50%) !important;
    float: none !important;
    margin: 0 !important;
    line-height: 1 !important;
}

/* Match WooCommerce order received heading to Elementor global preset */
/* Match order received heading to Verda-Titl-Bold-Normal preset */
.woocommerce-thankyou-order-received {
    font-family: var(--e-global-typography-839d447-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-839d447-font-size) !important;
    font-weight: var(--e-global-typography-839d447-font-weight) !important;
    text-transform: var(--e-global-typography-839d447-text-transform) !important;
    line-height: var(--e-global-typography-839d447-line-height) !important;
	color: var(--e-global-color-text) !important;
}