/*
Theme Name: PowerX Child
Theme URI: https://powerx.pozitifekip.com.tr/
Description: Child theme for PowerX WordPress Theme. Use this child theme to add custom functions, template overrides, and CSS styles without modifying the parent theme.
Author: Pozitif Ekip
Author URI: https://pozitifekip.com.tr
Template: PowerX
Version: 0.0.1
Text Domain: powerx-child
*/

/* Custom child theme styles go below this line */

/* ==========================================================================
   PowerX - Single Product Responsive Optimization (Mobile / Tablet)
   ========================================================================== */
@media (max-width: 1024px) {
    /* 1. Single Product Master Container: Switch to column on tablets and mobiles */
    .single-product .elementor .e-1ff6708-dce4067 {
        flex-direction: column !important;
        gap: 32px !important;
        width: 100% !important;
    }

    /* 2. Product Main Content: Takes priority and 100% full width */
    .single-product .elementor .e-b33444f-459cdfa {
        order: 1 !important;
        width: 100% !important;
        align-items: stretch !important;
    }

    /* 3. Category Sidebar: Placed gracefully below the product content */
    .single-product .elementor .e-29c190c-e3f815f {
        order: 2 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 4. Product Hero Banner: Full width and sharp */
    .single-product .elementor .e-b33444f-459cdfa .elementor-element-4eab879,
    .single-product .elementor .e-b33444f-459cdfa .elementor-element-4eab879 img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    /* 5. Floating Battery Product Image: Responsive badge proportion */
    .single-product .elementor-7053 .elementor-element.elementor-element-b24e3e8 {
        width: 135px !important;
        max-width: 135px !important;
        --container-widget-width: 135px !important;
    }

    .single-product .elementor-7053 .elementor-element.elementor-element-b24e3e8 > .elementor-widget-container {
        margin: -110px 0 0 12px !important;
        background: #ffffff !important;
        padding: 6px !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
    }

    .single-product .elementor-7053 .elementor-element.elementor-element-b24e3e8 img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}

@media (max-width: 480px) {
    /* Micro adjustment for small mobile screens (iPhone SE, etc.) */
    .single-product .elementor-7053 .elementor-element.elementor-element-b24e3e8 {
        width: 115px !important;
        max-width: 115px !important;
    }

    .single-product .elementor-7053 .elementor-element.elementor-element-b24e3e8 > .elementor-widget-container {
        margin: -95px 0 0 10px !important;
        padding: 4px !important;
    }
}