/* ============================================================
   PAGE-SPECIFIC MOBILE FIXES — all 21 pages
   page-mobile.css | Loaded via header.php after mobile-fixes.css
   ============================================================ */

/* ── GLOBAL: inline-style cards with hard padding ── */
@media (max-width: 767.98px) {
    [style*="padding:25px"],[style*="padding: 25px"],
    [style*="padding:30px"],[style*="padding: 30px"],
    [style*="padding:35px"],[style*="padding: 35px"] {
        padding: 16px !important;
        box-sizing: border-box;
    }
    [style*="display:flex"][style*="justify-content:space-between"],
    [style*="display: flex"][style*="justify-content:space-between"] {
        flex-wrap: wrap;
        gap: 10px;
    }
}

/* ── CART PAGE ── */
@media (max-width: 767.98px) {
    .as_shop_page .table-responsive table thead th,
    .as_shop_page .table-responsive table tbody td {
        font-size: 12px !important;
        padding: 8px 6px !important;
    }
    .as_shop_page .as_cart_img img {
        width: 55px !important;
        height: 55px !important;
    }
    .as_shop_page .cart-totals-box { margin-top: 20px; }
    .cart-qty-wrap { min-width: 90px; }
}

/* ── CHECKOUT PAGE ── */
@media (max-width: 767.98px) {
    .as_shop_page #checkoutForm .col-lg-7,
    .as_shop_page #checkoutForm .col-lg-5 { margin-bottom: 16px; }
    .as_shop_page .js-fill-address {
        font-size: 12px !important;
        padding: 5px 10px !important;
        max-width: 100%;
        white-space: normal;
        text-align: left;
    }
    .as_shop_page label[style*="padding:14px"],
    .as_shop_page label[style*="padding: 14px"] { padding: 12px !important; }
    .as_shop_page button[type="submit"].as_btn {
        font-size: 15px !important;
        padding: 13px !important;
    }
    .as_shop_page .table td,
    .as_shop_page .table th {
        font-size: 13px !important;
        padding: 8px 10px !important;
    }
}

/* ── PROFILE PAGE ── */
@media (max-width: 767.98px) {
    .as_about_page .col-lg-3.col-md-6.col-sm-6.col-xs-12 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .as_about_page .col-lg-4.col-md-4.col-sm-12 { margin-bottom: 16px; }
    .as_about_page .table td,
    .as_about_page .table th {
        font-size: 12px !important;
        padding: 7px 8px !important;
    }
    .as_about_page .col-md-6 { flex: 0 0 100%; max-width: 100%; }
}
@media (max-width: 500px) {
    .as_about_page .col-lg-3.col-md-6.col-sm-6.col-xs-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* ── SHOP PAGE ── */
@media (max-width: 767.98px) {
    .as_shop_page .as_shop_sidebar { order: 2; margin-top: 24px; }
    .as_shop_wrapper .col-md-4,
    .as_shop_wrapper .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
    .as_shop_page .shop-sort-select { width: 100%; }
}
@media (max-width: 480px) {
    .as_shop_wrapper .col-md-4,
    .as_shop_wrapper .col-sm-6 { flex: 0 0 100%; max-width: 100%; }
    .as_product_box { margin-bottom: 18px; }
}

/* ── SHOP SINGLE PAGE ── */
@media (max-width: 767.98px) {
    .as_shop_page .as_shop_wrapper .col-lg-5,
    .as_shop_page .as_shop_wrapper .col-md-5 { margin-bottom: 18px; }
    .as_shop_page form > div[style*="display:flex"] { flex-wrap: wrap; gap: 10px !important; }
    .as_shop_page .input-group[style*="width:120px"] { width: 100% !important; }
    .as_shop_page div[style*="font-size:22px"] { font-size: 18px !important; }
    .as_shop_page .col-lg-3.col-md-6.col-sm-6 { flex: 0 0 50%; max-width: 50%; }
}
@media (max-width: 480px) {
    .as_shop_page .col-lg-3.col-md-6.col-sm-6 { flex: 0 0 100%; max-width: 100%; }
}

/* ── MY ORDERS PAGE ── */
@media (max-width: 767.98px) {
    .as_shop_page .btn.btn-sm { font-size: 12px !important; padding: 4px 10px !important; }
    .as_shop_page .table-responsive table td,
    .as_shop_page .table-responsive table th { font-size: 12px !important; padding: 7px 6px !important; }
}
@media (max-width: 575.98px) {
    /* Collapse date & payment columns on tiny screens */
    .as_shop_page .table-responsive table th:nth-child(2),
    .as_shop_page .table-responsive table td:nth-child(2),
    .as_shop_page .table-responsive table th:nth-child(4),
    .as_shop_page .table-responsive table td:nth-child(4) { display: none !important; }
}

/* ── WISHLIST PAGE ── */
@media (max-width: 767.98px) {
    .as_shop_page .col-lg-3.col-md-4.col-sm-6.col-xs-12 {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 8px;
        padding-right: 8px;
    }
    .wishlist-card .wl-body { padding: 12px 12px 14px; }
    .wishlist-card .wl-name { font-size: 13px !important; min-height: 32px; }
    .wishlist-card .wl-price { font-size: 15px !important; }
    .wishlist-card .wl-actions .as_btn { font-size: 11px !important; padding: 7px 10px !important; }
}
@media (max-width: 400px) {
    .as_shop_page .col-lg-3.col-md-4.col-sm-6.col-xs-12 { flex: 0 0 100%; max-width: 100%; }
}

/* ── APPOINTMENTS PAGE ── */
@media (max-width: 767.98px) {
    .as_appointment_form .col-lg-6,
    .as_appointment_form .col-md-6 { flex: 0 0 100%; max-width: 100%; }
    .as_appointment_form .as_select_box,
    .as_appointment_form select.form-control { width: 100%; }
}

/* ── PAYMENT PAGE ── */
@media (max-width: 767.98px) {
    .payment-qr img { max-width: 180px; }
}

/* ── BLOG LIST PAGE ── */
@media (max-width: 767.98px) {
    .as_blog_box { margin-bottom: 20px; }
    .as_blog_detail .col-lg-4 { margin-top: 24px; }
    .as_blog_img img { height: auto !important; }
}

/* ── BLOG SINGLE PAGE ── */
@media (max-width: 767.98px) {
    .as_blog_detail .as_blog_img img { height: 220px !important; object-fit: cover; }
    .as_comment_form .col-sm-6,
    .as_comment_form .col-md-6 { flex: 0 0 100%; max-width: 100%; }
    .as_blog_wrapper .col-lg-4.col-md-6 { flex: 0 0 100%; max-width: 100%; }
}

/* ── CONTACT PAGE ── */
@media (max-width: 767.98px) {
    .contact-info-card { margin-bottom: 16px !important; }
    iframe[src*="google.com/maps"] { height: 250px !important; width: 100% !important; }
    .as_contact_form .col-sm-6,
    .as_contact_form .col-md-6 { flex: 0 0 100%; max-width: 100%; }
    .as_contact_form textarea { min-height: 120px; }
}

/* ── ABOUT PAGE ── */
@media (max-width: 767.98px) {
    .as_about_wrapper .as_aboutimg { margin-bottom: 24px; }
    .as_about_detail { padding: 0 !important; }
    .as_counter_wrapper .as_counter_box { margin-bottom: 16px; }
}

/* ── PRICING PAGE ── */
@media (max-width: 767.98px) {
    .as_pricing_box { margin-bottom: 20px !important; }
    .as_pricing_box .as_price { font-size: 28px !important; }
    .as_pricing_wrapper .col-lg-4,
    .as_pricing_wrapper .col-md-4 { flex: 0 0 100%; max-width: 100%; }
}

/* ── HOROSCOPE PAGE ── */
@media (max-width: 767.98px) {
    .as_horoscope_tab { flex-wrap: wrap; gap: 6px; }
    .as_horoscope_tab li { flex: 1 1 auto; text-align: center; }
}

/* ── SERVICE / SERVICE SINGLE PAGE ── */
@media (max-width: 767.98px) {
    .as_service_box { padding: 22px 16px !important; }
    .as_service_detail .col-lg-8,
    .as_service_detail .col-lg-4 { margin-bottom: 20px; }
}

/* ── SEARCH RESULTS PAGE ── */
@media (max-width: 767.98px) {
    .search-result-card { padding: 14px 12px !important; margin-bottom: 14px; }
    .search-result-card h4 { font-size: 15px !important; }
}

/* ── ERROR PAGE ── */
@media (max-width: 767.98px) {
    .as_error_wrapper h1 { font-size: 80px !important; }
    .as_error_wrapper h4 { font-size: 20px !important; }
}

/* ── ASTROLOGER PAGE ── */
@media (max-width: 767.98px) {
    .as_team_wrapper .col-lg-3,
    .as_team_wrapper .col-md-4 { flex: 0 0 50%; max-width: 50%; margin-bottom: 20px; }
    .as_team_box { padding: 20px 14px 16px !important; }
    .as_team_box h4 { font-size: 15px !important; }
    .team-avatar { width: 72px !important; height: 72px !important; }
}
@media (max-width: 480px) {
    .as_team_wrapper .col-lg-3,
    .as_team_wrapper .col-md-4 { flex: 0 0 100%; max-width: 100%; }
}

/* ── HEADER NAV ── */
@media (max-width: 991.98px) {
    .as_header_wrapper .as_right_info { gap: 6px !important; flex-shrink: 0; }
    .as_cart_wrapper > a,
    .as_wishlist { width: 36px !important; height: 36px !important; }
    .as_logo img { max-height: 44px; }
    .as_menu_wrapper.menu_open .as_menu { max-height: 80vh; overflow-y: auto; }
}

/* ── FOOTER ── */
@media (max-width: 767.98px) {
    .as_footer_wrapper .col-lg-3,
    .as_footer_wrapper .col-md-6 {flex: 0 0 100%;max-width: 100%;/* margin-bottom: 24px; */}
    .as_newsletter_box { flex-wrap: wrap; }
    .as_newsletter_box input { border-radius: 4px !important; margin-bottom: 8px; }
    .as_newsletter_box .as_btn { border-radius: 4px !important; width: 100%; }
    .footer-social { gap: 8px; }
    .as_copyright_wrapper { padding: 14px 0; }
    .as_copyright_wrapper p { font-size: 12px; line-height: 1.8; }
}

/* ── SHARED: flash messages ── */
@media (max-width: 575.98px) {
    .alert { font-size: 13px !important; padding: 10px 14px !important; border-radius: 6px !important; }
}

/* ── SHARED: form elements ── */
@media (max-width: 575.98px) {
    .form-group label { font-size: 13px; }
    .form-control { font-size: 14px !important; height: 40px !important; padding: 8px 12px !important; }
    textarea.form-control { height: auto !important; }
    .btn { font-size: 13px !important; }
}

/* ── SHARED: section vertical spacing ── */
@media (max-width: 575.98px) {
    section.as_padderTop60    { padding-top: 36px !important; }
    section.as_padderBottom80 { padding-bottom: 48px !important; }
    section.as_padderTop50    { padding-top: 28px !important; }
    section.as_padderBottom60 { padding-bottom: 36px !important; }
}