/* -----------------------------------------------------------
   1) Hide header regions on specific pages 
   ----------------------------------------------------------- */
.page-id-1004 .archive-header,
.page-id-1004 .entry-header,
.page-id-1004 .header-widget-region,
.page-id-1002 .header-widget-region,
.page-id-10617 .header-widget-region,
.page-id-10617 .entry-header,
.page-id-10617 .woocommerce-breadcrumb,
.top-bar,
.sharedaddy.sd-sharing-enabled,
.sharedaddy.sd-block.sd-like.jetpack-likes-widget-wrapper,
.bar-text {
    display: none !important;
}

#post-1002,
#post-10617,
.elementor-element[data-id="f8adacb"],
.elementor-element-22519a7 {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding: 0;
    max-width: 100vw;
    box-sizing: border-box;
}

/* -----------------------------------------------------------
   2) Category image wrapper styling 
   ----------------------------------------------------------- */
.cat-image-wrapper {
    width: 115%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.cat-image-wrapper img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* -----------------------------------------------------------
   3) CGKit attribute swatches 
   ----------------------------------------------------------- */
.cgkit-attribute-swatch.cgkit-button {
    background-color: #FFFFFF; 
    border: 2px solid #E0E0E0;
    color: #240046;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    transition: all 0.3s ease;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.cgkit-attribute-swatch.cgkit-button:hover,
.cgkit-attribute-swatch.cgkit-button:focus {
    background-color: #B0008E;
    color: #FFFFFF;
    border: 2px solid #B0008E;
    box-shadow: 0px 4px 8px rgba(176, 0, 142, 0.5);
}
.cgkit-attribute-swatch.cgkit-button.cgkit-swatch-selected {
    background-color: #B0008E;
    color: #FFFFFF;
    border: 2px solid #B0008E;
    box-shadow: 0px 4px 8px rgba(176, 0, 142, 0.5);
}
.cgkit-attribute-swatch.cgkit-button[disabled] {
    background-color: #F0F0F0;
    color: #A0A0A0;
    border: 2px solid #E0E0E0;
    cursor: not-allowed;
    box-shadow: none;
}

/* -----------------------------------------------------------
   4) CommerceKit timer styling 
   ----------------------------------------------------------- */
#commercekit-timer.commercekit-timer {
    display: inline-block;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    padding: 1rem;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    margin: 1rem 0;
}
.commercekit-timer-blocks {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
}
.commercekit-timer-block,
.commercekit-timer-sep {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    padding: 0;
    margin: 0;
}
.commercekit-timer-block + span {
    display: block;
    font-size: 0.8rem;
    font-weight: 400;
    color: #666;
}

/* -----------------------------------------------------------
   5) Navigation bar / Cart styling 
   ----------------------------------------------------------- */
#site-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    width: 100%;
}

.primary-navigation {
    display: flex;
    justify-content: center;
    flex: 1;
}

.site-header-cart {
    display: flex;
    align-items: center;
    gap: 10px;
}

.shoptimizer-cart .cart-contents {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333333;
    text-decoration: none;
    position: relative;
}

.shoptimizer-cart .cart-contents::before {
    font-size: 18px;
    margin-right: 5px;
}

/* -----------------------------------------------------------
   6) WooCommerce mini-cart item modifications 
   ----------------------------------------------------------- */
.woocommerce-mini-cart-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.woocommerce-mini-cart-item a {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    line-height: 1.4;
    margin-right: auto;
}

.woocommerce-mini-cart-item .remove.remove_from_cart_button {
    order: -1;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    font-size: 0;
    background: none !important;
    border: none !important;
    color: #ff4444;
    padding: 0;
    transition: opacity 0.3s ease;
}

.woocommerce-mini-cart-item .remove.remove_from_cart_button::before {
    content: "×";
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 1;
}

.woocommerce-mini-cart-item .woocommerce-Price-amount {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .woocommerce-mini-cart-item {
        padding: 12px 8px;
        gap: 10px;
    }
    
    .woocommerce-mini-cart-item a {
        font-size: 14px;
    }
    
    .woocommerce-mini-cart-item .remove.remove_from_cart_button {
        width: 25px !important;
        height: 25px !important;
    }
    
    .woocommerce-mini-cart-item .remove.remove_from_cart_button::before {
        font-size: 20px;
    }
}

/* -----------------------------------------------------------
   7) WooCommerce loop buttons 
   ----------------------------------------------------------- */
/* Base styling for 'Add to cart' or 'Ausführung wählen' */
.woocommerce a.button.product_type_variable.add_to_cart_button, 
.woocommerce a.button.product_type_simple.add_to_cart_button {
    background-color: #c01c7a;
    color: #fff !important;
    border: none;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 24px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    transition: all 0.2s ease;
    text-decoration: none;
}

/*
   Force the product loop button to be:
   - Full-width in its container
   - Block display (no inline squishing)
   - Center the text
*/
.woocommerce ul.products li.product .add_to_cart_button {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    float: none !important;
    margin: 0 auto !important;
    box-sizing: border-box;
    border-radius: 20px !important; /* keep the pill shape */
    white-space: normal !important; /* let text wrap if needed */
    line-height: 1.2 !important; /* comfortable spacing */
}

/*
   If "Ausführung wählen" is very long or gets cut off,
   you can optionally set a min-width or break-word:
*/
/* 
.woocommerce ul.products li.product .add_to_cart_button {
    min-width: 180px !important;
    word-wrap: break-word !important;
}
*/

/* -----------------------------------------------------------
   8) Responsive logo 
   ----------------------------------------------------------- */
@media (max-width: 768px) {
    .custom-logo-link .custom-logo {
        width: 140px !important;
        height: auto !important;
        max-width: none !important;
    }
}

/* -----------------------------------------------------------
   9) Elementor button styling 
   ----------------------------------------------------------- */
div.elementor-widget-button .elementor-button {
    background-color: #d207d5 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    padding: 12px 24px !important;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2) !important;
}

div.elementor-widget-button .elementor-button:hover {
    background-color: #9f00a2 !important;
}

/* -----------------------------------------------------------
   10) Other styles 
   ----------------------------------------------------------- */
.woocommerce-privacy-policy-text {
    display: none !important;
}


.cg-menu-link.sub-menu-link {
    font-size: 15px; 
    font-weight: 500; 
    color: #000; 
    text-transform: uppercase; 
}

.cg-menu-link.sub-menu-link:hover {
    color: #0073e6; 
}

.woocommerce-product-details__short-description p {
    font-size: 1.2rem !important;
    line-height: 1.5 !important;
}

.single_add_to_cart_button.button.alt {
  border-radius: 9999px !important;
}

.product-widget {
  display: none !important;
}

/* Normal (non-hover) state */
.cgkit-attribute-swatch.cgkit-button button {
  border-radius: 9999px !important;
}

/* Also ensure hover keeps the same border-radius */
.cgkit-attribute-swatch.cgkit-button button:hover {
  border-radius: 9999px !important;
}

.cgkit-attribute-swatch.cgkit-button {
  border-radius: 9999px !important; /* big pill shape */
}

.cgkit-attribute-swatch.cgkit-button:hover,
.cgkit-attribute-swatch.cgkit-button:focus {
  border-radius: 9999px !important; /* keep it round on hover/focus */
}

.sticky-atc_button.button {
  border-radius: 9999px; /* Gives it a “pill” shape */
  /* Optionally adjust padding, background, color, etc. */
}

.single_add_to_cart_button.button.alt {
  box-shadow: 0 4px 6px rgba(0,0,0,0.2); /* shadow offset, blur, color */
  /* Optionally adjust background, color, border-radius, etc. here */
}

.single_add_to_cart_button.button.alt:hover {
  box-shadow: 0 6px 8px rgba(0,0,0,0.25);
}

.sticky-atc_button.button {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  /* Optional: border-radius, background, etc. */
}

.sticky-atc_button.button:hover {
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.25);
}

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
  border-radius: 9999px !important; 
  box-shadow: 0 4px 6px rgba(0,0,0,0.2) !important;
}

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
  box-shadow: 0 6px 8px rgba(0,0,0,0.25) !important;
}

a.button.wc-forward,
a.button.checkout.wc-forward {
  border-radius: 9999px !important; 
  box-shadow: 0 4px 6px rgba(0,0,0,0.2) !important;
  /* Add other styling if needed (background, color, padding, etc.) */
}

a.button.wc-forward:hover,
a.button.checkout.wc-forward:hover {
  box-shadow: 0 6px 8px rgba(0,0,0,0.25) !important;
}

div.elementor-widget-button .elementor-button:hover {
  /* Take out the scale (or use a smaller scale, like 1.02) */
  transform: none !important;
}



/* Remove border but keep drop shadow */
button.swatch.cgkit-swatch.cgkit-as-single,
.cgkit-attribute-swatch.cgkit-button button {
  border: none !important;
  outline: none !important;
}

/* Maintain drop shadow */
button.swatch.cgkit-swatch.cgkit-as-single,
.cgkit-attribute-swatch.cgkit-button button {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.2s ease-in-out;
}

/* Add highlight color for selected items - using the purple from your example */
button.swatch.cgkit-swatch.cgkit-as-single[aria-selected="true"],
.cgkit-attribute-swatch.cgkit-button button[aria-selected="true"],
button.swatch.cgkit-swatch.cgkit-as-single.selected,
.cgkit-attribute-swatch.cgkit-button button.selected {
  background-color: #b32fa8 !important; /* Purple highlight color */
  color: white !important;
  box-shadow: 0 3px 6px rgba(179, 47, 168, 0.3) !important;
}

/* Hover effect */
button.swatch.cgkit-swatch.cgkit-as-single:hover,
.cgkit-attribute-swatch.cgkit-button button:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15) !important;
}

/* Example custom CSS for the product total */
.csp-hide-product-total {
  display: inline-block;
  font-size: 1.1rem;       /* Slightly larger font */
  font-weight: 600;        /* Semi-bold for emphasis */
  color: #444;             /* Dark gray text color */
  background-color: #f3f3f3;
  padding: 0.25rem 0.5rem; /* Some space around the text */
  border-radius: 4px;      /* Rounded corners for a subtle pill shape */
  margin-left: 1rem;     /* Spacing from adjacent elements */
}

/* (Optional) If there's a label you want to hide or restyle */
.product-total::before {
  content: "Product Total: ";
  font-weight: bold;
  margin-right: 0.5rem;
}


/* Comprehensive fix for buttons extending beyond container */
.woocommerce a.button, 
.woocommerce a.product_type_variable,
.woocommerce a.product_type_simple,
.woocommerce ul.products li.product a.button,
.woocommerce-loop-product__link .button,
.button.ausführung,
.button.product_type_variable,
a.button.product_type_simple {
    /* Base button styles with !important to override theme defaults */
    transform: none !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    position: relative !important;
    overflow: visible !important;
}

/* Hover states */
.woocommerce a.button:hover, 
.woocommerce a.product_type_variable:hover,
.woocommerce a.product_type_simple:hover,
.woocommerce ul.products li.product a.button:hover,
.woocommerce-loop-product__link .button:hover,
.button.ausführung:hover,
.button.product_type_variable:hover,
a.button.product_type_simple:hover {
    transform: none !important;
    margin: inherit !important;
    width: auto !important;
    max-width: 100% !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3) !important;
}

/* Fix for product container */
.woocommerce ul.products li.product {
    overflow: visible !important;
    position: relative !important;
}

.woocommerce-product-search .search-field {
    font-size: 18px; /* Adjust the size as needed */
    
}

.csp-hide-product-total {
    display: none !important;
}

    box-shadow: 0 4px 8px rgba(0,0,0,0.3) !important;


html {
  scroll-behavior: smooth;
}

.product_total_price {
  display: none !important;
}

/* Default desktop height */
#myIframe {
  height: 2800px;
}

/* Tablet/smaller screens */
@media (max-width: 992px) {
  #myIframe {
    height: 2000px;
  }
}

/* Mobile devices */
@media (max-width: 576px) {
  #myIframe {
    height: 4300px;
  }
}

section.related.products {
  display: none;
}

#shoptimizerCartDrawer {
  z-index: 9999 !important;
  position: fixed; /* or 'fixed' if it needs to overlay everything */
}

.qlwapp__container {
  z-index: 10 !important;
  position: fixed !important; /* Make sure z-index takes effect */
}

/* Hide specific review by ID */
#li-comment-10 {
    display: none !important;
}



/* Hide WooCommerce block checkout shipping option */
fieldset#shipping-option.wc-block-checkout__shipping-option {
    display: none !important;
}



/* Hide WooCommerce Thank You Order Overview */
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    display: none !important;
}

/* Hide WooCommerce BACS Bank Details */
.woocommerce-bacs-bank-details {
    display: none !important;
}

/* Hide the entire tfoot (Zwischensumme / Lieferung / Gesamt) in order details table */
table.woocommerce-table--order-details tfoot,
table.woocommerce-table.woocommerce-table--order-details tfoot,
table.order_details tfoot {
  display: none !important;
}

/* Hide the dedicated shipping cost block */
div.wc-block-components-totals-shipping {
    display: none !important;
}

#product_total_price {
    display: none !important;
}

/* Hide WooCommerce shipping methods */
ul#shipping_method.woocommerce-shipping-methods {
    display: none !important;
}

.woocommerce-table--order-details thead th.product-total {
  font-size: 0 !important;
}
.woocommerce-table--order-details thead th.product-total:after {
  content: "Produktsumme" !important;
  font-size: 16px !important;
}

/* Remove only the label generated via ::before inside the total cell */
table.woocommerce-table--order-details td.product-total::before,
table.woocommerce-table--order-details td.product-total:before {
  content: "" !important;
  display: none !important;
}

/* Hide WooCommerce notices area in My Account content */
.woocommerce-MyAccount-content .woocommerce-notices-wrapper{
  display: none !important;
}