/*
Theme Name: Divi Child
Description: Custom child theme for Die Ise
Template: Divi
Version: 1.0.0
*/

/* 1. Disable Divi default WooCommerce overlay */
.woocommerce ul.products li.product .et_overlay {
    display: none !important;
}

/* Force Divi image opacity to remain 100% on normal hover */
.woocommerce ul.products li.product:hover .et_shop_image img {
    opacity: 1 !important; 
    transform: none !important;
}

/* 2. Global Page Backdrop */
.die-ise-page-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 9999990; /* High enough to cover Divi's Header */
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

.die-ise-page-backdrop.active {
    opacity: 1;
    pointer-events: all;
}

/* 3. The Focus Clone */
/* This clone sits directly on the body, escaping all grid stacking contexts */
.die-ise-focus-clone {
    position: fixed;
    z-index: 9999999; /* Above backdrop */
    transform-origin: center center;
    transition: transform 0.4s cubic-bezier(0.2, 0, 0.2, 1), box-shadow 0.4s ease;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    border-radius: 4px;
    overflow: hidden;
    cursor: default;
    background-color: #fff;
}

.die-ise-focus-clone.active {
    transform: scale(1.5);
    box-shadow: 0 15px 50px rgba(0,0,0,0.8);
}

.die-ise-focus-clone-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 4. Center Top Navigation */
#et-top-navigation {
    width: 100%;
    display: flex;
    justify-content: center;
}
#top-menu-nav {
    float: none !important;
}

/* 5. Fix Dropdown Menu Width for long German words */
#top-menu li ul {
    width: 280px !important;
}
.nav li ul {
    width: 280px !important;
}