/*
 Theme Name:   Aiko Child
 Theme URI:    http://aiko.bold-themes.com
 Description:  Aiko child theme
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     aiko
 Version:      1.0.0
 Tags:         one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  aiko-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */


/* Preis-Präfix */
.woocommerce-price .woocommerce-Price-amount::before {
    content: 'T ';
    font-weight: bold;
    color: #ff0000;
}


/* Einzelprodukt */
.woocommerce div.product .product_title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.woocommerce div.product .woocommerce-product-details__short-description {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.woocommerce div.product form.cart {
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.woocommerce div.product .variations select {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}


/* Beschreibung */
.woocommerce div.product .woocommerce-Tabs-panel--description {
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #f9f9f9;
    padding: 25px 30px !important;
    margin-bottom: 30px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.woocommerce div.product .woocommerce-Tabs-panel--description h2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

.woocommerce div.product .woocommerce-Tabs-panel--description p {
    font-size: 1rem;
    line-height: 1.6;
    color: #555;
}

.woocommerce div.product .woocommerce-Tabs-panel--description p + p {
    margin-top: 15px;
}


/* Preisboxen allgemein */
.woocommerce div.product .woocommerce-Price-amount,
.woocommerce ul.products li.product .price,
.woocommerce div.product .related.products .price {
    background-color: #9C1006;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin: 10px auto;
}

.woocommerce div.product .woocommerce-Price-amount {
    font-size: 1rem;
    padding: 5px 10px;
}

.woocommerce ul.products li.product .price {
    font-size: 0.85rem !important;
    padding: 5px 8px !important;
    text-align: center !important;
}

.woocommerce ul.products li.product .price:hover {
    background-color: #B71C1C !important;
    transition: all 0.3s ease !important;
}

.woocommerce div.product .product_meta {
    margin-top: 15px;
}


/* Ähnliche Produkte */
.woocommerce div.product .related.products {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: 20px;
}

.woocommerce div.product .related.products > h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}

/* 3 Produkte nebeneinander */
.woocommerce div.product .related.products ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
    padding: 0;
}

.woocommerce div.product .related.products ul.products li.product {
    width: calc(33.333% - 14px) !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
    list-style: none;
    text-align: center;
}

/* Bild */
.woocommerce div.product .related.products ul.products li.product img {
    max-width: 50% !important;
    margin: 0 auto !important;
    display: block !important;
    border: 3px solid #9C1006;
    border-radius: 10px;
    padding: 5px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Produktname */
.woocommerce div.product .related.products ul.products li.product h2,
.woocommerce div.product .related.products ul.products li.product .woocommerce-loop-product__title {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #333;
    text-align: center !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    transition: color 0.3s ease;
}

.woocommerce div.product .related.products ul.products li.product h2:hover,
.woocommerce div.product .related.products ul.products li.product .woocommerce-loop-product__title:hover {
    color: #9C1006;
}

/* Preis bei ähnlichen Produkten */
.woocommerce div.product .related.products ul.products li.product .price {
    background-color: #9C1006 !important;
    color: #fff !important;
    font-weight: bold !important;
    text-align: center !important;
    border-radius: 5px !important;
    padding: 5px 10px !important;
    font-size: 0.9rem !important;
    display: inline-block !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    transition: background-color 0.3s ease;
}

.woocommerce div.product .related.products ul.products li.product .price:hover {
    background-color: #B71C1C !important;
    color: #fff !important;
}

/* Button */
.woocommerce div.product .related.products ul.products li.product .button {
    background-color: #9C1006 !important;
    color: #fff !important;
    font-size: 0.85rem !important;
    padding: 8px 15px !important;
    border-radius: 5px !important;
    margin-top: 10px !important;
    text-align: center !important;
}

.woocommerce div.product .related.products ul.products li.product .button:hover {
    background-color: #B71C1C !important;
    color: #fff !important;
}


/* Bewertungen */
.woocommerce div.product #reviews {
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    background-color: #f9f9f9 !important;
    padding: 25px 30px !important;
    margin-top: 20px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.woocommerce div.product #reviews h2 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 20px !important;
}

.woocommerce div.product #reviews .commentlist li {
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
}

.woocommerce div.product #reviews .star-rating {
    color: #9C1006 !important;
    font-size: 1.2rem !important;
}


/* Produktlisten allgemein */
.woocommerce ul.products li.product .button {
    font-size: 0.85rem !important;
    padding: 8px 15px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}


/* Sidebar */
#secondary.widget-area {
    background-color: #f7f7f7 !important;
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin-top: 20px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}

#secondary.widget-area h2,
#secondary.widget-area h3 {
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 15px !important;
}

#secondary.widget-area .widget {
    margin-bottom: 20px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #ddd !important;
}

#secondary.widget-area .widget:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#secondary.widget-area .button {
    font-size: 0.9rem;
    padding: 8px 12px;
    border-radius: 5px;
    box-shadow: none;
    text-transform: none;
}


/* Suche */
.dgwt-wcas-sf-wrapp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
    border: none !important;
    border-radius: 10px;
    padding: 5px 15px;
    width: 100%;
}

.dgwt-wcas-search-input {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    padding: 20px 15px !important;
    font-size: 1rem !important;
    color: #333 !important;
}

.dgwt-wcas-ico-magnifier {
    flex-shrink: 0;
    margin-left: 230px;
    color: #333;
    font-size: 1.2rem;
    cursor: pointer;
}

.dgwt-wcas-search-input::placeholder {
    color: #aaa;
    font-size: 0.95rem;
}

.dgwt-wcas-search-input:hover,
.dgwt-wcas-search-input:focus {
    background-color: #fff;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}


/* Tabellen / Warenkorb */
.woocommerce-table .product-image img {
    max-width: 100px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.modern-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-family: Arial, sans-serif;
}

.modern-table thead tr {
    background-color: #f8f8f8;
    text-align: left;
    font-weight: bold;
}

.modern-table tfoot tr {
    background-color: #f8f8f8;
    font-weight: bold;
}

.modern-table th,
.modern-table td {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
}

.modern-table .product-overview {
    display: flex;
    align-items: center;
    gap: 15px;
}

.modern-product-image img {
    max-width: 80px;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.modern-product-details {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.modern-product-details strong {
    font-size: 16px;
    margin-bottom: 5px;
}

.modern-product-total {
    font-weight: bold;
    color: #333;
}

.boldred b {
    color: #9c1006;
}


/* Responsive */
@media (max-width: 1024px) {
    .woocommerce div.product .related.products ul.products li.product {
        width: calc(50% - 10px) !important;
    }
}

@media (max-width: 768px) {
    .woocommerce div.product .related.products ul.products li.product {
        width: 100% !important;
    }

    .dgwt-wcas-ico-magnifier {
        margin-left: 20px;
    }
}

/* Related Products final fix */
.woocommerce div.product .related.products ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    gap: 20px !important;
}

.woocommerce div.product .related.products ul.products li.product {
    width: calc(33.333% - 14px) !important;
    margin: 0 !important;
    padding: 15px !important; /* grauen Rahmen innen kleiner machen */
    float: none !important;
    clear: none !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* Bild etwas kompakter */
.woocommerce div.product .related.products ul.products li.product img {
    max-width: 42% !important;
    margin: 0 auto 10px auto !important;
}

/* Titel kompakter */
.woocommerce div.product .related.products ul.products li.product h2,
.woocommerce div.product .related.products ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.95rem !important;
    line-height: 1.3 !important;
    margin: 10px 0 8px 0 !important;
}

/* Preisbox kompakter */
.woocommerce div.product .related.products ul.products li.product .price {
    font-size: 0.82rem !important;
    padding: 5px 10px !important;
    margin: 6px 0 10px 0 !important;
    line-height: 1.2 !important;
}

/* Button bei ähnlichen Produkten */
.woocommerce div.product .related.products ul.products li.product .button {
    display: inline-block !important;
    width: auto !important;
    margin: 10px auto 0 auto !important;
    padding: 10px 18px !important;
    font-size: 0.85rem !important;
    text-align: center !important;
    border-radius: 5px !important;
}
.woocommerce div.product .related.products ul.products li.product {
    text-align: center;
}
/* Preis-Token perfekt zentrieren */
.woocommerce ul.products li.product .price {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Token-Schrift immer weiß */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol,
.woocommerce div.product .related.products .price,
.woocommerce div.product .related.products .price .woocommerce-Price-amount,
.woocommerce div.product .related.products .price .woocommerce-Price-currencySymbol {
    color: #fff !important;
}
/* Mobile: Sidebar vor dem Content anzeigen */
@media (max-width: 768px) {
    #content.site-content {
        display: flex !important;
        flex-direction: column !important;
    }

    #content.site-content > aside#secondary.widget-area {
        order: 1 !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    #content.site-content > main#primary.site-main {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}
/* Token-Schrift auf allen Browsern wirklich weiß */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price *,
.woocommerce div.product .related.products .price,
.woocommerce div.product .related.products .price *,
.woocommerce .products .price,
.woocommerce .products .price * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    fill: #fff !important;
}

/* zusätzliche WooCommerce-Preis-Elemente absichern */
.woocommerce ul.products li.product .price bdi,
.woocommerce ul.products li.product .price .amount,
.woocommerce ul.products li.product .price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price span,
.woocommerce ul.products li.product .price a,
.woocommerce div.product .related.products .price bdi,
.woocommerce div.product .related.products .price .amount,
.woocommerce div.product .related.products .price .woocommerce-Price-amount,
.woocommerce div.product .related.products .price .woocommerce-Price-currencySymbol,
.woocommerce div.product .related.products .price ins,
.woocommerce div.product .related.products .price del,
.woocommerce div.product .related.products .price span,
.woocommerce div.product .related.products .price a {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Mobile: Related Products untereinander statt nebeneinander */
@media (max-width: 768px) {
    .woocommerce div.product .related.products ul.products {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 15px !important;
    }

    .woocommerce div.product .related.products ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 20px 0 !important;
        float: none !important;
        clear: both !important;
    }

    .woocommerce div.product .related.products ul.products li.product img {
        max-width: 55% !important;
        margin: 0 auto 12px auto !important;
        display: block !important;
    }
}