/* Target all possible GeneratePress mobile menu elements */
@media (max-width: 1024px) {
    .menu-toggle,
    .mobile-menu-control-wrapper,
    #mobile-header .menu-toggle,
    .main-navigation.toggled .main-nav,
    .mobile-bar-items {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* Hide all navigation menus entirely (Desktop & Mobile) */
.main-navigation, 
#mobile-header, 
.mobile-menu-control-wrapper,
#site-navigation {
    display: none !important;
}

/* Change GeneratePress buttons to match the Calculator style */
.button, 
.wp-block-button__link {
    border-radius: 12px !important; /* The specific rounded corner from your code */
    padding: 10px 24px;            /* Balanced padding for the shape */
    font-weight: 700;               /* Matches the "Preset" button weight */
    transition: all 0.2s ease;     /* Smooth hover effect */
    text-transform: none;           /* Optional: removes default GP uppercase */
}

/* Optional: Add the hover lift effect from your calculator */
.button:hover, 
.wp-block-button__link:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* Force center alignment for every H1 on the site */
h1 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Specifically target the Page/Post titles (often entry-title) */
.entry-title, 
.entry-header h1 {
    text-align: center;
}

/* --- Z3D Custom Layout Fixes --- */

/* 1. Title Alignment & Spacing */
.single-product .product_title {
    text-align: left !important;
    margin-bottom: 20px !important;
    display: block !important;
    clear: both;
}

/* 2. Fix Overlapping Price & Sale Colors */
.single-product .price {
    display: block !important;
    text-align: left !important;
    margin-top: 50px !important; /* Forces price down away from the title */
    margin-bottom: 20px !important;
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
}

/* Ensure sale price doesn't smash into old price */
.single-product .price del {
    opacity: 0.6;
    display: inline-block;
    margin-right: 10px;
}

.single-product .price ins {
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
}

/* 3. Hide Quantity Input */
.single-product .quantity {
    display: none !important;
}

/* 4. Description & Button Spacing */
.single-product .woocommerce-product-details__short-description {
    margin-bottom: 30px !important;
    line-height: 1.6;
    text-align: left;
}

/* 5. Clean up "Add to Cart/Purchase" Button */
.single-product .cart .button {
    padding: 15px 35px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 6. Move Sale Badge (Optional - keeps it from clipping image) */
span.onsale {
    top: -10px !important;
    left: -10px !important;
    background-color: #7a58be !important; /* Matching button color */
}