.elementor-5903 .elementor-element.elementor-element-f947934{--display:flex;--min-height:1440px;--justify-content:flex-end;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5903 .elementor-element.elementor-element-f947934.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5903 .elementor-element.elementor-element-44c256a{width:100%;max-width:100%;}.elementor-5903 .elementor-element.elementor-element-64cb489{width:100%;max-width:100%;}.elementor-5903 .elementor-element.elementor-element-b1f0e8f{--display:flex;}@media(min-width:768px){.elementor-5903 .elementor-element.elementor-element-f947934{--width:86%;}}/* Start custom CSS for shortcode, class: .elementor-element-44c256a *//* AJUSTE DE ORGANIZAÇÃO MASTER - MERCADOKA V10
   Este bloco força a responsividade e o perfil no topo ignorando o Elementor
*/
add_action('wp_footer', function() {
    ?>
    <style>
        /* 1. DESTRUIR MARGENS DO ELEMENTOR QUE CAUSAM ATROPELAMENTO */
        .elementor-widget-shortcode, 
        .elementor-text-editor {
            margin: 0 !important;
            padding: 0 !important;
            width: 100% !important;
        }

        /* 2. FORÇAR CADA SHORTCODE NO SEU LUGAR (BLOCOS LADO A LADO NUNCA MAIS) */
        div[id^="mk_"], 
        section[class^="mk_"],
        .mk-main-container-v10 {
            display: block !important;
            clear: both !important;
            width: 100% !important;
            float: none !important;
            margin-bottom: 30px !important;
        }

        /* 3. PERFIL NO TOPO (ESTILO APP PREMIUM) */
        /* Procuramos a div que contém os dados da loja no seu RTF */
        .mk-header-profile-v10,
        header[style*="background"] { 
            background: #001629 !important; /* Navy */
            color: #ffffff !important;
            padding: 60px 20px !important;
            border-radius: 0 0 40px 40px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            text-align: center !important;
            box-shadow: 0 15px 35px rgba(0,0,0,0.3) !important;
            margin-top: 0 !important;
        }

        /* LOGO CIRCULAR GOLD */
        .mk-header-profile-v10 img,
        .mk-store-logo {
            width: 120px !important;
            height: 120px !important;
            border: 5px solid #fca311 !important; /* Gold */
            border-radius: 50% !important;
            background: #fff !important;
            margin-bottom: 20px !important;
            object-fit: cover !important;
        }

        /* 4. GRID DE PRODUTOS RESPONSIVO (2 COLUNAS NO MOBILE) */
        .mk-grid-v10, 
        .product-grid {
            display: grid !important;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
            gap: 20px !important;
            width: 100% !important;
        }

        /* 5. OVERRIDE PARA TELEMÓVEL (CRÍTICO) */
        @media (max-width: 768px) {
            .mk-grid-v10, 
            .product-grid {
                grid-template-columns: repeat(2, 1fr) !important; /* Força 2 colunas no telemóvel */
                gap: 10px !important;
            }

            .mk-header-profile-v10 {
                padding: 40px 15px !important;
            }

            /* Impede que botões e inputs fiquem minúsculos ou encavalados */
            input, button, .btn {
                width: 100% !important;
                display: block !important;
                margin-bottom: 10px !important;
            }
        }
    </style>
    <?php
}, 9999);/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-64cb489 *//* AJUSTE DE ORGANIZAÇÃO MASTER - MERCADOKA V10
   Este bloco força a responsividade e o perfil no topo ignorando o Elementor
*/
add_action('wp_footer', function() {
    ?>
    <style>
        /* 1. DESTRUIR MARGENS DO ELEMENTOR QUE CAUSAM ATROPELAMENTO */
        .elementor-widget-shortcode, 
        .elementor-text-editor {
            margin: 0 !important;
            padding: 0 !important;
            width: 100% !important;
        }

        /* 2. FORÇAR CADA SHORTCODE NO SEU LUGAR (BLOCOS LADO A LADO NUNCA MAIS) */
        div[id^="mk_"], 
        section[class^="mk_"],
        .mk-main-container-v10 {
            display: block !important;
            clear: both !important;
            width: 100% !important;
            float: none !important;
            margin-bottom: 30px !important;
        }

        /* 3. PERFIL NO TOPO (ESTILO APP PREMIUM) */
        /* Procuramos a div que contém os dados da loja no seu RTF */
        .mk-header-profile-v10,
        header[style*="background"] { 
            background: #001629 !important; /* Navy */
            color: #ffffff !important;
            padding: 60px 20px !important;
            border-radius: 0 0 40px 40px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            text-align: center !important;
            box-shadow: 0 15px 35px rgba(0,0,0,0.3) !important;
            margin-top: 0 !important;
        }

        /* LOGO CIRCULAR GOLD */
        .mk-header-profile-v10 img,
        .mk-store-logo {
            width: 120px !important;
            height: 120px !important;
            border: 5px solid #fca311 !important; /* Gold */
            border-radius: 50% !important;
            background: #fff !important;
            margin-bottom: 20px !important;
            object-fit: cover !important;
        }

        /* 4. GRID DE PRODUTOS RESPONSIVO (2 COLUNAS NO MOBILE) */
        .mk-grid-v10, 
        .product-grid {
            display: grid !important;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
            gap: 20px !important;
            width: 100% !important;
        }

        /* 5. OVERRIDE PARA TELEMÓVEL (CRÍTICO) */
        @media (max-width: 768px) {
            .mk-grid-v10, 
            .product-grid {
                grid-template-columns: repeat(2, 1fr) !important; /* Força 2 colunas no telemóvel */
                gap: 10px !important;
            }

            .mk-header-profile-v10 {
                padding: 40px 15px !important;
            }

            /* Impede que botões e inputs fiquem minúsculos ou encavalados */
            input, button, .btn {
                width: 100% !important;
                display: block !important;
                margin-bottom: 10px !important;
            }
        }
    </style>
    <?php
}, 9999);/* End custom CSS */