/**
 * DP CSS Fixes - Social Login Mobile Center
 *
 * 讓 Woo Social Login 社交登入按鈕在手機版置中顯示
 *
 * @package DP_CSS_Fixes
 * @since 2.0.0
 */

/* ============================================
 * Woo Social Login 手機版按鈕置中
 * ============================================ */
@media (max-width: 768px) {
    /* 外層容器置中 */
    .woo-slg-social-wrap {
        display: flex !important;
        flex-wrap: nowrap;
        justify-content: center !important;
        align-items: center !important;
        gap: 0px !important;
    }

    /* 每個按鈕 wrapper 置中 */
    .woo-slg-social-wrap .woo-slg-login-wrapper {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* 按鈕連結置中 */
    .woo-slg-social-wrap .woo-slg-login-wrapper a {
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
}