/* Swift Store - Mobile Fixes CSS */
/* Versão mínima e segura */

/* 1. Remover WhatsApp */
a[href*="whatsapp"],
a[href*="wa.me"],
a[href*="api.whatsapp"] {
    display: none !important;
}

/* 2. Indicadores do banner menores no mobile */
@media screen and (max-width: 768px) {
    /* Bolinhas do carousel - tamanho menor */
    .absolute.bottom-4 button.rounded-full {
        width: 8px !important;
        height: 8px !important;
    }
    
    /* Bolinha ativa */
    .absolute.bottom-4 button.rounded-full.w-6 {
        width: 16px !important;
    }
}

/* 3. Preços em linha no mobile */
@media screen and (max-width: 768px) {
    /* Garantir que preços fiquem em uma linha */
    .flex.items-baseline {
        flex-wrap: nowrap !important;
    }
    
    /* Preço principal */
    .text-swift-red {
        white-space: nowrap !important;
    }
}

/* 4. Breadcrumb em linha no mobile */
@media screen and (max-width: 768px) {
    /* Breadcrumb não quebrar linha */
    nav[aria-label="breadcrumb"],
    .flex.items-center.gap-2.text-sm {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}