/* Mobile Touch Target Optimization */
@media (max-width: 768px) {

    /* Ensure minimum touch target size of 44x44px */
    button,
    .btn,
    .btn-view-all,
    .btn-copy,
    .btn-share,
    .last-numbers-btn,
    .last-numbers-radio span,
    .faq-toggle,
    a.yesterday-link {
        min-height: auto;
    }

    /* Optimize font sizes for better readability on mobile */
    body {
        font-size: 16px;
        line-height: 1.6;
    }

    h1 {
        font-size: 22px;
        line-height: 1.25;
    }

    h2 {
        font-size: 20px;
        line-height: 1.3;
    }

    h3 {
        font-size: 18px;
        line-height: 1.3;
    }

    /* Better spacing for mobile */
    .main-content {
        padding: 15px 0;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Improve table readability on mobile */
    .lottery-table {
        font-size: 14px;
    }

    .lottery-table td,
    .lottery-table th {
        padding: 8px 4px;
    }

    /* Better number display on mobile */
    .number,
    .special-number {
        font-size: 16px;
        padding: 8px 10px;
        min-width: 40px;
    }

    .special-number {
        font-size: 18px;
        padding: 5px 5px;
        min-width: 50px;
    }
}

/* Optimize for smaller phones (360px and below) */
@media (max-width: 360px) {
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 20px;
    }

    h2 {
        font-size: 18px;
    }

    h3 {
        font-size: 16px;
    }

    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    button,
    .btn {
        font-size: 14px;
        padding: 10px 12px;
    }
}