/*
Theme Name: Loge - Ignition Child
Theme URI: https://www.cssigniter.com/themes/loge/
Author: CSSIgniter
Author URI: https://www.cssigniter.com/
Description: Child theme for Loge - Ignition
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ignition-loge
Text Domain: ignition-loge-child
*/

/*
 * Add your custom styles below. The parent theme's styles are loaded automatically by default.
 * If you need to change this, see functions.php
 */
#site-content {
    top: 167px;
}
.woocommerce-variation-price .price {
    display: none !important;
}


.menu-item-sale a {
    color: #ffffff !important;
    background-color: #d8342c !important;
    padding: 5px 10px;
    border-radius: 3px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.footer {

    margin-top: 200px;
}
.ppc-button-wrapper {/* width: 64%; */}

.single_add_to_cart_button.button {
    background-color: #2b85ae; /* kräftiges Blau */
    color: #fff;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.single_add_to_cart_button.button:hover {
    background-color: #1d5974;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.custom-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #e60023;
  color: #fff;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  z-index: 10;
}
.custom-badge.limitiert { background-color: #ff9800; }
.custom-badge.topseller { background-color: #4caf50; }
.custom-badge.neu { background-color: #2196f3; }

.woocommerce div.product div.images {
  position: relative;
}
#menu-item-936 a {
    position: relative;
    color: #ffffff !important;
    background-color: #d8342c !important;
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    animation: pulse 2s infinite;
    transition: background-color 0.3s ease;
}
#menu-item-793 {
    position: relative;
}

#menu-item-793::after{
    content: "HOT";
    position: absolute;
    top: -8px;
    left: 0px;
    background-color: #eee;
    color: #333;
    font-size: 9px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    line-height: 1;
    white-space: nowrap;
    opacity:0;
    transform:translateY(-5px;)
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
    
}

/* Beim Hover sichtbar mit sanftem Effekt */
#menu-item-793:hover::after {
    opacity: 1;
    transform: translateY(0);
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(216, 52, 44, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(216, 52, 44, 0); }
    100% { box-shadow: 0 0 0 0 rgba(216, 52, 44, 0); }
}

#menu-item-936 a::before{ border-bottom:none !important;}
#menu-item-936 a:hover {
    background-color: #b82822 !important; /* dunkleres Rot beim Hover */
    color: #fff !important;
}



.custom-badge-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.custom-badge-single {
  background-color: #e60023;
  color: white;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 4px;
}
.custom-badge-single.limitiert { background-color: #ff9800; }
.custom-badge-single.topseller { background-color: #4caf50; }
.custom-badge-single.neu { background-color: #2196f3; }


/* Nur bei Einzelproduktseite sicherstellen, dass das Bild relativ positioniert ist */
.woocommerce div.product div.images {
  position: relative;
}

.ignition-loge-elementor-section-background-limit-right::before, .ignition-loge-elementor-section-background-limit-left::before{background-color:transparent !important}

.background-provider {background-color: transparent}


.clp-text{font-size:0.9em}

.ppcp-messages{margin-top:30px}

@media (min-width: 992px) {
    .single-product div.product .entry-summary table.variations th.label {
        min-width: 135px;
    }
}

@media (max-width: 480px) {
  .related.products, .upsells.products {
    margin-top: 220px !important;
	  .widget-title, .menu-item a, .textwidget {text-align:center; vertical-align:middle}
.ignition-tabular-data-widget-table th, .ignition-tabular-data-widget-table {  text-align:center; }

}
}