/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */

/* Helper Classes */
/* Desktop: Zeilenumbruch anzeigen */
@media (min-width: 768px) {
    .mobile-no-break {
        display: block;
    }
}

/* Mobile: Zeilenumbruch ausblenden */
@media (max-width: 767px) {
    .mobile-no-break {
        display: inline;
    }
}

/* Desktop: Verstecken */
@media (min-width: 768px) {
    #desktop-hide {
        display: none!important;
    }
}

/* PDP - Laufzeiten */
.runtime-card{
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.runtime-card:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
}

.runtime-card.active{
  border-color: var(--e-global-color-primary);
  box-shadow: 0 0 0 1px var(--e-global-color-primary) inset;
}

.runtime-card a{
  pointer-events: none;
}

/* LearnDash Ablauf-Box für Zugangszeiten */
.ld-expiry-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.ld-expiry-item{display:flex;gap:12px;align-items:baseline;justify-content:space-between}
.ld-expiry-title{text-decoration:none}
.ld-expiry-date{white-space:nowrap;opacity:.75}

/* WooCommerce Default Colors an Elementor knüpfen */
.elementor-kit-17289{
  --wc-btn-bg: var(--e-global-color-primary, #111);
  --wc-btn-bg-hover: var(--e-global-color-749b369, #000);
  --wc-btn-text: var(--e-global-color-25d4f90, #fff);
  --wc-btn-radius: 8px;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt{
  background-color: var(--wc-btn-bg) !important;
  color: var(--wc-btn-text) !important;
  border-radius: var(--wc-btn-radius) !important;
  border: none !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover{
  background-color: var(--wc-btn-bg-hover) !important;
  color: var(--wc-btn-text) !important;
}