/* =============================================================================
   Responsive — Central Vintage Club (theme enfant)
   Toutes les media queries du theme enfant centralisees ici.
   Les CSS specifiques aux features (woocommerce.css, dashboard.css, etc.)
   conservent UNIQUEMENT leurs styles desktop/base ; tout le responsive est ici.
   ============================================================================= */


/* ===========================================================================
   Banner Style 3  (style.css)
   =========================================================================== */

@media (max-width: 1024px) {
    .banner-s3-inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        min-height: unset;
        gap: 36px;
    }
    .banner-s3-title  { grid-column: 1; grid-row: 1; padding-bottom: 0; }
    .banner-s3-image  { grid-column: 1; grid-row: 2; }
    .banner-s3-cards  { grid-column: 1; grid-row: 3; flex-direction: row; }
    .banner-s3-image img { transform: none; max-height: 420px; width: 100%; object-fit: cover; }

    .banner-s3-line         { font-size: clamp(28px, 5vw, 52px); white-space: normal; }
    .banner-s3-line.line-1  { font-size: clamp(28px, 5vw, 52px); margin-left: 0; }
    .banner-s3-line.line-2  { font-size: clamp(28px, 5vw, 52px); margin-left: 0; }
    .banner-s3-line.line-3  { font-size: clamp(28px, 5vw, 52px); margin-left: 0; }

    /* Neutralise le gradient-clip texte (bug Safari iOS : fond visible comme rectangle sombre) */
    .banner-s3-line.line-1,
    .banner-s3-line.line-3 {
        background: none;
        -webkit-background-clip: unset;
        background-clip: unset;
        -webkit-text-fill-color: #ffffff;
        color: #ffffff;
    }
}

@media (max-width: 768px) {
    /* Masquer les cercles décoratifs (filter:blur(244px) en position:absolute
       provoque des rectangles sombres sur Safari iOS via overflow-x:clip) */
    .banner-area.style-3 .s3-circle-top,
    .banner-area.style-3 .s3-circle-bottom,
    .banner-area.style-4 .s3-circle-top,
    .banner-area.style-4 .s3-circle-bottom { display: none; }

    /* overflow:hidden = meilleur support que overflow-x:clip sur Safari iOS */
    .banner-area.style-3,
    .banner-area.style-4 { overflow: hidden; }

    /* Supprimer tout gradient sur le texte (sécurité, surtout pour Safari iOS) */
    .banner-s3-line {
        background: none !important;
        -webkit-background-clip: unset !important;
        background-clip: unset !important;
        -webkit-text-fill-color: #ffffff !important;
        color: #ffffff !important;
    }
}

@media (max-width: 600px) {
    .banner-s3-cards { flex-direction: column; }
    .banner-area.style-3 { padding: 50px 0 40px; }
    .banner-area.style-4 { padding: 150px 0 40px; }

    .banner-s3-line         { font-size: clamp(22px, 7vw, 34px); }
    .banner-s3-line.line-1  { font-size: clamp(22px, 7vw, 34px); }
    .banner-s3-line.line-2  { font-size: clamp(22px, 7vw, 34px); }
    .banner-s3-line.line-3  { font-size: clamp(22px, 7vw, 34px); }
}


/* ===========================================================================
   Countdown + grille home  (countdown.css)
   =========================================================================== */

@media (max-width: 900px) {
    ul.products.cvc-product-grid.cvc-product-grid--home,
    .woocommerce ul.products.cvc-product-grid.cvc-product-grid--home,
    .woocommerce-page ul.products.cvc-product-grid.cvc-product-grid--home {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 767px) {
    ul.products.cvc-product-grid.cvc-product-grid--home,
    .woocommerce ul.products.cvc-product-grid.cvc-product-grid--home,
    .woocommerce-page ul.products.cvc-product-grid.cvc-product-grid--home {
        grid-template-columns: 1fr !important;
    }
    .cvc-homepage-drop__title {
        font-size: 36px;
    }
}

@media (max-width: 480px) {
    .cvc-countdown__value   { font-size: 32px; }
    .cvc-countdown__unit    { min-width: 52px; }
    .cvc-countdown__sep     { font-size: 22px; padding-bottom: 18px; }
    .cvc-countdown__drop-name { font-size: 16px; }
}


/* ===========================================================================
   Pricing  (pricing.css)
   =========================================================================== */

@media (max-width: 1023px) {
    .cvc-pricing {
        grid-template-columns: 1fr;
        max-width: 480px;
    }

    .cvc-pricing__card--featured {
        transform: none;
        order: -1;
    }
}

@media (max-width: 500px) {
    .cvc-pricing__card {
        padding: 28px 22px;
    }

    .cvc-pricing__amount {
        font-size: 52px;
    }
}


/* ===========================================================================
   Shop — grille produits + sidebar filtres  (woocommerce.css)
   =========================================================================== */

@media (min-width: 2501px) {
    ul.products.cvc-product-grid:not(.cvc-related-grid) {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (min-width: 1801px) and (max-width: 2500px) {
    ul.products.cvc-product-grid:not(.cvc-related-grid) {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 1300px) {
    ul.products.cvc-product-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1100px) {
    ul.products.cvc-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .cvc-filters {
        width: 85%;
        max-width: 320px;
    }

    .cvc-shop-main {
        padding: 20px 16px 50px;
    }

    ul.products.cvc-product-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

}

@media (max-width: 480px) {
    ul.products.cvc-product-grid {
        grid-template-columns: 1fr;
    }
    .cvc-shop-topbar__right .woocommerce-result-count { display: none; }
}


/* ===========================================================================
   Modal ATC  (woocommerce.css)
   =========================================================================== */

@media (min-width: 600px) {
    .cvc-atc-modal { align-items: center; padding: 24px; }
}

@media (min-width: 600px) {
    .cvc-atc-modal__inner {
        border-radius: var(--cvc-radius);
        animation: cvc-panel-scale .22s cubic-bezier(0.4, 0, 0.2, 1);
    }
}


/* ===========================================================================
   Fiche produit  (woocommerce.css)
   =========================================================================== */

@media (max-width: 1100px) {
    .cvc-related-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 960px) {
    .cvc-product-layout {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .cvc-product-gallery {
        position: relative;
        top: auto;
    }

    .cvc-related-grid { grid-template-columns: repeat(2, 1fr); }
    .cvc-trust-badges { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .cvc-single-wrap { padding: 96px 16px 60px; } /* 80px header + 16px espace */

    .cvc-product-layout { gap: 24px; }

    /* Mobile : galerie en slider touch */
    .cvc-gallery-thumbs { display: none; }
    .cvc-gallery-dots   { display: flex; }

    .cvc-product-info__title { font-size: 22px; }

    .cvc-product-form .variations_button,
    .cvc-product-form .woocommerce-variation-add-to-cart {
        flex-direction: column;
    }

    .cvc-tab-panel { padding: 20px; }

    .cvc-related-grid { grid-template-columns: 1fr 1fr; gap: 12px; }

    .cvc-tabs { gap: 0; }
    .cvc-tab  { padding: 14px 14px; font-size: 12px; }
}

@media (max-width: 480px) {
    .cvc-related-grid { grid-template-columns: 1fr; }
}

@media (max-width: 550px) {
    .cvc-related-products__title { font-size: 20px; }
    .cvc-related-products__link  { padding: 9px 14px; font-size: 12px; }
}

@media (max-width: 400px) {
    .cvc-related-products__title { font-size: 16px; }
}


/* ===========================================================================
   Panier (Blocks)  (woocommerce.css)
   =========================================================================== */

@media (max-width: 992px) {
    .wc-block-components-sidebar-layout.wc-block-cart {
        flex-direction: column !important;
    }
    .wc-block-components-sidebar.wc-block-cart__sidebar {
        flex: unset !important;
        width: 100% !important;
        position: static !important;
    }

    /* Espacement image / texte dans la table produit */
    .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__wrap {
        padding-left: 15px !important;
    }
}

@media (max-width: 600px) {
    .wp-block-woocommerce-cart { padding: 24px 16px 60px !important; }
}

@media (max-width: 440px) {
    /* Passer la ligne en flex pour intégrer le total sous les infos produit */
    table.wc-block-cart-items tbody tr.wc-block-cart-items__row { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; }
    td.wc-block-cart-item__image { width: 76px !important; padding: 10px 10px 10px 12px !important; flex-shrink: 0 !important; }
    td.wc-block-cart-item__image img { width: 64px !important; height: 64px !important; }

    /* Cellule infos : prend l'espace restant */
    td.wc-block-cart-item__product { flex: 1 1 0% !important; min-width: 0 !important; padding: 10px 12px 4px 0 !important; }

    /* Total : pleine largeur sous image + infos, avec petit padding */
    td.wc-block-cart-item__total { display: block !important; width: 100% !important; padding: 0 12px 12px 12px !important; text-align: right !important; }
}


/* ===========================================================================
   Checkout (Blocks)  (woocommerce.css)
   =========================================================================== */

@media (max-width: 900px) {
    .wc-block-components-sidebar-layout.wc-block-checkout {
        flex-direction: column !important;
    }
    .wc-block-checkout__sidebar {
        flex: unset !important;
        width: 100% !important;
        position: static !important;
    }
}

@media (max-width: 600px) {
    .wp-block-woocommerce-checkout { padding: 24px 16px 60px !important; }
    .wc-block-components-checkout-step { padding: 16px !important; }
}


/* ===========================================================================
   Page connexion  (woocommerce.css)
   =========================================================================== */

@media (max-width: 700px) {
    #customer_login.col2-set {
        grid-template-columns: 1fr;
    }
}


/* ===========================================================================
   Confirmation de commande  (woocommerce.css)
   =========================================================================== */

@media (max-width: 700px) {
    ul.woocommerce-order-overview {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .cvc-addresses-grid--two {
        grid-template-columns: 1fr !important;
    }
}


/* ===========================================================================
   Mon compte — Navigation : tabs horizontaux sur tablette / mobile
   =========================================================================== */

@media (max-width: 991px) {

    /* Layout : nav en barre au-dessus du contenu */
    .woocommerce-account .woocommerce {
        flex-direction: column;
        gap: 0;
    }

    /* Écrase le width: 68% de woocommerce-layout.css */
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
    }

    /* ── Nav → wrapper scrollable ── */
    .woocommerce-MyAccount-navigation {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        position: static !important;
        margin-bottom: 24px;
        overflow: visible;
    }

    .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        overflow: hidden !important;
        width: 100% !important;
        border: none !important;
        border-radius: var(--cvc-radius) !important;
        background: var(--cvc-bg) !important; /* fond sombre = séparateurs invisibles dans les trous */
        gap: 1px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .woocommerce-MyAccount-navigation-link {
        border: 1px solid var(--cvc-border) !important;
        flex-shrink: 0;
        background: var(--cvc-bg-card);
    }

    .woocommerce-MyAccount-navigation-link a {
        background: var(--cvc-bg-card);
    }

    .woocommerce-MyAccount-navigation-link a:hover {
        background: var(--cvc-bg-card-h) !important;
    }

    .woocommerce-MyAccount-navigation-link.is-active a {
        background: var(--cvc-accent-soft) !important;
    }

    /* Tab item */
    .woocommerce-MyAccount-navigation-link a {
        padding: 13px 10px !important;
        font-size: 13px !important;
        white-space: nowrap;
        border-radius: 0 !important;
    }

    /* Indicateur actif → trait en bas plutôt qu'à gauche */
    .woocommerce-MyAccount-navigation-link a::before {
        top: auto !important;
        bottom: -1px !important;
        left: 0 !important;
        width: 100% !important;
        height: 2px !important;
        border-radius: 2px 2px 0 0 !important;
    }

    .woocommerce-MyAccount-navigation-link--customer-logout a {
        font-size: 11px !important;
        padding: 13px 14px !important;
    }
}

@media (max-width: 600px) {
    .woocommerce-MyAccount-navigation-link a {
        padding: 11px 10px !important;
        font-size: 12px !important;
    }

    .woocommerce-MyAccount-navigation-link--customer-logout a {
        padding: 11px 12px !important;
    }
}


/* ===========================================================================
   Mon compte — Layout + Liste des commandes  (dashboard.css)
   =========================================================================== */

@media (max-width: 640px) {
    .cvc-orders-wrap {
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    /* Masquer le thead, passer en mode carte par ligne */
    .cvc-orders-wrap thead {
        display: none;
    }

    .cvc-orders-wrap .woocommerce-orders-table__row {
        display: block;
        padding: 14px 16px;
        border-bottom: 1px solid var(--cvc-border);
    }

    .cvc-orders-wrap .woocommerce-orders-table__row:last-child {
        border-bottom: none;
    }

    .cvc-orders-wrap .woocommerce-orders-table__cell {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 5px 0 !important;
        border: none !important;
        font-size: 13px;
    }

    .cvc-orders-wrap .woocommerce-orders-table__cell::before {
        content: attr(data-title);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .07em;
        text-transform: uppercase;
        color: var(--cvc-text-dim);
        min-width: 80px;
        flex-shrink: 0;
    }

    .cvc-order-actions {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}


/* ===========================================================================
   Mon compte — Adresses  (dashboard.css)
   =========================================================================== */

@media (max-width: 680px) {
    .woocommerce-MyAccount-content .cvc-addresses-grid--two {
        grid-template-columns: 1fr;
    }

    .woocommerce-MyAccount-content .cvc-addresses-grid--two .cvc-address-block:first-child {
        border-right: 1px solid var(--cvc-border);
        border-radius: var(--cvc-radius) var(--cvc-radius) 0 0;
        border-bottom: none;
    }

    .woocommerce-MyAccount-content .cvc-addresses-grid--two .cvc-address-block:last-child {
        border-radius: 0 0 var(--cvc-radius) var(--cvc-radius);
    }

    .woocommerce-address-fields__field-wrapper {
        grid-template-columns: 1fr;
    }
}


/* ===========================================================================
   Mon compte — Detail commande  (dashboard.css)
   =========================================================================== */

@media (max-width: 768px) {
    .cvc-view-order__header {
        flex-direction: column;
        align-items: flex-start;
        padding: 14px 16px;
    }

    .cvc-view-order__number {
        font-size: 17px;
    }

    .cvc-view-order__header-right {
        width: 100%;
        justify-content: space-between;
    }

    .cvc-addresses-grid--two {
        grid-template-columns: 1fr;
    }

    .cvc-addresses-grid--two .cvc-address-block:first-child {
        border-right: none;
        border-bottom: 1px solid var(--cvc-border);
    }

    /* Masquer colonne livraison + regrouper sur mobile */
    .woocommerce-order-details .woocommerce-table--order-details thead {
        display: none;
    }

    .woocommerce-order-details .woocommerce-table--order-details tbody tr {
        display: block;
        padding: 14px 16px;
        border-bottom: 1px solid var(--cvc-border) !important;
    }

    .woocommerce-order-details .woocommerce-table--order-details tbody td {
        display: block;
        padding: 3px 0 !important;
        text-align: left !important;
    }

    .woocommerce-order-details .woocommerce-table--order-details tbody td.product-shipment {
        text-align: left !important;
    }

    .woocommerce-order-details .woocommerce-table--order-details tbody td.product-total {
        text-align: left !important;
        font-size: 13px;
    }

    .woocommerce-order-details .woocommerce-table--order-details tfoot th,
    .woocommerce-order-details .woocommerce-table--order-details tfoot td {
        padding: 8px 16px !important;
        font-size: 12px;
    }
}


/* ===========================================================================
   Mon compte — Dashboard (cards + hero)  (dashboard.css)
   =========================================================================== */

/* ── Desktop étroit (992px – 1200px) : grille 2 col pour éviter colonnes trop étroites ── */
@media (min-width: 992px) and (max-width: 1399px) {
    .cvc-db-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cvc-db-card--drop   { grid-column: span 1; }
    .cvc-db-card--sub    { grid-column: span 1; }
    .cvc-db-card--upsell { grid-column: span 1; }
    .cvc-db-card--orders { grid-column: span 2; }
    .cvc-db-card--budget { grid-column: span 2; }
    .cvc-db-card--stats  { grid-column: span 1; }
    .cvc-db-card--links  { grid-column: span 1; }
}

/* ── Tablette large (< 992px) ── */
@media (max-width: 991px) {
    .cvc-db-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Ligne 1 : drop + sub côte à côte */
    .cvc-db-card--drop   { grid-column: span 1; }
    .cvc-db-card--sub    { grid-column: span 1; }
    .cvc-db-card--upsell { grid-column: span 1; }
    /* Commandes + budget : pleine largeur */
    .cvc-db-card--orders { grid-column: span 2; }
    .cvc-db-card--budget { grid-column: span 2; }
    .cvc-db-card--stats  { grid-column: span 1; }
    .cvc-db-card--links  { grid-column: span 1; }

    .cvc-db-hero {
        padding: 18px 20px;
        gap: 16px;
    }

    .cvc-db-hero::after {
        font-size: 72px;
        right: 16px;
    }

    /* KPIs : grille 2x2 pour éviter le wrap 3+1 */
    .cvc-db-hero__kpis {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
        align-items: unset;
    }

    .cvc-db-kpi {
        min-width: unset;
        padding: 9px 12px;
    }

    .cvc-db-kpi__value {
        font-size: 15px;
    }
}

/* ── Tablette étroite / phablet (≤ 700px) ── */
@media (max-width: 700px) {
    .cvc-db-hero {
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .cvc-db-hero__kpis {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }

    .cvc-db-kpi {
        min-width: unset;
        padding: 8px 10px;
    }

    .cvc-db-kpi__value {
        font-size: 14px;
    }

    .cvc-db-hero::after {
        display: none;
    }
}

/* ── Mobile (≤ 640px) ── */
@media (max-width: 640px) {
    .cvc-db-grid {
        grid-template-columns: 1fr;
    }

    .cvc-db-card--sub,
    .cvc-db-card--drop,
    .cvc-db-card--upsell,
    .cvc-db-card--budget,
    .cvc-db-card--orders,
    .cvc-db-card--stats,
    .cvc-db-card--links {
        grid-column: span 1;
    }

    /* Hero en colonne */
    .cvc-db-hero {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 16px;
    }

    .cvc-db-hero__left {
        gap: 12px;
    }

    .cvc-db-hero__name {
        font-size: 18px;
    }

    /* KPIs : grille 2x2 en pleine largeur */
    .cvc-db-hero__kpis {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        gap: 6px;
    }

    .cvc-db-kpi {
        min-width: unset;
        flex: unset;
        padding: 9px 12px;
        text-align: center;
    }

    .cvc-db-kpi__value {
        font-size: 15px;
    }

    /* Budget amounts */
    .cvc-db-budget-amounts {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 8px;
    }

    .cvc-db-budget-amount {
        min-width: unset;
    }

    /* Stats */
    .cvc-db-stats-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* ── Très petit mobile (≤ 400px) ── */
@media (max-width: 400px) {
    .cvc-db-hero {
        padding: 14px;
    }

    .cvc-db-kpi__value {
        font-size: 13px;
    }

    .cvc-db-kpi__label {
        font-size: 9px;
    }

    .cvc-db-budget-amounts {
        grid-template-columns: 1fr 1fr;
    }

    /* La 3e case (Limite) prend toute la largeur */
    .cvc-db-budget-amount:last-child {
        grid-column: span 2;
        text-align: center;
    }
}


/* ===========================================================================
   Mon compte — Etat verrouille / abonnement  (dashboard.css)
   =========================================================================== */

@media (max-width: 640px) {
    .cvc-resub-banner {
        flex-wrap: wrap;
        gap: 10px;
    }

    .cvc-resub-banner__btn {
        width: 100%;
        justify-content: center;
    }

    .cvc-invoice-encart thead {
        display: none;
    }

    .cvc-invoice-encart tbody tr {
        display: flex;
        flex-wrap: wrap;
        gap: 4px 16px;
        padding: 12px 16px;
        border-bottom: 1px solid var(--cvc-border);
    }

    .cvc-invoice-encart tbody td {
        display: block;
        padding: 0;
        white-space: normal;
    }

    .cvc-invoice-encart tbody td::before {
        content: attr(data-label) ": ";
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: var(--cvc-text-dim);
        display: block;
        margin-bottom: 2px;
    }
}


@media (max-width: 600px) {
    .cvc-sub-acc-inv-table td {
        padding: 2px 10px !important;
    }
}


/* ===========================================================================
   Mon compte — Commandes par drop  (dashboard.css)
   =========================================================================== */

/* 4 col par défaut (≥ 1400px) → déjà géré par auto-fill en base */

@media (max-width: 1399px) {
    .cvc-drops-orders__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1299px) {
    .cvc-drops-orders__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .cvc-dord-card { padding: 14px; }
    .cvc-dord-card__count-num { font-size: 26px; }
}

@media (max-width: 479px) {
    .cvc-drops-orders__grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }
}


/* ===========================================================================
   Menu principal  (header / navigation)
   =========================================================================== */

@media (max-width: 1199px) {
    /* Masquer le bouton Inscription sous 1200px (redondant avec le menu burger) */
    .te-header-btn .te-cta-btn-wrapper { display: none !important; }

    #cvc-header-cart { margin-right: 10px !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Réduire le padding des liens nav pour tenir sur une ligne */
    .te-header-menu-area .te-main-menu ul li a { padding: 33px 8px !important; font-size: 13px; }

    /* Réduire le gap entre widgets */
    .te-header-btn { gap: 6px !important; }
}

@media (max-width: 992px) {
    .te-search-btn { display: none; }
}

@media (max-width: 768px) {
    .te-header-menu-area .te-logo img { margin-right: 10px; }
}

@media (max-width: 500px) {
    /* Panier : masquer le prix, garder icône + badge count */
    #cvc-header-cart .cvc-header-cart__total { display: none; }
    #cvc-header-cart { padding: 6px 10px; gap: 4px; }

    /* Budget : masquer le badge texte, garder uniquement la barre */
    #cvc-header-budget .cvc-header-budget__badge { display: none; }
    #cvc-header-budget .cvc-header-budget__track { width: 44px; }
    #cvc-header-budget { 
        padding: 6px 10px; 
        gap: 4px; 
        margin-right: 4px;
    }
}


/* ===========================================================================
   Page abonnement — checkout (subscription.css)
   =========================================================================== */

@media (max-width: 768px) {
    /* Supprimer le padding latéral : la page est déjà dans un conteneur padded */
    .cvc-sub-checkout {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Case à cocher CGV — display block simple, checkbox inline */
}