/* === RESPONSIVE TABLET (768px) === */
@media (max-width: 768px) {
    /* Stack layout: sidebar above content */
    .pg-account-layout {
        flex-direction: column;
    }

    .pg-account-sidebar {
        width: 100%;
    }

    /* Le layout passe en colonne mais garde align-items:flex-start, donc le
       contenu ne s'étire pas tout seul : on force la pleine largeur pour que
       les cartes (adresses, paiement, demandes) occupent toute la largeur. */
    .pg-account-content {
        width: 100%;
    }

    .pg-account-nav {
        position: static;
    }

    /* Horizontal nav on tablet */
    .pg-account-nav-list {
        flex-direction: row;
        gap: 4px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 4px;
    }

    .pg-account-nav-list::-webkit-scrollbar {
        display: none;
    }

    .pg-account-nav-item {
        flex-shrink: 0;
    }

    .pg-account-nav-item a {
        white-space: nowrap;
        padding: 0 14px;
        height: 40px;
        font-size: 13px;
    }

    .pg-account-nav-item a span {
        display: inline;
    }

    .pg-account-page {
        padding: 24px 16px;
    }

    /* Quick links 2 columns */
    .pg-account-quick-links {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Orders cards responsive */
    .pg-orders-card {
        padding: 16px;
    }

    .pg-orders-card-item {
        max-width: 180px;
    }

    /* View order responsive */
    .pg-view-order-header {
        flex-direction: column;
        gap: 10px;
    }

    .pg-view-order-addresses {
        grid-template-columns: 1fr;
    }

    /* Addresses responsive */
    .pg-addresses-grid {
        grid-template-columns: 1fr;
    }

    /* Edit account responsive */
    .pg-edit-account-row {
        grid-template-columns: 1fr;
    }

    /* Address columns stack */
    .woocommerce-account .woocommerce-columns--addresses,
    .woocommerce-account .woocommerce-Addresses {
        flex-direction: column;
    }

    /* Order card layout */
    .pg-account-order-card {
        flex-wrap: wrap;
        gap: 12px;
    }

    .pg-account-order-meta {
        gap: 12px;
    }

    /* Payment methods responsive tablet */
    .pg-payment-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .pg-payment-card-actions {
        width: 100%;
        justify-content: flex-end;
    }

    /* Requests responsive tablet */
    .pg-request-card-header {
        padding: 14px 16px;
    }

    .pg-request-card-preview {
        display: none;
    }

    .pg-request-thread-inner {
        padding: 0 16px 20px;
    }

    .pg-request-bubble-content {
        padding-left: 0;
        margin-top: 8px;
    }
}


/* === RESPONSIVE MOBILE (480px) === */
@media (max-width: 480px) {
    .pg-account-page {
        padding: 16px 12px;
    }

    .pg-account-title {
        font-size: 20px;
    }

    .pg-account-subtitle {
        font-size: 14px;
    }

    /* Onboarding notice stacks on mobile */
    .pg-onboarding-notice {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 14px 16px;
    }

    .pg-onboarding-notice > svg {
        display: none;
    }

    .pg-onboarding-notice-btn {
        width: 100%;
        text-align: center;
    }

    /* Quick links single column */
    .pg-account-quick-links {
        grid-template-columns: 1fr;
    }

    .pg-account-quick-card {
        padding: 16px;
    }

    /* Recent orders section */
    .pg-account-recent {
        padding: 20px;
    }

    .pg-account-recent-title {
        font-size: 16px;
    }

    .pg-account-order-card {
        padding: 12px;
    }

    .pg-account-order-number {
        font-size: 13px;
    }

    .pg-account-order-date {
        font-size: 12px;
    }

    .pg-account-order-total {
        font-size: 13px;
    }

    /* Empty state */
    .pg-account-empty {
        padding: 40px 16px;
    }

    .pg-account-empty svg {
        width: 48px;
        height: 48px;
    }

    .pg-account-empty-title {
        font-size: 16px;
    }

    /* Requests responsive mobile */
    .pg-request-card-header {
        padding: 12px 14px;
        gap: 10px;
    }

    .pg-request-card-subject {
        font-size: 14px;
    }

    .pg-request-card-right {
        flex-direction: column-reverse;
        align-items: flex-end;
        gap: 6px;
    }

    .pg-request-badge {
        font-size: 11px;
        padding: 3px 10px;
    }

    .pg-request-thread-inner {
        padding: 0 14px 16px;
    }

    .pg-request-bubble {
        padding: 14px 0;
    }

    .pg-request-bubble-avatar {
        width: 28px;
        height: 28px;
        font-size: 11px;
    }

    .pg-request-bubble-content {
        font-size: 13px;
        padding-left: 0;
        margin-top: 8px;
    }

    .pg-request-pending-note {
        font-size: 12px;
        padding: 10px 12px;
    }

    /* Login page full width */
    .pg-login-page {
        padding: 24px 12px;
    }

    .pg-login-card {
        padding: 24px 16px;
    }

    .pg-login-title {
        font-size: 20px;
    }

    .pg-login-btn {
        font-size: 15px;
        padding: 12px;
    }

    /* Social login mobile */
    .pg-social-login div.nsl-container .nsl-button {
        min-height: 44px;
        padding: 10px 12px !important;
    }

    .pg-social-login div.nsl-container .nsl-button-default div.nsl-button-label-container {
        font-size: 14px !important;
    }

    /* Sidebar nav smaller on mobile */
    .pg-account-nav {
        padding: 12px;
    }

    .pg-account-user {
        padding-bottom: 12px;
        margin-bottom: 8px;
    }

    .pg-account-avatar {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }

    .pg-account-nav-item a {
        height: 36px;
        font-size: 12px;
        padding: 0 10px;
    }

    .pg-account-nav-item a svg {
        width: 16px;
        height: 16px;
    }

    /* Orders cards mobile */
    .pg-orders-card {
        padding: 14px;
    }

    .pg-orders-card-top {
        flex-direction: column;
        gap: 8px;
    }

    .pg-orders-card-item {
        max-width: 100%;
    }

    .pg-orders-card-items {
        flex-direction: column;
        gap: 6px;
    }

    .pg-orders-card-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .pg-orders-card-action {
        align-self: flex-end;
    }

    .pg-orders-title {
        font-size: 18px;
    }

    .pg-orders-pagination {
        flex-wrap: wrap;
    }

    /* View order mobile */
    .pg-view-order-section {
        padding: 16px;
    }

    .pg-view-order-item-thumb {
        width: 44px;
        height: 44px;
    }

    .pg-view-order-address-card {
        padding: 16px;
    }

    .pg-view-order-title {
        font-size: 18px;
    }

    /* Addresses mobile */
    .pg-addresses-card {
        padding: 16px;
    }

    .pg-addresses-card-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    /* Edit account mobile */
    .pg-edit-account-card-body {
        padding: 16px;
    }

    .pg-edit-account-card-header {
        padding: 12px 16px;
    }

    .pg-edit-account-btn {
        width: 100%;
    }

    /* Edit address forms mobile */
    .woocommerce-account .woocommerce-address-fields {
        padding: 16px;
    }

    .woocommerce-account .woocommerce-address-fields .button {
        width: 100%;
        text-align: center;
    }
}