/*
 Theme Name:   Astra Child - Print My Stickers
 Theme URI:    https://printmystickers.com
 Description:  Thème enfant d'Astra pour Print My Stickers
 Author:       Print My Stickers
 Author URI:   https://printmystickers.com
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  astra-child-printmystickers
*/

/* ===== BOUTONS MENU — Primary & Secondary ===== */

/* Groupe de boutons — collés côte à côte */
.pms-header__btns {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    flex-shrink: 0 !important;
}

/* Base commune — même gabarit exact */
.pms-btn-primary,
.pms-btn-secondary {
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: background 0.2s, color 0.2s, border-color 0.2s !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    height: 36px !important;
    border: 2px solid #7AB800 !important;
}

/* Secondary à gauche — coins arrondis seulement à gauche */
.pms-header__btns .pms-btn-secondary {
    border-radius: 6px 0 0 6px !important;
    border-right: 1px solid #7AB800 !important;
}

/* Primary à droite — coins arrondis seulement à droite */
.pms-header__btns .pms-btn-primary {
    border-radius: 0 6px 6px 0 !important;
    border-left: 1px solid rgba(255,255,255,.3) !important;
}

/* Primary — fond vert plein */
.pms-btn-primary {
    background: #7AB800 !important;
    color: #fff !important;
}
.pms-btn-primary:hover {
    background: #5a8a00 !important;
    border-color: #5a8a00 !important;
    color: #fff !important;
}

/* Secondary — outline vert */
.pms-btn-secondary {
    background: transparent !important;
    color: #7AB800 !important;
}
.pms-btn-secondary:hover {
    background: #7AB800 !important;
    color: #fff !important;
}

/* ===== PANIER WOOCOMMERCE CLASSIQUE ===== */

/* Supprimer rond bleu */
a.added_to_cart, .added_to_cart,
.woocommerce-message a.button { display:none!important; }

/* Neutraliser Astra sur page panier */
.woocommerce-cart #primary,
.woocommerce-cart #content,
.woocommerce-cart .site-content,
.woocommerce-cart .ast-container,
.woocommerce-cart .entry-content {
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
    float:none!important;
    width:100%!important;
}

/* Titre */
.woocommerce-cart h1.entry-title {
    max-width:1200px;
    margin:30px auto 0!important;
    padding:0 40px!important;
    font-size:32px!important;
    font-weight:700!important;
}

/* Wrapper principal */
.woocommerce-cart .woocommerce {
    max-width:1200px!important;
    margin:30px auto!important;
    padding:0 40px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:40px!important;
    align-items:flex-start!important;
}

/* Formulaire panier (colonne gauche) */
.woocommerce-cart form.woocommerce-cart-form {
    flex:1 1 60%!important;
    min-width:0!important;
}

/* Récap (colonne droite) */
.woocommerce-cart .cart-collaterals {
    flex:0 0 320px!important;
    position:sticky!important;
    top:120px!important;
}

/* Tableau */
.woocommerce-cart table.shop_table {
    width:100%!important;
    border-collapse:collapse!important;
    border:none!important;
}
.woocommerce-cart table.shop_table th {
    border-top:none!important;
    border-bottom:2px solid #7AB800!important;
    padding:12px 8px!important;
    font-size:12px!important;
    text-transform:uppercase!important;
    letter-spacing:0.5px!important;
    color:#333!important;
}
.woocommerce-cart table.shop_table td {
    border:none!important;
    border-bottom:1px solid #f0f0f0!important;
    padding:16px 8px!important;
    vertical-align:middle!important;
}

/* Image produit */
.woocommerce-cart .product-thumbnail img {
    width:72px!important;
    height:72px!important;
    object-fit:cover!important;
    border-radius:8px!important;
    border:1px solid #e8f5c8!important;
}

/* Nom */
.woocommerce-cart .product-name a {
    color:#111!important;
    font-weight:600!important;
    text-decoration:none!important;
    font-size:15px!important;
}
.woocommerce-cart .product-name a:hover { color:#7AB800!important; }

/* Sous-total ligne */
.woocommerce-cart .product-subtotal bdi {
    color:#7AB800!important;
    font-weight:700!important;
    font-size:16px!important;
}

/* Supprimer */
.woocommerce-cart a.remove {
    color:#ccc!important;
    font-size:20px!important;
    background:none!important;
    border:none!important;
}
.woocommerce-cart a.remove:hover {
    color:#e74c3c!important;
    background:none!important;
}

/* Input quantité */
.woocommerce-cart .qty {
    border:1px solid #ddd!important;
    border-radius:6px!important;
    padding:6px 8px!important;
    width:60px!important;
    text-align:center!important;
    font-size:14px!important;
}

/* Zone coupon */
.woocommerce-cart #coupon_code {
    border:1px solid #ddd!important;
    border-radius:6px!important;
    padding:9px 14px!important;
    font-size:14px!important;
    margin-right:8px!important;
}
.woocommerce-cart .coupon .button {
    background:#7AB800!important;
    color:#fff!important;
    border:none!important;
    border-radius:6px!important;
    padding:9px 18px!important;
    font-size:14px!important;
    cursor:pointer!important;
}
.woocommerce-cart button[name="update_cart"] {
    background:#f0f0f0!important;
    color:#333!important;
    border:none!important;
    border-radius:6px!important;
    padding:9px 18px!important;
    font-size:14px!important;
    cursor:pointer!important;
    float:right!important;
}

/* Bloc total */
.woocommerce-cart .cart_totals {
    background:#fafafa!important;
    border:1px solid #eee!important;
    border-radius:12px!important;
    padding:24px!important;
}
.woocommerce-cart .cart_totals h2 {
    font-size:18px!important;
    font-weight:700!important;
    margin-bottom:16px!important;
    padding-bottom:12px!important;
    border-bottom:2px solid #7AB800!important;
}
.woocommerce-cart .cart_totals table {
    width:100%!important;
    margin-bottom:16px!important;
}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
    padding:8px 0!important;
    border:none!important;
    font-size:14px!important;
}
.woocommerce-cart .order-total th,
.woocommerce-cart .order-total td {
    font-size:18px!important;
    font-weight:700!important;
    padding-top:16px!important;
    border-top:1px solid #eee!important;
}
.woocommerce-cart .order-total bdi {
    color:#7AB800!important;
    font-size:22px!important;
    font-weight:700!important;
}

/* Bouton commander */
.woocommerce-cart .checkout-button {
    background:#7AB800!important;
    color:#fff!important;
    border:none!important;
    border-radius:50px!important;
    padding:16px 24px!important;
    font-size:16px!important;
    font-weight:600!important;
    width:100%!important;
    display:block!important;
    text-align:center!important;
    text-decoration:none!important;
    margin-top:16px!important;
    transition:background .2s!important;
}
.woocommerce-cart .checkout-button:hover {
    background:#5a8a00!important;
    color:#fff!important;
}

/* Responsive */
@media(max-width:768px){
    .woocommerce-cart .woocommerce {
        flex-direction:column!important;
        padding:0 20px!important;
    }
    .woocommerce-cart .cart-collaterals {
        flex:1 1 100%!important;
        position:static!important;
    }
}

/* ============================================
   PAGE CHECKOUT — Charte graphique PMS
   ============================================ */

/* ── Masquer titre Astra par défaut ── */
body.woocommerce-checkout h1.entry-title { display: none !important; }

/* ── Titres de section ── */
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout .wc-block-components-checkout-step__heading {
    color: #7AB800 !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
    margin-bottom: 16px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #7AB800 !important;
}

/* ── Labels ── */
body.woocommerce-checkout .form-row label,
body.woocommerce-checkout .wc-block-components-text-input label {
    color: #333 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}
body.woocommerce-checkout .form-row label .required { color: #7AB800 !important; }
body.woocommerce-checkout .form-row label .optional { color: #aaa !important; }

/* ── Champs input ── */
body.woocommerce-checkout .form-row .input-text,
body.woocommerce-checkout .form-row select,
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout .wc-block-components-text-input input {
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 12px !important;
    font-size: 14px !important;
    font-family: inherit !important;
    background: #fff !important;
    transition: border-color .2s, box-shadow .2s !important;
    box-sizing: border-box !important;
}
body.woocommerce-checkout .form-row .input-text:focus,
body.woocommerce-checkout .form-row select:focus,
body.woocommerce-checkout .wc-block-components-text-input input:focus {
    border-color: #7AB800 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(122, 184, 0, .15) !important;
}

/* ── Bloc "Votre commande" — sticky en haut ── */
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .wc-block-checkout__sidebar {
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 24px !important;
    align-self: flex-start !important;
    position: sticky !important;
    top: 20px !important;
}

/* ── Supprimer "Informations complémentaires" ── */
body.woocommerce-checkout .woocommerce-additional-fields {
    display: none !important;
}

/* ── Total TTC ── */
body.woocommerce-checkout .order-total td,
body.woocommerce-checkout .order-total th,
body.woocommerce-checkout .order-total .woocommerce-Price-amount,
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #7AB800 !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}

/* ── Bouton Commander ── */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
    background: #7AB800 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 16px 32px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    font-family: 'Inter', sans-serif !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: background .2s !important;
    box-sizing: border-box !important;
    margin-top: 24px !important;
}
body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
    background: #5a8a00 !important;
}

/* ── Paiement ── */
body.woocommerce-checkout #payment {
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 24px !important;
}
body.woocommerce-checkout #payment .payment_methods {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 14px !important;
    border: none !important;
}
body.woocommerce-checkout #payment .payment_methods li {
    padding: 14px !important;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    background: #fafafa !important;
}
body.woocommerce-checkout #payment .payment_methods li:hover { border-color: #7AB800 !important; }
body.woocommerce-checkout #payment .payment_methods li label {
    font-weight: 600 !important;
    cursor: pointer !important;
}
body.woocommerce-checkout #payment .payment_box {
    padding: 12px !important;
    background: #f5f5f5 !important;
    border-radius: 0 0 8px 8px !important;
    font-size: .85rem !important;
    color: #666 !important;
}

/* ── Radio / Checkbox ── */
body.woocommerce-checkout input[type="radio"],
body.woocommerce-checkout input[type="checkbox"] {
    accent-color: #7AB800 !important;
}

/* ── Liens ── */
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a,
body.woocommerce-checkout .woocommerce-privacy-policy-text a {
    color: #7AB800 !important;
}

/* ── Masquer pays/état (France only) ── */
body.woocommerce-checkout #billing_country_field,
body.woocommerce-checkout #billing_state_field {
    display: none !important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .pms-steps span:last-child { display: none; }
    .pms-steps { gap: 0 !important; }
}

/* ============================================
   FLUID CHECKOUT — Surcharges PMS (#7AB800)
   ============================================ */

/* ── Variables globales Fluid Checkout ── */
body.woocommerce-checkout {
    --fluidcheckout--color--success: #7AB800 !important;
    --fluidcheckout--button--primary--background-color: #7AB800 !important;
    --fluidcheckout--button--primary--border-color: #7AB800 !important;
    --fluidcheckout--button--primary--background-color--hover: #5a8a00 !important;
    --fluidcheckout--button--primary--border-color--hover: #5a8a00 !important;
    --fluidcheckout--checkout-progress--bar-color--complete: #7AB800 !important;
    --fluidcheckout--checkout-progress--bar-color--current: #7AB800 !important;
}

/* ── Fond de page blanc ── */
body.woocommerce-checkout {
    background-color: #ffffff !important;
}

/* ── Conteneur global : max 1100px, centré ── */
body.woocommerce-checkout .fc-wrapper,
body.woocommerce-checkout .fc-main,
body.woocommerce-checkout .fc-progress-bar {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ── Formulaire gauche : max 700px ── */
@media (min-width: 1000px) {
    body.woocommerce-checkout .fc-inside {
        max-width: 700px !important;
        flex: 0 0 700px !important;
    }
}

/* ── Récapitulatif droite : 380px fixe ── */
@media (min-width: 1000px) {
    body.has-checkout-column-layout--two_columns .fc-sidebar {
        width: 380px !important;
        flex: 0 0 380px !important;
    }
}

/* ── Barre de progression native FC — couleurs vertes ── */
.fc-progress-bar--bars .fc-progress-bar__steps .fc-progress-bar__step.is-complete,
.fc-progress-bar--bars .fc-progress-bar__steps .fc-progress-bar__step.is-current {
    background-color: #7AB800 !important;
}
.fc-progress-bar .fc-progress-bar__count {
    display: none !important;
}

/* ── Boutons principaux "Procéder" / "Suivant" / "Commander" ── */
body.woocommerce-checkout .fc-step__actions .fc-step__next-step,
body.woocommerce-checkout .fc-wrapper .fc-place-order .fc-place-order-button,
body.woocommerce-checkout #place_order {
    background-color: #7AB800 !important;
    border-color: #7AB800 !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 14px 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
body.woocommerce-checkout .fc-step__actions .fc-step__next-step:hover,
body.woocommerce-checkout .fc-step__actions .fc-step__next-step:focus,
body.woocommerce-checkout .fc-wrapper .fc-place-order .fc-place-order-button:hover,
body.woocommerce-checkout .fc-wrapper .fc-place-order .fc-place-order-button:focus,
body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout #place_order:focus {
    background-color: #5a8a00 !important;
    border-color: #5a8a00 !important;
    color: #fff !important;
}

/* ── Liens checkout (Se connecter, Modifier, etc.) ── */
body.woocommerce-checkout .fc-wrapper a,
body.woocommerce-checkout .fc-wrapper a:visited,
body.woocommerce-checkout .fc-step__substep-edit,
body.woocommerce-checkout .showlogin,
body.woocommerce-checkout .showcoupon,
body.woocommerce-checkout .woocommerce-info a,
body.woocommerce-checkout .woocommerce-form-login__rememberme a,
body.woocommerce-checkout .lost_password a,
body.woocommerce-checkout .fc-contact-login__action {
    color: #7AB800 !important;
}
body.woocommerce-checkout .fc-wrapper a:hover,
body.woocommerce-checkout .fc-step__substep-edit:hover,
body.woocommerce-checkout .showlogin:hover,
body.woocommerce-checkout .showcoupon:hover,
body.woocommerce-checkout .lost_password a:hover,
body.woocommerce-checkout .fc-contact-login__action:hover {
    color: #5a8a00 !important;
}

/* ── Récapitulatif commande (sidebar droite) ── */
body.woocommerce-checkout .fc-sidebar__inner {
    background: #fff !important;
    border: 0.5px solid #eee !important;
    border-radius: 12px !important;
    padding: 24px !important;
    overflow: hidden;
}

/* ── Labels récapitulatif : SOUS-TOTAL, TVA, TOTAL ── */
body.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table tfoot th {
    text-transform: uppercase !important;
    font-size: 12px !important;
    color: #888 !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

/* ── Montant TOTAL ── */
body.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table tfoot tr.order-total td,
body.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table tfoot tr.order-total td .woocommerce-Price-amount {
    font-size: 22px !important;
    color: #7AB800 !important;
    font-weight: 500 !important;
}
body.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table tfoot tr.order-total th {
    font-size: 14px !important;
    color: #333 !important;
    font-weight: 700 !important;
}

/* ── Titres de section (CONTACT, ADRESSE DE FACTURATION, etc.) ── */
body.woocommerce-checkout .fc-wrapper .fc-step__substep-title {
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 16px !important;
    color: #333 !important;
}
body.woocommerce-checkout .fc-checkout-step[data-step-current] .fc-step__substep-title,
body.woocommerce-checkout .fc-checkout-step[data-step-complete] .fc-step__substep-title {
    color: #7AB800 !important;
}
body.woocommerce-checkout .fc-checkout-step[data-step-complete] .fc-step__substep-title:before {
    color: #7AB800 !important;
}

/* ============================================
   FLUID CHECKOUT — Modale de connexion
   ============================================ */

/* ── Bouton "Se connecter" dans la modale ── */
body.woocommerce-checkout .fc-login-form .woocommerce-form-login__submit,
body.woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__submit {
    background-color: #7AB800 !important;
    border-color: #7AB800 !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: background-color .2s !important;
}
body.woocommerce-checkout .fc-login-form .woocommerce-form-login__submit:hover,
body.woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__submit:hover {
    background-color: #5a8a00 !important;
    border-color: #5a8a00 !important;
}

/* ── Lien "Mot de passe perdu" ── */
body.woocommerce-checkout .fc-login-form .lost_password a,
body.woocommerce-checkout .woocommerce-form-login .lost_password a {
    color: #7AB800 !important;
}
body.woocommerce-checkout .fc-login-form .lost_password a:hover,
body.woocommerce-checkout .woocommerce-form-login .lost_password a:hover {
    color: #5a8a00 !important;
}

/* ── Champs de la modale — bordure verte au focus ── */
body.woocommerce-checkout .fc-login-form .input-text:focus,
body.woocommerce-checkout .woocommerce-form-login .input-text:focus {
    border-color: #7AB800 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(122, 184, 0, .15) !important;
}

/* ── Lien "Pas encore de compte ? Créer un compte" (ajouté via JS dans functions.php) ── */
.pms-login-register-link {
    text-align: center !important;
    margin-top: 12px !important;
    font-size: 13px !important;
    color: #888 !important;
}
.pms-login-register-link a {
    color: #7AB800 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.pms-login-register-link a:hover {
    color: #5a8a00 !important;
    text-decoration: underline !important;
}

/* ===== BOUTON SCROLL TO TOP ===== */
#ast-scroll-top {
    background-color: #7AB800 !important;
    border-color: #7AB800 !important;
}

#ast-scroll-top:hover,
#ast-scroll-top:focus {
    background-color: #5a8a00 !important;
    border-color: #5a8a00 !important;
}

/* ===== FAQ — Bouton "Voir plus / Réduire" ===== */
button.pms-faq__toggle,
button.pms-faq__toggle:visited,
button.pms-faq__toggle:focus {
    background-color: transparent !important;
    color: #7AB800 !important;
    border: 2px solid #7AB800 !important;
    border-radius: 6px !important;
}
button.pms-faq__toggle:hover {
    background-color: #7AB800 !important;
    color: #fff !important;
}

/* ============================================
   PAGE THANK YOU — Confirmation de commande PMS
   ============================================ */

/* Masquer le contenu par défaut WooCommerce sur la page thankyou */
.woocommerce-order-received .woocommerce-order-overview,
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details,
.woocommerce-order-received .woocommerce-columns--addresses {
    display: none !important;
}

/* Masquer le message par défaut "Merci. Votre commande a été reçue." */
.woocommerce-order-received .woocommerce-thankyou-order-received {
    display: none !important;
}

/* Fond blanc sur toute la page */
body.woocommerce-order-received {
    background: #ffffff !important;
}

/* Centrer le conteneur principal de la page order-received */
body.woocommerce-order-received .woocommerce-order {
    max-width: 700px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Neutraliser les contraintes Astra sur cette page */
body.woocommerce-order-received #primary,
body.woocommerce-order-received .ast-container,
body.woocommerce-order-received .site-content,
body.woocommerce-order-received #content,
body.woocommerce-order-received .entry-content,
body.woocommerce-order-received .woocommerce {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

/* Conteneur principal */
.pms-thankyou {
    max-width: 700px;
    margin: 0 auto;
    padding: 40px 20px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #333;
}

/* ── Bloc 1 — En-tête ── */
.pms-thankyou__header {
    text-align: center;
    padding: 32px 0;
    border-bottom: 0.5px solid #eee;
}
.pms-thankyou__check {
    width: 64px;
    height: 64px;
    background: #e8f5c8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}
.pms-thankyou__title {
    font-size: 24px;
    font-weight: 500;
    color: #333;
    margin: 0 0 8px;
}
.pms-thankyou__subtitle {
    font-size: 14px;
    color: #666;
    margin: 0;
}
.pms-thankyou__email {
    color: #7AB800;
    font-weight: 500;
}

/* ── Bloc 2 — Résumé 4 colonnes ── */
.pms-thankyou__summary {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    padding: 20px 0;
    border-bottom: 0.5px solid #eee;
}
.pms-thankyou__summary-col {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.pms-thankyou__label {
    font-size: 10px;
    text-transform: uppercase;
    color: #999;
    letter-spacing: 0.5px;
    font-weight: 600;
}
.pms-thankyou__value {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
.pms-thankyou__value--green {
    color: #7AB800;
}

/* ── Bloc 3 — Détails de la commande ── */
.pms-thankyou__details {
    padding: 20px 0;
    border-bottom: 0.5px solid #eee;
}
.pms-thankyou__section-title {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
    font-weight: 600;
    margin: 0 0 16px;
}
.pms-thankyou__product {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.pms-thankyou__product-left {
    display: flex;
    align-items: center;
    gap: 10px;
}
.pms-thankyou__product-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.pms-thankyou__product-name {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
.pms-thankyou__product-qty {
    font-size: 13px;
    color: #999;
}
.pms-thankyou__product-price {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
.pms-thankyou__totals {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 0.5px solid #eee;
}
.pms-thankyou__totals-row {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    font-size: 13px;
    color: #666;
}
.pms-thankyou__totals-row--total {
    font-size: 15px;
    font-weight: 600;
    color: #7AB800;
    padding-top: 10px;
    margin-top: 4px;
    border-top: 0.5px solid #eee;
}

/* ── Bloc 4 — Adresse de livraison ── */
.pms-thankyou__address {
    padding: 20px 0;
    border-bottom: 0.5px solid #eee;
}
.pms-thankyou__address-text {
    font-size: 13px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* ── Bloc 5 — Prochaine étape ── */
.pms-thankyou__next {
    background: #e8f5c8;
    border-radius: 8px;
    padding: 16px;
    margin: 20px 0;
}
.pms-thankyou__next-title {
    color: #3B6D11;
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}
.pms-thankyou__next-text {
    color: #3B6D11;
    font-size: 13px;
    margin: 0;
    line-height: 1.5;
}

/* ── Bloc 6 — Boutons ── */
.pms-thankyou__buttons {
    display: flex;
    gap: 12px;
    margin-top: 24px;
}
.pms-thankyou__btn {
    flex: 1;
    text-align: center;
    padding: 12px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s, color .2s, border-color .2s;
    box-sizing: border-box;
}
.pms-thankyou__btn--primary {
    background: #7AB800;
    color: #fff;
    border: 2px solid #7AB800;
}
.pms-thankyou__btn--primary:hover {
    background: #5a8a00;
    border-color: #5a8a00;
    color: #fff;
}
.pms-thankyou__btn--secondary {
    background: #fff;
    color: #7AB800;
    border: 2px solid #7AB800;
}
.pms-thankyou__btn--secondary:hover {
    background: #7AB800;
    color: #fff;
}

/* ── Responsive ── */
@media (max-width: 600px) {
    .pms-thankyou__summary {
        grid-template-columns: repeat(2, 1fr);
    }
    .pms-thankyou__buttons {
        flex-direction: column;
    }
    .pms-thankyou__btn {
        flex: none;
        width: 100%;
    }
}

/* ============================================
   PAGES CHECKOUT PMS — Coordonnées + Paiement
   ============================================ */

/* ── Page Coordonnées — Layout ── */
.pms-checkout-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 20px 60px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #333;
}

/* ── Barre de progression ── */
.pms-progress {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 36px;
    padding: 20px 0;
}
.pms-progress__step {
    display: flex;
    align-items: center;
    gap: 8px;
}
.pms-progress__icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    background: #e0e0e0;
    color: #999;
    flex-shrink: 0;
}
.pms-progress__icon--done {
    background: #7AB800;
    color: #fff;
}
.pms-progress__icon--active {
    background: #7AB800;
    color: #fff;
}
.pms-progress__label {
    font-size: 13px;
    font-weight: 500;
    color: #999;
}
.pms-progress__step--done .pms-progress__label,
.pms-progress__step--active .pms-progress__label {
    color: #333;
}
.pms-progress__separator {
    width: 40px;
    height: 2px;
    background: #e0e0e0;
    margin: 0 12px;
}
.pms-progress__step--done + .pms-progress__separator,
.pms-progress__step--done ~ .pms-progress__separator {
    background: #7AB800;
}

/* ── Layout 2 colonnes ── */
.pms-checkout-layout {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}
.pms-checkout-form {
    flex: 1 1 60%;
    min-width: 0;
}
.pms-checkout-summary {
    flex: 0 0 380px;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 24px;
    position: sticky;
    top: 100px;
}

/* ── Titre formulaire ── */
.pms-checkout-form__title {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 24px;
    color: #333;
}

/* ── Erreurs ── */
.pms-checkout-errors {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 20px;
}
.pms-checkout-errors p {
    margin: 4px 0;
    color: #dc2626;
    font-size: 13px;
    font-weight: 500;
}

/* ── Champs ── */
.pms-field {
    margin-bottom: 16px;
    flex: 1;
}
.pms-field--full {
    margin-bottom: 16px;
}
.pms-field-row {
    display: flex;
    gap: 16px;
}
.pms-field label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #555;
    margin-bottom: 6px;
}
.pms-field__req {
    color: #7AB800;
}
.pms-field__opt {
    color: #aaa;
    font-weight: 400;
    font-size: 12px;
}
.pms-field__static {
    padding: 11px 14px;
    border: 1px solid #eee;
    border-radius: 8px;
    font-size: 14px;
    background: #fafafa;
    color: #555;
}
.pms-field input,
.pms-field select {
    width: 100%;
    padding: 11px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    background: #fff;
    transition: border-color .2s, box-shadow .2s;
    box-sizing: border-box;
}
.pms-field input:focus,
.pms-field select:focus {
    border-color: #7AB800;
    outline: none;
    box-shadow: 0 0 0 3px rgba(122, 184, 0, .12);
}

/* ── Bouton Soumettre — forcer vert par-dessus Astra ── */
.pms-checkout-page button.pms-checkout-submit,
.pms-checkout-page button[type="submit"].pms-checkout-submit {
    display: block !important;
    width: 100% !important;
    padding: 14px 16px !important;
    background-color: #7AB800 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: inherit !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: background-color .2s !important;
    margin-top: 16px !important;
    box-sizing: border-box !important;
}
.pms-checkout-page button.pms-checkout-submit:hover,
.pms-checkout-page button.pms-checkout-submit:focus,
.pms-checkout-page button[type="submit"].pms-checkout-submit:hover,
.pms-checkout-page button[type="submit"].pms-checkout-submit:focus {
    background-color: #5a8a00 !important;
    color: #fff !important;
}

/* ── Récapitulatif ── */
.pms-checkout-summary__title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid #7AB800;
    color: #333;
}
.pms-checkout-summary__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.pms-checkout-summary__item-info {
    display: flex;
    align-items: center;
    gap: 6px;
}
.pms-checkout-summary__item-name {
    font-size: 13px;
    font-weight: 500;
    color: #333;
}
.pms-checkout-summary__item-qty {
    font-size: 12px;
    color: #999;
}
.pms-checkout-summary__item-price {
    font-size: 13px;
    font-weight: 500;
    color: #333;
}
.pms-checkout-summary__totals {
    margin-top: 12px;
}
.pms-checkout-summary__row {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    font-size: 13px;
    color: #666;
}
.pms-checkout-summary__row--total {
    font-size: 16px;
    font-weight: 600;
    color: #7AB800;
    padding-top: 10px;
    margin-top: 6px;
    border-top: 1px solid #eee;
}

/* ── Page Paiement — Récapitulatif coordonnées ── */
.pms-coord-recap {
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 28px;
}
.pms-coord-recap__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.pms-coord-recap__title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 0;
}
.pms-coord-recap__edit {
    font-size: 13px;
    color: #7AB800;
    text-decoration: none;
    font-weight: 500;
}
.pms-coord-recap__edit:hover {
    color: #5a8a00;
    text-decoration: underline;
}
.pms-coord-recap__text {
    font-size: 13px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* ── Carte coordonnées (page paiement) ── */
.pms-coord-card {
    background: #f9f9f9;
    border: 0.5px solid #eee;
    border-radius: 8px;
    padding: 12px 16px;
    margin-top: 16px;
}
.pms-coord-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.pms-coord-card__header-left {
    display: flex;
    align-items: center;
    gap: 6px;
}
.pms-coord-card__label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #888;
    font-weight: 600;
}
.pms-coord-card__edit {
    font-size: 12px;
    color: #7AB800;
    text-decoration: none;
    font-weight: 500;
}
.pms-coord-card__edit:hover {
    color: #5a8a00;
    text-decoration: underline;
}
.pms-coord-card__name {
    font-size: 13px;
    font-weight: 500;
    color: #111;
    margin: 0 0 4px;
}
.pms-coord-card__address {
    font-size: 12px;
    color: #555;
    line-height: 1.6;
    margin: 0 0 8px;
}
.pms-coord-card__email {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #555;
}

/* ── Cartes de paiement ── */
.pms-payment-methods {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 8px;
}
.pms-payment-method {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: #fff;
    border: 1.5px solid #eee;
    border-radius: 8px;
    cursor: pointer;
    transition: border-color .2s;
}
.pms-payment-method:hover {
    border-color: #b0d870;
}
.pms-payment-method--selected {
    border: 2px solid #7AB800;
}
.pms-payment-method input[type="radio"] {
    accent-color: #7AB800;
    margin-top: 2px;
    flex-shrink: 0;
}
.pms-payment-method__inner {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.pms-payment-method__name {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
.pms-payment-method__desc {
    font-size: 12px;
    color: #888;
    line-height: 1.4;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .pms-checkout-layout {
        flex-direction: column;
    }
    .pms-checkout-summary {
        flex: none;
        width: 100%;
        position: static;
    }
    .pms-progress__label {
        display: none;
    }
    .pms-progress__separator {
        width: 24px;
    }
    .pms-field-row {
        flex-direction: column;
        gap: 0;
    }
}

/* ═══════════════════════════════════════
   MON COMPTE — Sidebar & Avatar
   ═══════════════════════════════════════ */

/* ── Avatar bloc ── */
.pms-account-avatar {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 20px 18px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 4px;
}
.pms-account-avatar__circle {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
    background: #e8f5c8;
    color: #3B6D11;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
}
.pms-account-avatar__info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.pms-account-avatar__name {
    font-size: 15px;
    font-weight: 600;
    color: #222;
    line-height: 1.3;
}
.pms-account-avatar__since {
    font-size: 12.5px;
    color: #999;
    line-height: 1.3;
}
.pms-account-avatar__code {
    font-size: 11.5px;
    color: #999;
    line-height: 1.3;
    margin-top: 2px;
    letter-spacing: 0.02em;
}

/* ── Sidebar navigation ── */
.woocommerce-MyAccount-navigation {
    border-right: 1px solid #e5e5e5 !important;
    padding-right: 0 !important;
}
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
    border-left: 3px solid transparent;
}
.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 10px 20px;
    color: #555 !important;
    font-size: 14px;
    text-decoration: none !important;
    transition: all 0.15s ease;
    border-radius: 0 !important;
}

/* Onglet actif */
.woocommerce-MyAccount-navigation ul li.is-active {
    border-left-color: #7AB800;
    background: #e8f5c8;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #3B6D11 !important;
    font-weight: 600;
}

/* Hover */
.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
    background: #f5fae8;
}
.woocommerce-MyAccount-navigation ul li:not(.is-active):hover a {
    color: #3B6D11 !important;
}

/* Se déconnecter */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
    border-top: 1px solid #e5e5e5;
    margin-top: 8px !important;
    padding-top: 4px !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #A32D2D !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout:hover {
    background: #fdf2f2;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout:hover a {
    color: #8a1f1f !important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        border-right: none !important;
        border-bottom: 1px solid #e5e5e5 !important;
        margin-bottom: 20px;
    }
    .pms-account-avatar {
        padding: 16px;
    }
}

/* ═══════════════════════════════════════
   MON COMPTE — Dashboard personnalisé
   ═══════════════════════════════════════ */

/* ── Cartes métriques ── */
.pms-dash-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 32px;
}
.pms-dash-card {
    background: #f7f7f7;
    border-radius: 10px;
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.pms-dash-card__label {
    font-size: 12.5px;
    color: #888;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.pms-dash-card__value {
    font-size: 24px;
    font-weight: 700;
    color: #222;
    line-height: 1.2;
}

/* ── Tableau dernières commandes ── */
.pms-dash-orders {
    margin-bottom: 32px;
}
.pms-dash-orders__title {
    font-size: 17px;
    font-weight: 600;
    color: #222;
    margin: 0 0 14px;
}
.pms-dash-orders__empty {
    color: #999;
    font-size: 14px;
}
.pms-dash-orders__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}
.pms-dash-orders__table thead th {
    text-align: left;
    font-size: 11.5px;
    font-weight: 600;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 8px 10px;
    border-bottom: 2px solid #eee;
}
.pms-dash-orders__table tbody td {
    padding: 12px 10px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
    color: #444;
}
.pms-dash-orders__table tbody tr:last-child td {
    border-bottom: none;
}
.pms-dash-orders__ref {
    font-weight: 600;
    color: #222 !important;
    white-space: nowrap;
}
.pms-dash-orders__total {
    font-weight: 600;
    white-space: nowrap;
}
.pms-dash-orders__view {
    display: inline-block;
    padding: 4px 14px;
    font-size: 12.5px;
    font-weight: 500;
    color: #7AB800 !important;
    border: 1px solid #7AB800;
    border-radius: 5px;
    text-decoration: none !important;
    transition: all 0.15s ease;
}
.pms-dash-orders__view:hover {
    background: #7AB800;
    color: #fff !important;
}

/* ── Badges statut ── */
.pms-dash-badge {
    display: inline-block;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
    white-space: nowrap;
    line-height: 1.5;
}
.pms-dash-badge--pending {
    background: #fff3e0;
    color: #e67e00;
}
.pms-dash-badge--processing {
    background: #e3f2fd;
    color: #1976d2;
}
.pms-dash-badge--en-fabrication {
    background: #fef3c7;
    color: #92400e;
}
.pms-dash-badge--expediee {
    background: #dbeafe;
    color: #1e40af;
}
.pms-dash-badge--shipped {
    background: #bbdefb;
    color: #0d47a1;
}
.pms-dash-badge--completed {
    background: #e8f5c8;
    color: #3B6D11;
}
.pms-dash-badge--cancelled {
    background: #fdecea;
    color: #c62828;
}

/* ── Liens rapides ── */
.pms-dash-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    padding-top: 8px;
}
.pms-dash-btn {
    display: inline-block;
    padding: 11px 24px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none !important;
    transition: all 0.15s ease;
    cursor: pointer;
}
.pms-dash-btn--primary {
    background: #7AB800;
    color: #fff !important;
    border: 2px solid #7AB800;
}
.pms-dash-btn--primary:hover {
    background: #5a8a00;
    border-color: #5a8a00;
}
.pms-dash-btn--outline {
    background: transparent;
    color: #7AB800 !important;
    border: 2px solid #7AB800;
}
.pms-dash-btn--outline:hover {
    background: #7AB800;
    color: #fff !important;
}

/* ── Référence PMS sur page view-order ── */
.pms-view-order-ref {
    display: inline-block;
    background: #e8f5c8;
    color: #3B6D11;
    font-size: 15px;
    font-weight: 700;
    padding: 6px 16px;
    border-radius: 6px;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}

/* ═══════════════════════════════════════
   MON COMPTE — Mes factures
   ═══════════════════════════════════════ */
.pms-factures__title {
    font-size: 20px;
    font-weight: 700;
    color: #222;
    margin: 0 0 4px;
}
.pms-factures__subtitle {
    font-size: 13.5px;
    color: #999;
    margin: 0 0 24px;
}
.pms-factures__empty {
    text-align: center;
    padding: 48px 20px;
    color: #888;
    background: #f7f7f7;
    border-radius: 10px;
}
.pms-factures__empty-icon {
    display: block;
    font-size: 32px;
    margin-bottom: 10px;
}
.pms-factures__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}
.pms-factures__table thead th {
    text-align: left;
    font-size: 11.5px;
    font-weight: 600;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 8px 10px;
    border-bottom: 2px solid #eee;
}
.pms-factures__table tbody td {
    padding: 12px 10px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
    color: #444;
}
.pms-factures__table tbody tr:last-child td {
    border-bottom: none;
}
.pms-factures__ref {
    font-weight: 600;
    color: #222 !important;
    white-space: nowrap;
}
.pms-factures__total {
    font-weight: 600;
    white-space: nowrap;
}
.pms-factures__download {
    display: inline-block;
    padding: 5px 14px;
    font-size: 12.5px;
    font-weight: 500;
    color: #7AB800 !important;
    border: 1px solid #7AB800;
    border-radius: 5px;
    text-decoration: none !important;
    transition: all 0.15s ease;
    white-space: nowrap;
}
.pms-factures__download:hover {
    background: #7AB800;
    color: #fff !important;
}
.pms-factures__pending {
    font-size: 12.5px;
    color: #bbb;
    white-space: nowrap;
    cursor: help;
}
@media (max-width: 768px) {
    .pms-factures__table {
        font-size: 12.5px;
    }
    .pms-factures__table thead th,
    .pms-factures__table tbody td {
        padding: 8px 6px;
    }
}

/* ═══════════════════════════════════════
   MON COMPTE — Page Adresses
   ═══════════════════════════════════════ */

/* Masquer le h2 WooCommerce natif au cas où il leak */
.woocommerce-MyAccount-content .woocommerce-Address-title h2 {
    display: none !important;
}

.pms-addresses {
    display: flex;
    gap: 20px;
}
.pms-address-card {
    flex: 1;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
}
.pms-address-card__label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #999;
    margin-bottom: 12px;
}
.pms-address-card__body {
    font-style: normal !important;
    color: #444;
    font-size: 13.5px;
    line-height: 1.7;
    flex: 1;
}
.pms-address-card__body strong {
    font-size: 14px;
    font-weight: 600;
    color: #222;
}
.pms-address-card__empty {
    color: #ccc;
    font-size: 13px;
    display: block;
    text-align: center;
    padding: 20px 0;
}
.pms-address-card__edit {
    display: inline-block;
    margin-top: 14px;
    font-size: 12.5px;
    font-weight: 500;
    color: #7AB800 !important;
    text-decoration: none !important;
}
.pms-address-card__edit::before {
    content: "✏ ";
    font-size: 12px;
}
.pms-address-card__edit:hover {
    color: #5a8a00 !important;
    text-decoration: underline !important;
}
@media (max-width: 768px) {
    .pms-addresses {
        flex-direction: column;
        gap: 16px;
    }
}

/* ── Dashboard responsive ── */
@media (max-width: 768px) {
    .pms-dash-cards {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .pms-dash-orders__table {
        font-size: 12.5px;
    }
    .pms-dash-orders__table thead th,
    .pms-dash-orders__table tbody td {
        padding: 8px 6px;
    }
    .pms-dash-actions {
        flex-direction: column;
    }
    .pms-dash-btn {
        text-align: center;
    }
}