/* ==================================================
   Split from home-sections.css
   File generated for Blocksy child theme modular CSS.
================================================== */

/* ==================================================
   HOMEPAGE SECTION CTA BUTTONS ONLY
   Applies to: Bestseller, Blog, New Products section buttons
================================================== */

/* Section CTA links only - not WooCommerce add-to-cart buttons */
.home .akj-home-section a[href*="bestseller"],
.home .akj-home-section a[href*="blog"],
.home .akj-home-section a[href*="shop"],
.home .akj-home-section a[href*="produkte"],
.home .akj-home-section a[href*="alle"],
.home .akj-home-section a[href*="neu"],
.home .akj-home-section .wp-block-button__link,
.home .akj-section-button,
.home .akj-home-section-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 34px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #d60014 0%, #b80000 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none !important;
    box-shadow:
        0 8px 24px rgba(184, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
    transition:
        background 0.22s ease,
        border-color 0.22s ease,
        color 0.22s ease,
        transform 0.22s ease,
        box-shadow 0.22s ease;
}

/* Inner text */
.home .akj-home-section a[href*="bestseller"] *,
.home .akj-home-section a[href*="blog"] *,
.home .akj-home-section a[href*="shop"] *,
.home .akj-home-section a[href*="produkte"] *,
.home .akj-home-section a[href*="alle"] *,
.home .akj-home-section a[href*="neu"] *,
.home .akj-home-section .wp-block-button__link *,
.home .akj-section-button *,
.home .akj-home-section-button * {
    color: #ffffff !important;
}

/* Hover - black button */
.home .akj-home-section a[href*="bestseller"]:hover,
.home .akj-home-section a[href*="bestseller"]:focus,
.home .akj-home-section a[href*="blog"]:hover,
.home .akj-home-section a[href*="blog"]:focus,
.home .akj-home-section a[href*="shop"]:hover,
.home .akj-home-section a[href*="shop"]:focus,
.home .akj-home-section a[href*="produkte"]:hover,
.home .akj-home-section a[href*="produkte"]:focus,
.home .akj-home-section a[href*="alle"]:hover,
.home .akj-home-section a[href*="alle"]:focus,
.home .akj-home-section a[href*="neu"]:hover,
.home .akj-home-section a[href*="neu"]:focus,
.home .akj-home-section .wp-block-button__link:hover,
.home .akj-home-section .wp-block-button__link:focus,
.home .akj-section-button:hover,
.home .akj-section-button:focus,
.home .akj-home-section-button:hover,
.home .akj-home-section-button:focus {
    background: #05070d !important;
    border-color: rgba(255, 255, 255, 0.85) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
    outline: none;
}

/* Hover inner text */
.home .akj-home-section a[href*="bestseller"]:hover *,
.home .akj-home-section a[href*="bestseller"]:focus *,
.home .akj-home-section a[href*="blog"]:hover *,
.home .akj-home-section a[href*="blog"]:focus *,
.home .akj-home-section a[href*="shop"]:hover *,
.home .akj-home-section a[href*="shop"]:focus *,
.home .akj-home-section a[href*="produkte"]:hover *,
.home .akj-home-section a[href*="produkte"]:focus *,
.home .akj-home-section a[href*="alle"]:hover *,
.home .akj-home-section a[href*="alle"]:focus *,
.home .akj-home-section a[href*="neu"]:hover *,
.home .akj-home-section a[href*="neu"]:focus *,
.home .akj-home-section .wp-block-button__link:hover *,
.home .akj-home-section .wp-block-button__link:focus *,
.home .akj-section-button:hover *,
.home .akj-section-button:focus *,
.home .akj-home-section-button:hover *,
.home .akj-home-section-button:focus * {
    color: #ffffff !important;
}

/* Explicitly exclude WooCommerce product card buttons */
.home .woocommerce ul.products li.product .button,
.home .woocommerce ul.products li.product .add_to_cart_button,
.home ul.products li.product .button,
.home ul.products li.product .add_to_cart_button {
    border-radius: 6px !important;
}
