/* Mobile Fixes - Forces layout correction */

/* 1. FORCE FLEX COLUMN & ORDERING FOR TOOLS CATALOG */
@media (max-width: 991px) {
    #ferramentas .container {
        display: flex !important;
        flex-direction: column !important;
    }

    /* HTML order is now correct. Just ensure spacing. */
    #ferramentas .search-wrapper {
        margin: 0 auto 20px !important;
        width: 100% !important;
    }

    #ferramentas .category-tabs {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
        padding-bottom: 5px;
    }
}

/* 2. SUPER COMPACT PRICING CARD (V7) */
@media (max-width: 768px) {
    #precos .pricing-card {
        padding: 10px !important;
        margin: 0 !important;
        width: 100% !important;
        border-radius: 10px !important;
    }

    /* Compact Header */
    #precos .section-header {
        margin-bottom: 10px !important;
    }

    #precos .section-title {
        font-size: 1.2rem !important;
    }

    #precos .section-subtitle {
        font-size: 0.8rem !important;
        margin-top: 5px !important;
    }

    /* Small "Oferta" Title */
    #precos .card-header-dark h3 {
        font-size: 0.8rem !important;
        margin-bottom: 5px !important;
        letter-spacing: 0.5px !important;
    }

    /* Tiny Timer */
    #precos .timer-container-blue {
        padding: 4px !important;
        margin-bottom: 8px !important;
    }

    #precos .timer-digits {
        font-size: 1.5rem !important;
        /* Was 1.8rem */
        font-weight: 700 !important;
    }

    #precos .time-block span.label {
        font-size: 0.5rem !important;
    }

    /* Compact Price Area */
    #precos .price-container {
        margin: 10px 0 !important;
    }

    #precos .old-price {
        font-size: 0.8rem !important;
        margin-bottom: 0 !important;
    }

    #precos .current-price .amount {
        font-size: 2.2rem !important;
        /* Was 2.5rem */
        line-height: 1 !important;
    }

    #precos .current-price .currency {
        font-size: 1rem !important;
        top: -10px !important;
    }

    #precos .current-price .period {
        font-size: 0.8rem !important;
    }

    #precos .discount-badge {
        font-size: 0.7rem !important;
        padding: 2px 6px !important;
    }

    /* Condensed List */
    #precos .pricing-features-list {
        margin: 10px 0 !important;
        gap: 5px !important;
    }

    #precos .pricing-features-list li {
        font-size: 0.75rem !important;
        padding: 4px 0 !important;
        line-height: 1.2 !important;
    }

    #precos .pricing-features-list li i {
        font-size: 0.8rem !important;
        margin-right: 5px !important;
    }

    /* Visible Button (Centered & Safe Width) */
    #precos .btn-ninja-action {
        font-size: 0.9rem !important;
        padding: 12px 15px !important;
        margin: 10px auto !important;
        /* Centered */
        width: 90% !important;
        /* Safe width */
        max-width: 350px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }
}

/* 3. GLOBAL FIXES (Desktop + Mobile) */
/* Reduce top spacing to "glue" logo to top */
body {
    padding-top: 0 !important;
}

.header {
    top: 0 !important;
    padding: 5px 0 !important;
    /* Minimal vertical padding */
}

.hero {
    padding-top: 80px !important;
    /* Adjust hero offset since header is tighter */
}