/**
 * Styles personnalisés pour le widget My Account Elementor Pro
 * Permet d'ajuster la position verticale du contenu de manière responsive
 * Le spinner suit en sens inverse pour rester visuellement au même niveau
 */

/* Desktop - par défaut */
.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content {
    margin-top: var(--idl-account-content-offset-desktop, 0px);
}

/* Appliquer aussi le décalage aux adresses et autres contenus spécifiques */
.elementor-widget-woocommerce-my-account .woocommerce-Addresses,
.elementor-widget-woocommerce-my-account .woocommerce-address-fields,
.elementor-widget-woocommerce-my-account .woocommerce-EditAccountForm {
    margin-top: var(--idl-account-content-offset-desktop, 0px);
}

/* Le spinner va dans le sens inverse du contenu */
.elementor-widget-woocommerce-my-account .idl-loading-spinner {
    top: calc(50% - var(--idl-account-content-offset-desktop, 0px));
}

/* Tablette */
@media (max-width: 1024px) {
    .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content {
        margin-top: var(--idl-account-content-offset-tablet, 0px);
    }

    .elementor-widget-woocommerce-my-account .woocommerce-Addresses,
    .elementor-widget-woocommerce-my-account .woocommerce-address-fields,
    .elementor-widget-woocommerce-my-account .woocommerce-EditAccountForm {
        margin-top: var(--idl-account-content-offset-tablet, 0px);
    }

    .elementor-widget-woocommerce-my-account .idl-loading-spinner {
        top: calc(50% - var(--idl-account-content-offset-tablet, 0px));
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content {
        margin-top: var(--idl-account-content-offset-mobile, 0px);
    }

    .elementor-widget-woocommerce-my-account .woocommerce-Addresses,
    .elementor-widget-woocommerce-my-account .woocommerce-address-fields,
    .elementor-widget-woocommerce-my-account .woocommerce-EditAccountForm {
        margin-top: var(--idl-account-content-offset-mobile, 0px);
    }

    .elementor-widget-woocommerce-my-account .idl-loading-spinner {
        top: calc(50% - var(--idl-account-content-offset-mobile, 0px));
    }
}