/**
 * Responsive & Mobile Optimization Stylesheet for Dr Rafik Nagy Pharmacy
 */

@media (max-width: 1280px) {
    .dr-nav-menu > li > a {
        padding: 9px 6px;
        font-size: 12.5px;
    }
    .dr-cat-btn {
        padding: 9px 12px;
        font-size: 12.5px;
    }
    .dr-support-pill {
        padding: 5px 10px;
        font-size: 11.5px;
    }
}

@media (max-width: 1024px) {
    .dr-nav-inner {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        white-space: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 2px;
    }
    .dr-nav-inner::-webkit-scrollbar {
        display: none;
    }
    .dr-nav-menu {
        overflow-x: visible;
        flex-wrap: nowrap;
        white-space: nowrap;
    }
    .dr-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }
    .dr-hero-grid {
        grid-template-columns: 1fr;
    }
    .dr-hero-card {
        max-width: 500px;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .dr-topbar-inner {
        flex-direction: column;
        gap: 6px;
        text-align: center;
    }
    .dr-header-inner {
        flex-wrap: wrap;
        gap: 12px;
    }
    .dr-header-search {
        order: 3;
        max-width: 100%;
        width: 100%;
    }
    .dr-hero-title {
        font-size: 28px;
    }
    .dr-hero-subtitle {
        font-size: 15px;
    }
    .dr-hero-actions {
        flex-direction: column;
        gap: 10px;
    }
    .dr-rx-cta-box {
        flex-direction: column;
        text-align: center;
    }
    .rx-cta-buttons {
        flex-direction: column;
    }
    .dr-support-bar-inner {
        flex-direction: column;
        text-align: center;
    }
    .support-actions {
        flex-direction: column;
        width: 100%;
    }
    .dr-footer-grid {
        grid-template-columns: 1fr;
    }
    .dr-btn-rx-cta .rx-text small {
        display: none;
    }
}