/*
Theme Name: Yogalife Child
Template: yogalife
Description: Child-Theme für Yogalife mit ActionScheduler-Optimierungen
Version: 1.0.0
*/

@import url("../yogalife/style.css");

/* ==========================================================================
   Custom WooCommerce Anpassungen
   ========================================================================== */

/* WooCommerce: Description Block immer automatisch ausklappen */
#tab-description {
    display: block !important;
}

/* Farb- und Größenanpassung Preis Artikelseite */
.product .price,
.product_list_widget li .amount,
.product_list_widget li del {
    color: #CFA649 !important;
    font-size: 20px !important;
}

/* Farb- und Größenanpassung Währung Artikelseite */
.woocommerce-Price-currencySymbol {
    color: #CFA649;
    font-size: 24px;
}

/* Fix Spaltendarstellung im Checkout Prozess */
form label { 
    width: auto !important; 
}

/* ==========================================================================
   Checkout: Produktanzeige Fix für Germanized Pro Fallback-Template

   Das Standard WooCommerce Template hat eine andere Struktur als das
   Theme-Template. Diese CSS-Regeln korrigieren die Darstellung.
   ========================================================================== */

/* Checkout Review Order Tabelle */
.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: collapse;
}

/* Produktzeile im Checkout - Flexbox Layout */
.woocommerce-checkout-review-order-table .cart_item td.product-name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

/* Produktbild im Checkout */
.woocommerce-checkout-review-order-table .product-thumbnail,
.woocommerce-checkout-review-order-table td.product-name img {
    width: 80px;
    height: auto;
    flex-shrink: 0;
    float: left;
    margin-right: 15px;
}

/* Produktname neben dem Bild */
.woocommerce-checkout-review-order-table .product-name .product-title,
.woocommerce-checkout-review-order-table .product-name a {
    display: inline-block;
}

/* Menge unter dem Produktnamen */
.woocommerce-checkout-review-order-table .product-quantity {
    display: block;
    margin-top: 5px;
    color: #666;
}

/* Alternative: Falls das Theme andere Klassen verwendet */
.shop_table .checkout_table_item .product-info {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.shop_table .checkout_table_item .product-thumbnail {
    flex-shrink: 0;
    width: 80px;
}

.shop_table .checkout_table_item .product-thumbnail img {
    width: 100%;
    height: auto;
}

/* Clearfix für floats */
.woocommerce-checkout-review-order-table tr::after {
    content: "";
    display: table;
    clear: both;
}

/* ==========================================================================
   WooCommerce Block Checkout - Zahlungsoptionen Fix

   Problem: Stripe iframe überlagert die Radio-Buttons der Zahlungsmethoden
   Lösung: Radio-Buttons und Labels über dem Stripe-Overlay positionieren
   ========================================================================== */

/* Radio-Buttons im Zahlungsbereich - ÜBER dem Stripe Overlay */
.wc-block-components-radio-control-accordion input[type="radio"] {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 100 !important;
}

/* Labels klickbar */
.wc-block-components-radio-control-accordion .wc-block-components-radio-control__label {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 90 !important;
}

/* Option-Zeile (Radio + Label) über Content-Bereich */
.wc-block-components-radio-control-accordion .wc-block-components-radio-control__option {
    position: relative !important;
    z-index: 10 !important;
}

/* ==========================================================================
   Fix: fontawesome-social Font-Pfad Korrektur

   Das Parent-Theme hat einen falschen relativen Pfad in style.min.css:
   url('../font/...') statt url('font/...')
   Diese @font-face Regel überschreibt das mit dem korrekten Pfad.
   ========================================================================== */

@font-face {
    font-family: 'fontawesome-social';
    src: url('../yogalife/framework/css/font-icons/sosa-font/font/fontawesome-social.eot?85974358');
    src: url('../yogalife/framework/css/font-icons/sosa-font/font/fontawesome-social.eot?85974358#iefix') format('embedded-opentype'),
         url('../yogalife/framework/css/font-icons/sosa-font/font/fontawesome-social.woff?85974358') format('woff'),
         url('../yogalife/framework/css/font-icons/sosa-font/font/fontawesome-social.ttf?85974358') format('truetype'),
         url('../yogalife/framework/css/font-icons/sosa-font/font/fontawesome-social.svg?85974358#fontawesome-social') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   Fix: linecons Font - font-display: swap (UPDATE-SICHER)

   Das Parent-Theme (yogalife) hat font-display: block in linecons.css.
   block = Text unsichtbar während Font lädt = CLS!
   Diese Regel überschreibt das mit swap für bessere Performance.
   ========================================================================== */

@font-face {
    font-family: 'linecons';
    src: url('../yogalife/framework/css/font-icons/linecons/font/linecons.eot?ayb125');
    src: url('../yogalife/framework/css/font-icons/linecons/font/linecons.eot?ayb125#iefix') format('embedded-opentype'),
         url('../yogalife/framework/css/font-icons/linecons/font/linecons.ttf?ayb125') format('truetype'),
         url('../yogalife/framework/css/font-icons/linecons/font/linecons.woff?ayb125') format('woff'),
         url('../yogalife/framework/css/font-icons/linecons/font/linecons.svg?ayb125#linecons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   Fix: Element Pack Font - font-display: swap (UPDATE-SICHER)

   Das Plugin (bdthemes-element-pack) hat font-display: block in ep-font.css.
   block = Text unsichtbar während Font lädt = CLS!
   Diese Regel überschreibt das mit swap für bessere Performance.
   ========================================================================== */

@font-face {
    font-family: 'element-pack';
    src: url('/wp-content/plugins/bdthemes-element-pack/assets/fonts/element-pack.woff2?bhinol') format('woff2'),
         url('/wp-content/plugins/bdthemes-element-pack/assets/fonts/element-pack.ttf?bhinol') format('truetype'),
         url('/wp-content/plugins/bdthemes-element-pack/assets/fonts/element-pack.woff?bhinol') format('woff'),
         url('/wp-content/plugins/bdthemes-element-pack/assets/fonts/element-pack.svg?bhinol#element-pack') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   Weitere eigene Anpassungen hier hinzufügen
   ========================================================================== */