/*
Theme Name: Shopical Child
Template: shopical
Description: Child Theme für Copyshop Volkmarsen
Author: Richard
Version: 1.0
*/
/* ITEM/ITEMS Text verstecken und durch "Artikel" ersetzen */
span.product-count span.item-texts {
    font-size: 0 !important;
}

span.product-count span.item-texts::before {
    content: "Artikel";
    font-size: 12px;
    display: inline-block;
}

/* ITEM/ITEMS Text verstecken und durch "Artikel" ersetzen */
span.product-count span.item-texts {
    font-size: 0 !important;
    background: transparent !important;
    padding: 0 !important;
}

span.product-count span.item-texts::before {
    content: "Artikel";
    font-size: 12px;
    display: inline-block;
    background: transparent !important;
}

/* Produktbuttons ausblenden */
.products .product .button,
.products .product .add_to_cart_button,
.products .product a.button {
    display: none !important;
}

/* Designer-Button in der Produktübersicht verstecken */
.products .product a.button.product_type_customizable,
.archive a.button.product_type_customizable,
.shop a.button.product_type_customizable,
ul.products a.button.product_type_customizable {
    display: none !important;
}

/* ======================================
   ZUM DESIGNER BUTTON STYLING
   ====================================== */

/* Gezieltes Styling für den Designer-Button */
a.button.product_type_customizable,
.single-product a.button.product_type_customizable,
.woocommerce a.button.product_type_customizable {
    display: inline-block !important;
    background-color: #ff6600 !important;
    color: #ffffff !important;
    padding: 12px 30px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 15px 0 !important;
    text-align: center !important;
    box-shadow: none !important;
}

/* Hover-Effekt - dunkleres Orange */
a.button.product_type_customizable:hover,
.single-product a.button.product_type_customizable:hover,
.woocommerce a.button.product_type_customizable:hover {
    background-color: #e55a00 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(255, 102, 0, 0.3) !important;
}

/* Active/Click-Effekt */
a.button.product_type_customizable:active,
.single-product a.button.product_type_customizable:active {
    transform: translateY(0) !important;
    background-color: #cc5200 !important;
}