/* Tondraaga v9 — un site plus sobre et plus simple à utiliser (14 octobre 2026).
   Un seul motif (une rangée fine de pagne sur l'accueil), en-tête blanc et lisible, pied de page clair,
   pages de panier et de paiement pensées pour le téléphone. Chargé en dernier. */

/* ======================= Sobriété : un seul motif ======================= */
body { background-image: none; }
.a-banniere .slide::before, .a-cote-clair::before { display: none; }
.a-cote-sombre::after { background: linear-gradient(90deg, rgba(36, 22, 15, .94) 0%, rgba(59, 40, 31, .7) 60%, rgba(59, 40, 31, .2) 100%); }
.a-tete h2::before, .a-panneau .v6-entete h2::before { width: 4px; height: 20px; border-radius: 2px; background: var(--ocre); }
.v6-etapes li span, .a-colis-etapes b { background: var(--brun); }
.a-suivi-etapes li.fait i { background: var(--ocre); }
.a-colis-carte { background: radial-gradient(circle at 70% 76%, rgba(200, 120, 23, .3), transparent 42%), var(--brun-fonce); }
.pagne-rang.bande { height: 32px; }
.pagne-rang.bande rect { fill: url(#tdg-pagne-petit); }

/* ======================= En-tête : blanc, simple, lisible ======================= */
.hd-nav { background: #fff; border-top: 1px solid var(--ligne); border-bottom: 1px solid var(--ligne); }
.hd-toutes { height: 38px; border-radius: 10px; background: var(--fond-page); color: var(--brun); }
.hd-toutes:hover, .hd-toutes[aria-expanded="true"] { background: var(--ocre-pale); }
.hd-menu .hd-offres, .hd-menu .hd-offres svg { color: var(--ocre-texte); }
.hd-nav-droite .hd-suivi { border: 0; padding: 0 10px; color: var(--brun); }
.hd-nav-droite .hd-suivi svg { color: var(--ocre); }
.hd-nav-droite .hd-suivi:hover { color: var(--ocre-texte); }
.hd-nav-droite .hd-vendre { background: var(--ocre); color: var(--brun-encre); }
.hd-nav-droite .hd-vendre:hover { background: var(--brun); color: #fff; }
@media (min-width: 1001px) {
  .hd-main .cadre { min-height: 80px; }
  .hd-nav .cadre { min-height: 52px; }
  .hd-menu a { padding: 15px 12px; border-radius: 0; background: none; color: #3A2C23; font-weight: 500; }
  .hd-menu a::after { display: block; content: ""; position: absolute; left: 12px; right: 12px; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--ocre); transform: scaleX(0); transition: transform .2s; }
  .hd-menu a:hover { background: none; color: var(--brun); }
  .hd-menu a:hover::after, .hd-menu a[aria-current="page"]::after { transform: scaleX(1); }
  .hd-menu a[aria-current="page"] { background: none; color: var(--brun); font-weight: 600; }
}
@media (max-width: 1000px) {
  .hd-nav .cadre { padding-top: 8px; padding-bottom: 8px; }
  .hd-menu a { background: #fff; border: 1px solid var(--ligne); color: var(--brun); }
  .hd-menu a[aria-current="page"] { background: var(--brun); border-color: var(--brun); color: #fff; }
  .hd-menu .hd-offres { background: var(--ocre-pale); }
}

/* ======================= Pied de page : clair, compact, accordéons sur téléphone ======================= */
#pied .pied10 { background: #FBF6EF; border-top: 0; color: #5E5148; }
#pied .pied10-grille { display: grid; grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)); gap: 32px; padding-top: 42px; padding-bottom: 30px; }
#pied .pied10-logo { display: block; width: 168px; aspect-ratio: 1380 / 340; background: url("../img/logo.webp") no-repeat; background-size: 108.7% auto; background-position: 58.3% 49.1%; }
#pied .pied10-slogan { margin: 6px 0 10px; color: var(--ocre-texte); font-weight: 600; font-size: .86rem; }
#pied .pied10-marque p:not(.pied10-slogan) { margin: 0 0 16px; font-size: .87rem; line-height: 1.6; max-width: 360px; }
#pied .pied10-contact { display: flex; gap: 10px; flex-wrap: wrap; }
#pied .pied10-contact a { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 16px; border-radius: 10px; font-weight: 600; font-size: .88rem; text-decoration: none; }
#pied .pied10-contact svg { width: 18px; height: 18px; }
#pied .pied10-wa { background: #1F7A4D; color: #fff; }
#pied .pied10-wa:hover { background: #196640; }
#pied .pied10-mail { background: #fff; color: var(--brun); border: 1.5px solid #E6DACB; }
#pied .pied10-mail:hover { border-color: var(--ocre); }
#pied .pied10-col summary { list-style: none; color: var(--brun); font-weight: 700; font-size: .92rem; margin-bottom: 14px; }
#pied .pied10-col summary::-webkit-details-marker { display: none; }
#pied .pied10-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
#pied .pied10-col a { color: #5E5148; font-size: .88rem; text-decoration: none; }
#pied .pied10-col a:hover { color: var(--ocre-texte); }
#pied .pied10-bas { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px 24px; padding-top: 18px; padding-bottom: 22px; border-top: 1px solid #EADFD2; font-size: .78rem; }
#pied .pied10-paiement { display: flex; align-items: center; gap: 8px; grid-row: span 2; }
#pied .pied10-paiement > span:first-child { display: inline-flex; align-items: center; gap: 6px; margin-right: 4px; color: var(--brun); font-weight: 600; font-size: .84rem; }
#pied .pied10-paiement > span:first-child svg { width: 16px; height: 16px; color: var(--ocre); }
#pied .pied10-moyen .logo-moyen { width: 36px; height: 36px; border-radius: 9px; }
#pied .pied10-moyen .logo-moyen.om b { font-size: .5rem; }
#pied .pied10-moyen .logo-moyen.om i { font-size: .46rem; }
#pied .pied10-legal { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px 16px; }
#pied .pied10-legal a { color: var(--brun); font-weight: 600; text-decoration: none; }
#pied .pied10-legal a:hover { color: var(--ocre-texte); }
#pied .pied10-copy { margin: 0; text-align: right; color: #8C7F74; }
@media (min-width: 721px) {
  #pied .pied10-col summary { pointer-events: none; }
}
@media (max-width: 900px) and (min-width: 721px) {
  #pied .pied10-grille { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #pied .pied10-marque { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  #pied .pied10-grille { grid-template-columns: minmax(0, 1fr); gap: 0; padding-top: 28px; padding-bottom: 8px; }
  #pied .pied10-marque { text-align: center; padding-bottom: 20px; }
  #pied .pied10-logo { margin: 0 auto; width: 150px; }
  #pied .pied10-marque p:not(.pied10-slogan) { margin-left: auto; margin-right: auto; font-size: .84rem; }
  #pied .pied10-contact { justify-content: center; }
  #pied .pied10-contact a { flex: 1 1 0; justify-content: center; max-width: 170px; }
  #pied .pied10-col { border-top: 1px solid #EADFD2; }
  #pied .pied10-col summary { display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 15px 2px; cursor: pointer; }
  #pied .pied10-col summary::after { content: ""; width: 9px; height: 9px; border-right: 2px solid var(--ocre); border-bottom: 2px solid var(--ocre); transform: rotate(45deg); transition: transform .2s; margin-right: 4px; }
  #pied .pied10-col[open] summary::after { transform: rotate(-135deg); }
  #pied .pied10-col ul { padding: 0 2px 16px; }
  #pied .pied10-bas { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; padding-bottom: 20px; }
  #pied .pied10-paiement { grid-row: auto; }
  #pied .pied10-legal { justify-content: center; }
  #pied .pied10-copy { text-align: center; }
}

/* ======================= Colis : carte des trajets en dégradé brun → ocre (couleurs du logo) ======================= */
.a-colis-carte { border: 0; box-shadow: 0 14px 30px rgba(59, 40, 31, .22);
  background: radial-gradient(90% 75% at 80% 88%, rgba(242, 182, 97, .55), rgba(200, 120, 23, .28) 40%, transparent 70%),
    linear-gradient(155deg, #634535 0%, #4D3529 42%, #6E4524 74%, #B26A18 100%); }
.a-trajets { overflow: visible; }
.a-trajets .a-globe { fill: none; stroke: rgba(255, 255, 255, .07); stroke-width: 1.2; }
.a-trajets .a-soleil-anneau { fill: none; stroke: rgba(255, 236, 205, .22); stroke-width: 1.2; }
.a-route { stroke: rgba(255, 255, 255, .85); stroke-width: 2.4; }
.a-avion path { fill: #fff; stroke: none; filter: drop-shadow(0 2px 2px rgba(36, 22, 15, .35)); }
.a-ville-point { fill: var(--ocre); stroke: #fff; stroke-width: 3; }
.a-ville-onde { stroke: #F2B661; }
.a-ville text { fill: #fff; paint-order: normal; stroke: none; }
.a-ville text.a-ville-pays { fill: #F1DCC3; }
.a-delai rect { fill: #fff; stroke: none; filter: drop-shadow(0 3px 5px rgba(36, 22, 15, .25)); }
.a-delai text { fill: var(--brun); }
.a-colis-tarif { background: #fff; box-shadow: 0 12px 26px rgba(36, 22, 15, .3); }
.a-colis-tarif span { color: var(--ocre-texte); }
.a-colis-tarif strong { color: var(--brun); }
.a-colis-tarif small { color: #7A6D63; }
@media (max-width: 1000px) { .a-trajets { height: auto; } }
@media (max-width: 720px) {
  .a-ville text { font-size: 18px; }
  .a-ville text.a-ville-pays { font-size: 13px; }
  .a-delai text { font-size: 14px; }
}

/* ======================= Téléphone : jamais de débordement horizontal ======================= */
html, body { overflow-x: clip; }
@supports not (overflow: clip) { body { overflow-x: hidden; } }
.cadre.a-colis, .a-bientot-mini, .a-hero { min-width: 0; }
input, select, textarea { min-width: 0; max-width: 100%; }
@media (max-width: 720px) {
  .btn { white-space: normal; text-align: center; line-height: 1.25; padding-top: 10px; padding-bottom: 10px; }
  .cadre.a-colis, .a-bientot-mini { grid-template-columns: minmax(0, 1fr); }
  .a-colis-actions, .a-bientot-mini .v6-boutons { flex-direction: column; flex-wrap: nowrap; align-items: stretch; }
  .a-colis-suivi { width: 100%; }
  .a-colis-suivi input { width: 0; flex: 1 1 auto; }
  .a-colis-actions > .btn, .a-bientot-mini .v6-boutons > .btn { width: 100%; }
  .a-colis-suivi .btn { flex: none; width: auto; padding-left: 18px; padding-right: 18px; }
  .a-colis-suivi { flex-basis: auto; }
  .a-hero, .colis-grille, .bloc-colis, .modele { grid-template-columns: minmax(0, 1fr); }
  .a-cotes { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}

/* ======================= Panier et paiement (pages WooCommerce) ======================= */
.woocommerce form .form-row label { font-size: .86rem; color: #3A2C23; }
.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .contenu-wp select, .contenu-wp textarea { border-color: #DED3C6; min-height: 48px; }
.woocommerce-checkout h3, #order_review_heading { font-size: 1.15rem; color: var(--brun); }

/* modes de livraison : des cartes faciles à toucher */
.woocommerce ul#shipping_method { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.woocommerce ul#shipping_method li { position: relative; margin: 0; padding: 12px 14px 12px 42px; border: 1.5px solid var(--ligne); border-radius: 12px; background: #fff; line-height: 1.4; text-align: left; }
.woocommerce ul#shipping_method li input { position: absolute; left: 14px; top: 15px; margin: 0; accent-color: var(--ocre); }
.woocommerce ul#shipping_method li label { font-size: .88rem; font-weight: 500; color: #3A2C23; }
.woocommerce ul#shipping_method li label .amount { font-weight: 700; color: var(--brun); white-space: nowrap; }
.woocommerce ul#shipping_method li:has(input:checked) { border-color: var(--ocre); background: var(--ocre-pale); }
/* récapitulatif de commande en lignes simples ; la ligne « Livraison » prend toute la largeur (plus de colonne étroite) */
.woocommerce-checkout-review-order-table, .woocommerce-checkout-review-order-table thead, .woocommerce-checkout-review-order-table tbody, .woocommerce-checkout-review-order-table tfoot { display: block; width: 100%; }
.woocommerce-checkout-review-order-table tr { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; border-bottom: 1px solid var(--gris-200); }
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td { display: block; border: 0 !important; padding: 11px 0 !important; background: none !important; }
.woocommerce-checkout-review-order-table tr > :last-child { text-align: right; }
.woocommerce-checkout-review-order-table thead th { font-size: .74rem; }
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals { flex-direction: column; align-items: stretch; gap: 0; }
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td { text-align: left; padding-top: 0 !important; }
.woocommerce-checkout-review-order-table tr.order-total { border-bottom: 0; }
.woocommerce-checkout-review-order-table tr:not(.woocommerce-shipping-totals) > td:last-child { white-space: nowrap; }
.woocommerce-checkout #payment .tdg-paiement ol.tdg-etapes li::after { display: none; }

/* panier : totaux en lignes simples, livraison sur toute la largeur, pas de calculateur (le prix se calcule sur la carte) */
.cart_totals table.shop_table, .cart_totals table.shop_table tbody { display: block; width: 100%; border: 0; }
.cart_totals table.shop_table tr { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; border-bottom: 1px solid var(--gris-200); }
.cart_totals table.shop_table th, .cart_totals table.shop_table td { display: block !important; border: 0 !important; padding: 11px 0 !important; background: none !important; }
.cart_totals table.shop_table td::before { display: none !important; }
.cart_totals table.shop_table td { text-align: right !important; white-space: nowrap; }
.cart_totals table.shop_table tr.woocommerce-shipping-totals { flex-direction: column; align-items: stretch; gap: 0; }
.cart_totals table.shop_table tr.woocommerce-shipping-totals td { text-align: left !important; white-space: normal; padding-top: 0 !important; }
.cart_totals table.shop_table tr.order-total { border-bottom: 0; }
.woocommerce-cart .woocommerce-shipping-calculator, .woocommerce-cart .woocommerce-shipping-destination { display: none; }
.woocommerce-cart .wc-proceed-to-checkout { padding: 16px 0 0; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: flex; width: 100%; min-height: 54px; font-size: 1.05rem !important; border-radius: 12px !important; margin: 0; }
.woocommerce-cart-form td.actions .coupon .button { white-space: nowrap; font-size: .85rem !important; padding: 0 14px !important; }

/* moyens de paiement : des cartes, étapes lisibles */
.woocommerce-checkout #payment { border: 0; background: none; }
.woocommerce-checkout #payment ul.payment_methods { padding: 0; border: 0; display: grid; gap: 10px; }
.woocommerce-checkout #payment ul.payment_methods > li { padding: 14px 16px; border: 1.5px solid var(--ligne); border-radius: 14px; background: #fff; }
.woocommerce-checkout #payment ul.payment_methods > li:has(> input:checked) { border-color: var(--ocre); box-shadow: 0 0 0 3px rgba(200, 120, 23, .12); }
.woocommerce-checkout #payment ul.payment_methods > li > input { accent-color: var(--ocre); margin-right: 8px; }
.woocommerce-checkout #payment ul.payment_methods > li > label { font-size: 1rem; }
.woocommerce-checkout #payment div.payment_box { background: var(--fond-page); font-size: .9rem; line-height: 1.55; }
.woocommerce-checkout #payment .tdg-paiement ol.tdg-etapes li, .tdg-paiement ol.tdg-etapes li { display: block; position: relative; margin: 0; padding: 2px 0 0 36px; min-height: 28px; line-height: 1.5; border: 0; background: none; }
.woocommerce-checkout #payment .tdg-paiement ol.tdg-etapes li::before, .tdg-paiement ol.tdg-etapes li::before { content: counter(e); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--brun); color: #fff; font-size: .78rem; font-weight: 700; line-height: 1; }
.woocommerce-checkout #payment div.form-row.place-order { padding: 16px 0 0; }
.woocommerce #place_order { border-radius: 12px !important; }

@media (max-width: 720px) {
  .page-wp { padding-top: 12px; padding-bottom: 30px; }
  .contenu-wp { padding: 18px 14px; border-radius: 14px; box-shadow: none; }
  .titre-page-wp { font-size: 1.5rem; margin-bottom: 16px; }
  .woocommerce form .form-row-first, .woocommerce form .form-row-last { float: none; width: 100%; }
  .woocommerce-checkout-review-order { padding: 14px; }
  .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td { padding: 10px 6px; font-size: .88rem; }
  .woocommerce-checkout-review-order-table .product-name { font-weight: 500; }
  .tdg-carte { height: 260px; }
  .woocommerce-checkout #payment ul.payment_methods > li { padding: 12px; }
  .woocommerce-checkout #payment div.payment_box { padding: 12px; }
  .tdg-depot input[type="file"] { padding: 10px; font-size: .82rem; }
}

/* ======================= Pagne qui défile : en haut du site et en haut du pied de page ======================= */
.pagne-defile { overflow: hidden; line-height: 0; background: var(--pagne-noir); }
.pagne-rang.haut { height: 24px; }
.pagne-rang.haut rect { fill: url(#tdg-pagne-haut); }
.hd-pagne { border-bottom: 2px solid var(--ocre); }
.pied10-pagne { border-top: 2px solid var(--ocre); border-bottom: 2px solid var(--ocre); }
@keyframes pagne-haut { to { transform: translateX(-41.04px); } }
@keyframes pagne-pied { from { transform: translateX(-54.72px); } to { transform: translateX(0); } }
.hd-pagne .pagne-glisse { animation: pagne-haut 6s linear infinite; }
.pied10-pagne .pagne-glisse { animation: pagne-pied 8s linear infinite; }

/* ======================= Pied de page : bandeau « Made in Burkina Faso » ======================= */
#pied .pied10-fierte { position: relative; background: linear-gradient(120deg, #4D3529 0%, #3B281F 55%, #5A3A20 100%); color: #fff; }
#pied .pied10-fierte::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, #EF2B2D 0 50%, #009E49 50% 100%); }
#pied .pied10-fierte .cadre { display: flex; align-items: center; justify-content: center; gap: 18px; padding-top: 22px; padding-bottom: 22px; }
#pied .pied10-fierte .tampon-bf { flex: none; width: 84px; height: 84px; }
#pied .pied10-fierte .tampon-bf-bord { fill: rgba(255, 255, 255, .04); stroke: var(--ocre); stroke-width: 1.5; }
#pied .pied10-fierte .tampon-bf-coeur { fill: none; stroke: #fff; stroke-width: 2.5; }
.tampon-bf text { font-family: var(--police); font-weight: 700; letter-spacing: .4px; transform-box: view-box; transform-origin: 60px 60px; animation: tourne 24s linear infinite; }
#pied .pied10-fierte .tampon-bf text { fill: var(--ocre-clair); }
#pied .pied10-fierte p { margin: 0; display: grid; gap: 4px; max-width: 420px; }
#pied .pied10-fierte strong { font-size: 1.05rem; font-weight: 700; color: #fff; }
#pied .pied10-fierte span { font-size: .84rem; line-height: 1.5; color: #E5D5C4; }
@media (max-width: 720px) {
  body { padding-bottom: 0; } /* la place de la barre d’onglets fixe est prise par le bandeau « Made in Burkina » */
  #pied .pied10-fierte .cadre { justify-content: flex-start; gap: 14px; padding-top: 18px; padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px)); padding-right: 72px; }
  #pied .pied10-fierte .tampon-bf { width: 72px; height: 72px; }
  #pied .pied10-fierte strong { font-size: .98rem; }
  #pied .pied10-fierte span { font-size: .8rem; }
}
@media (prefers-reduced-motion: reduce) { .pagne-defile .pagne-glisse, .tampon-bf text { animation: none; } }

/* ======================= En-tête : drapeau + « Made in Burkina », sans animation ======================= */
.hd-fierte { flex: none; display: flex; align-items: center; gap: 10px; color: var(--brun); }
.hd-fierte .drapeau-svg { width: 30px; height: 20px; border-radius: 3px; vertical-align: 0; }
.hd-fierte span { display: grid; line-height: 1.15; white-space: nowrap; }
.hd-fierte small { font-size: .66rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--ocre-texte); }
.hd-fierte b { font-size: .9rem; font-weight: 700; }
.hd-fierte i { font-style: normal; }
@media (max-width: 720px) {
  /* téléphone : au milieu, entre le logo et les icônes */
  .hd-main .cadre { column-gap: 8px; }
  .hd-fierte { margin: 0 auto; flex-direction: column; gap: 3px; text-align: center; }
  .hd-actions { margin-left: 0; }
  .hd-fierte .drapeau-svg { width: 24px; height: 16px; border-radius: 2px; }
  .hd-fierte small { display: none; }
  .hd-fierte b { display: grid; font-size: .7rem; line-height: 1.1; }
  .hd-fierte i { font-size: .56rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ocre-texte); }
}
@media (max-width: 339px) { .hd-fierte { display: none; } .hd-actions { margin-left: auto; } }

/* ======================= Mon compte : lisible et sans débordement sur téléphone ======================= */
.woocommerce-account .woocommerce { grid-template-columns: 240px minmax(0, 1fr); }
.woocommerce-account .woocommerce > * { min-width: 0; }
.woocommerce-MyAccount-content { overflow-wrap: break-word; }
.woocommerce-MyAccount-content > p { line-height: 1.6; }
.tdg-tuiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 20px 0 14px; }
.contenu-wp a.tdg-tuile { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border-radius: 14px; background: var(--fond-page); border: 1px solid var(--ligne); text-decoration: none; color: var(--gris-700); transition: border-color .2s; }
.contenu-wp a.tdg-tuile:hover { border-color: var(--ocre); }
.tdg-tuile strong { font-size: 1.6rem; line-height: 1.1; font-weight: 800; color: var(--brun); }
.tdg-tuile span { font-size: .82rem; color: #6B5F56; }
.tdg-raccourcis { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.woocommerce .tdg-raccourcis .button { margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content a.vendor-dashboard { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 22px; border-radius: 999px; border: 0; background: var(--ocre); color: var(--brun-encre); font-weight: 700; text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-content a.vendor-dashboard:hover { background: var(--brun); color: #fff; }
@media (max-width: 900px) {
  .woocommerce-account .woocommerce { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .woocommerce-MyAccount-navigation ul { padding: 6px; scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; }
  .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display: none; }
  .woocommerce-MyAccount-navigation li { flex: none; scroll-snap-align: start; }
  .woocommerce-MyAccount-navigation li a { padding: 9px 14px; font-size: .9rem; }
}
@media (max-width: 720px) {
  .woocommerce-account .woocommerce-info, .woocommerce-account .woocommerce-message { padding: 12px 14px; font-size: .88rem; }
  .tdg-tuiles { gap: 8px; }
  .contenu-wp a.tdg-tuile { padding: 12px 8px; align-items: center; text-align: center; }
  .tdg-tuile strong { font-size: 1.4rem; }
  .tdg-tuile span { font-size: .74rem; line-height: 1.25; }
  .tdg-raccourcis { display: grid; grid-template-columns: minmax(0, 1fr); }
  .woocommerce .tdg-raccourcis .button, .woocommerce-account .woocommerce-MyAccount-content a.vendor-dashboard { width: 100%; justify-content: center; text-align: center; white-space: normal; }
}
@media (max-width: 900px) {
  /* les onglets du compte défilent : un léger fondu à droite le signale */
  .woocommerce-MyAccount-navigation ul { -webkit-mask-image: linear-gradient(90deg, #000 82%, transparent); mask-image: linear-gradient(90deg, #000 82%, transparent); }
}

/* ======================= Espace vendeur (Dokan) : « Mes documents » et contrat ======================= */
.tdg-docs-tete h1 { margin: 0 0 6px; font-size: 1.5rem; color: var(--brun); }
.tdg-docs-tete p { margin: 0 0 18px; color: #6B5F56; font-size: .92rem; }
.tdg-docs-bloc { background: #fff; border: 1px solid var(--ligne); border-radius: 16px; padding: 18px 18px 8px; margin-bottom: 16px; }
.tdg-docs-bloc h2 { margin: 0 0 12px; font-size: 1.02rem; color: var(--brun); }
.tdg-doc { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid #F0E7DC; }
.tdg-docs-bloc h2 + .tdg-doc { border-top: 0; padding-top: 0; }
.tdg-doc-icone { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--ocre-pale); color: var(--ocre-texte); font-size: 1rem; }
.tdg-doc-texte { flex: 1; min-width: 0; display: grid; gap: 2px; }
.tdg-doc-texte b { color: var(--brun); font-size: .93rem; overflow-wrap: anywhere; }
.tdg-doc-texte span { color: #7A6D63; font-size: .8rem; }
.tdg-doc-liens { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
a.tdg-doc-lien { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; background: var(--brun); color: #fff !important; font-weight: 600; font-size: .82rem; text-decoration: none !important; }
a.tdg-doc-lien:hover { background: var(--ocre); color: var(--brun-encre) !important; }
.tdg-docs-vide { margin: 0 0 12px; color: #8C7F74; font-size: .88rem; }
.tdg-docs-accepter { display: grid; gap: 10px; margin: 4px 0 14px; padding: 14px; border-radius: 12px; background: #FDF6EC; border: 1px solid #F0DCC2; }
.tdg-docs-accepter label { display: flex; gap: 10px; align-items: flex-start; font-size: .9rem; color: var(--brun); }
.tdg-docs-accepter input[type="checkbox"], .tdg-contrat-ok input[type="checkbox"] { flex: none; width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--ocre); }
.tdg-contrat-ok label { display: flex !important; gap: 10px; align-items: flex-start; font-weight: 500 !important; line-height: 1.5; }
.tdg-contrat-ok a { color: var(--ocre-texte); font-weight: 700; }
@media (max-width: 720px) {
  .tdg-docs-bloc { padding: 14px 14px 6px; border-radius: 14px; }
  .tdg-doc { flex-wrap: wrap; }
  .tdg-doc-liens { width: 100%; justify-content: flex-start; padding-left: 52px; }
}

/* ======================= Suivi de livraison : code de remise et preuve ======================= */
.a-suivi-code { display: grid; gap: 4px; padding: 14px 16px; border-radius: 14px; background: var(--ocre-pale); border: 1px dashed var(--ocre); }
.a-suivi-code small, .a-suivi-remise small { font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ocre-texte); }
.a-suivi-code b { font-size: 2rem; letter-spacing: .35em; color: var(--brun); line-height: 1.2; }
.a-suivi-code span { font-size: .82rem; color: #6B5F56; }
a.a-suivi-partage { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; margin-top: 6px; border-radius: 999px; background: #1F7A4D; color: #fff; font-weight: 700; font-size: .9rem; text-decoration: none; }
a.a-suivi-partage svg { width: 18px; height: 18px; }
.a-suivi-remise { display: grid; gap: 4px; padding: 14px 16px; border-radius: 14px; background: #E3F1E6; }
.a-suivi-remise small { color: #1F6B37; }
.a-suivi-remise b { color: var(--brun); }
.a-suivi-remise img { width: 100%; max-height: 360px; object-fit: cover; border-radius: 12px; margin-top: 8px; }

/* ======================= Colis : prochains départs ======================= */
.departs { margin: 16px 0 18px; padding: 14px 16px; border-radius: 14px; background: var(--fond-page); border: 1px solid var(--ligne); }
.departs-titre { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ocre-texte); }
.departs-titre svg { width: 16px; height: 16px; }
.departs ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.departs li { display: grid; grid-template-columns: minmax(0, 1.3fr) auto; gap: 2px 12px; align-items: center; padding: 10px 12px; border-radius: 10px; background: #fff; border: 1px solid #F0E7DC; }
.departs-trajet { display: inline-flex; align-items: center; gap: 6px; font-size: .86rem; color: #5E5148; grid-row: span 2; }
.departs-trajet .drapeau-svg { width: 18px; height: 12px; }
.departs li b { color: var(--brun); font-size: .9rem; text-align: right; }
.departs li small { color: #8C7F74; font-size: .76rem; text-align: right; }
.departs-page { margin: 18px 0 0; background: #fff; box-shadow: var(--ombre-douce); }
.departs-page ul { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
@media (max-width: 720px) {
  .departs li { grid-template-columns: minmax(0, 1fr); }
  .departs-trajet { grid-row: auto; }
  .departs li b, .departs li small { text-align: left; }
}

/* ======================= Paniers du mois ======================= */
.tdg-mensuel-offre { display: grid; gap: 10px; margin: 20px 0; padding: 16px 18px; border-radius: 16px; background: var(--ocre-pale); border: 1px solid #F0DCC2; }
.tdg-mensuel-offre p { margin: 0; display: grid; gap: 4px; color: #5E5148; font-size: .92rem; }
.tdg-mensuel-offre strong { color: var(--brun); font-size: 1.02rem; }
.tdg-mensuel-offre label { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--brun); }
.tdg-mensuel-offre select, .tdg-mensuel select { min-height: 40px; padding: 0 10px; border-radius: 10px; border: 1.5px solid var(--ligne); background: #fff; }
.tdg-mensuel-offre .button { justify-self: start; }
.tdg-mensuel-ok { padding: 12px 16px; border-radius: 12px; background: #E3F1E6; color: #1F6B37; }
.tdg-mensuel { border: 1px solid var(--ligne); border-radius: 16px; padding: 16px 18px; margin: 0 0 14px; background: #fff; }
.tdg-mensuel header { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 6px; }
.tdg-mensuel h3 { margin: 0; font-size: 1.05rem; color: var(--brun); }
.tdg-mensuel-etat { font-size: .74rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: #E3F1E6; color: #1F6B37; }
.tdg-mensuel-etat.pause { background: #F3EEE8; color: #7A6D63; }
.tdg-mensuel p { margin: 4px 0; font-size: .9rem; }
.tdg-mensuel-articles { color: #7A6D63; }
.tdg-mensuel-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 10px; }
.tdg-mensuel-actions form { display: flex; align-items: center; gap: 10px; margin: 0; }
.tdg-lien-bouton { background: none; border: 0; padding: 0; color: var(--ocre-texte); font-weight: 600; text-decoration: underline; cursor: pointer; font-size: .88rem; }
.tdg-lien-bouton.danger { color: #A3342B; }