/* DarkPads 0.8.4 — correctifs finaux ciblés */

/* --------------------------------------------------------------------------
   NAVIGATION MOBILE / MINI-PANIER
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .dp-header {
    z-index: 2147482000 !important;
  }
  .dp-header .dp-nav__toggle,
  .dp-header .dp-nav__cart-mobile,
  .dp-header .dp-nav__mobile-quickactions,
  .dp-header .dp-nav__center,
  .dp-header .dp-nav__menu {
    pointer-events: auto !important;
  }
  .dp-header.is-open .dp-nav__center {
    z-index: 2147482100 !important;
  }
  .dp-header.is-open .dp-nav__menu {
    z-index: 2147482200 !important;
  }
  body.dp-mobile-menu-open {
    overflow: hidden !important;
    touch-action: none;
  }

  #dp-mini-cart-mobile.dp-mini-cart--mobile,
  .dp-nav__cart-mobile-wrap > .dp-mini-cart {
    position: fixed !important;
    top: 112px !important;
    right: 12px !important;
    left: auto !important;
    width: min(360px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 126px) !important;
    margin: 0 !important;
    overflow: auto !important;
    z-index: 2147482300 !important;
  }
  #dp-mini-cart-mobile .dp-mini-cart__inner {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 782px) {
  /* Les pages éditoriales ne doivent jamais passer derrière la navbar fixe. */
  .site-main > article > .entry-content > .dp-page,
  .site-main > article > .entry-content > section.dp-page {
    padding-top: max(148px, env(safe-area-inset-top)) !important;
  }
  body.woocommerce-account .dp-account-page,
  body.woocommerce-checkout:not(.woocommerce-order-received) .dp-checkout-page,
  body.woocommerce-cart .dp-cart-page,
  body.post-type-archive-product .dp-shop-page,
  body.tax-product_cat .dp-shop-page {
    padding-top: 148px !important;
  }
}

/* --------------------------------------------------------------------------
   MON COMPTE — DESKTOP
   -------------------------------------------------------------------------- */
body.woocommerce-account .dp-account-page > .dp-container,
body.woocommerce-account .dp-account-hero .dp-container,
body.woocommerce-account .dp-account-shell-wrap > .dp-container {
  width: min(calc(100% - 56px), 1190px) !important;
  max-width: 1420px !important;
}

body.woocommerce-account .dp-account-hero {
  margin-bottom: 28px !important;
}
body.woocommerce-account .dp-account-hero__inner {
  min-height: 156px !important;
  padding: clamp(28px, 3vw, 44px) !important;
  border-radius: 28px !important;
}
body.woocommerce-account .dp-account-hero__copy {
  max-width: 920px !important;
}
body.woocommerce-account .dp-account-hero__title {
  font-size: clamp(42px, 4.2vw, 68px) !important;
  line-height: .95 !important;
}
body.woocommerce-account .dp-account-hero__intro {
  max-width: 72ch !important;
}

body.woocommerce-account .dp-account-shell {
  grid-template-columns: minmax(245px, 285px) minmax(0, 1fr) !important;
  gap: clamp(20px, 2.3vw, 34px) !important;
}
body.woocommerce-account .dp-account-shell__content,
body.woocommerce-account .woocommerce-MyAccount-content.dp-account-content {
  min-width: 0 !important;
  width: 100% !important;
}
body.woocommerce-account .dp-account-page--dashboard .dp-account-dashboard-links__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.woocommerce-account .dp-account-dashboard-link-card {
  min-width: 0 !important;
}
body.woocommerce-account .dp-account-favorites__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.woocommerce-account .dp-account-favorites__card {
  min-width: 0 !important;
}
body.woocommerce-account .dp-account-favorites__title,
body.woocommerce-account .dp-account-favorites__title a {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

/* --------------------------------------------------------------------------
   MON COMPTE — MOBILE : navigation icônes en haut de CHAQUE page
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  body.woocommerce-account .dp-account-page {
    padding-top: 142px !important;
    padding-bottom: 48px !important;
  }
  body.woocommerce-account .dp-account-page > .dp-container,
  body.woocommerce-account .dp-account-hero .dp-container,
  body.woocommerce-account .dp-account-shell-wrap > .dp-container {
    width: calc(100% - 24px) !important;
    max-width: 680px !important;
  }
  body.woocommerce-account .dp-account-hero {
    margin: 0 0 20px !important;
  }
  body.woocommerce-account .dp-account-hero__inner {
    min-height: 0 !important;
    padding: 22px 18px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 90% 0%, rgba(239,78,84,.16), transparent 34%),
      linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035) 58%, rgba(0,0,0,.16)) !important;
    box-shadow: 0 18px 46px rgba(0,0,0,.18) !important;
  }
  body.woocommerce-account .dp-account-hero__eyebrow {
    margin-bottom: 8px !important;
    font-size: 9px !important;
  }
  body.woocommerce-account .dp-account-hero__title {
    max-width: 100% !important;
    font-size: clamp(32px, 9vw, 47px) !important;
    line-height: .96 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-wrap: balance !important;
  }
  body.woocommerce-account .dp-account-hero__intro {
    margin-top: 12px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  body.woocommerce-account .dp-account-shell,
  body.woocommerce-account .dp-account-page--dashboard .dp-account-shell,
  body.woocommerce-account .dp-account-page--favorites .dp-account-shell,
  body.woocommerce-account .dp-account-page--orders .dp-account-shell,
  body.woocommerce-account .dp-account-page--view-order .dp-account-shell,
  body.woocommerce-account .dp-account-page--edit-address .dp-account-shell,
  body.woocommerce-account .dp-account-page--edit-account .dp-account-shell,
  body.woocommerce-account .dp-account-page--payment-methods .dp-account-shell {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }
  body.woocommerce-account .dp-account-shell__sidebar,
  body.woocommerce-account .dp-account-page--dashboard .dp-account-shell__sidebar,
  body.woocommerce-account .dp-account-page--favorites .dp-account-shell__sidebar,
  body.woocommerce-account .dp-account-page--orders .dp-account-shell__sidebar,
  body.woocommerce-account .dp-account-page--view-order .dp-account-shell__sidebar,
  body.woocommerce-account .dp-account-page--edit-address .dp-account-shell__sidebar,
  body.woocommerce-account .dp-account-page--edit-account .dp-account-shell__sidebar,
  body.woocommerce-account .dp-account-page--payment-methods .dp-account-shell__sidebar {
    order: 1 !important;
    position: static !important;
    width: 100% !important;
  }
  body.woocommerce-account .dp-account-shell__content,
  body.woocommerce-account .dp-account-page--dashboard .dp-account-shell__content,
  body.woocommerce-account .dp-account-page--favorites .dp-account-shell__content,
  body.woocommerce-account .dp-account-page--orders .dp-account-shell__content,
  body.woocommerce-account .dp-account-page--view-order .dp-account-shell__content,
  body.woocommerce-account .dp-account-page--edit-address .dp-account-shell__content,
  body.woocommerce-account .dp-account-page--edit-account .dp-account-shell__content,
  body.woocommerce-account .dp-account-page--payment-methods .dp-account-shell__content {
    order: 2 !important;
    width: 100% !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation.dp-account-nav {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 14px !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 24px !important;
    background:
      radial-gradient(circle at 12% 0%, rgba(239,78,84,.12), transparent 30%),
      rgba(255,255,255,.035) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
  }
  body.woocommerce-account .dp-account-nav__head {
    display: none !important;
  }
  body.woocommerce-account .dp-account-nav ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px 9px !important;
  }
  body.woocommerce-account .dp-account-nav li {
    min-width: 0 !important;
    margin: 0 !important;
  }
  body.woocommerce-account .dp-account-nav li.woocommerce-MyAccount-navigation-link--customer-logout {
    display: none !important;
  }
  body.woocommerce-account .dp-account-nav li a,
  body.woocommerce-account .dp-account-nav li a:hover,
  body.woocommerce-account .dp-account-nav li.is-active a,
  body.woocommerce-account .dp-account-nav li.current-menu-item a,
  body.woocommerce-account .dp-account-nav li a[aria-current="page"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.68) !important;
    text-align: center !important;
    transform: none !important;
    box-shadow: none !important;
  }
  body.woocommerce-account .dp-account-nav__icon,
  body.woocommerce-account .dp-account-nav li.is-active .dp-account-nav__icon,
  body.woocommerce-account .dp-account-nav li a[aria-current="page"] .dp-account-nav__icon {
    display: grid !important;
    place-items: center !important;
    width: clamp(62px, 19vw, 88px) !important;
    height: clamp(62px, 19vw, 88px) !important;
    border: 1px solid rgba(239,78,84,.38) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 26% 15%, rgba(255,98,104,.22), transparent 45%),
      linear-gradient(145deg, rgba(239,78,84,.15), rgba(255,255,255,.035) 56%, rgba(0,0,0,.16)) !important;
    color: #ff6268 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }
  body.woocommerce-account .dp-account-nav li.is-active .dp-account-nav__icon,
  body.woocommerce-account .dp-account-nav li a[aria-current="page"] .dp-account-nav__icon {
    background:
      radial-gradient(circle at 25% 15%, rgba(255,122,127,.28), transparent 44%),
      linear-gradient(145deg, rgba(239,78,84,.26), rgba(239,78,84,.09)) !important;
    color: #fff !important;
    box-shadow: 0 12px 30px rgba(239,78,84,.12), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }
  body.woocommerce-account .dp-account-nav__icon svg {
    width: clamp(25px, 7vw, 34px) !important;
    height: clamp(25px, 7vw, 34px) !important;
  }
  body.woocommerce-account .dp-account-nav__label {
    width: 100% !important;
    color: inherit !important;
    font-size: clamp(9px, 2.6vw, 11px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }

  body.woocommerce-account .dp-account-panel,
  body.woocommerce-account .dp-account-dashboard-link-card,
  body.woocommerce-account .dp-account-address-card,
  body.woocommerce-account .woocommerce-Address,
  body.woocommerce-account form.woocommerce-EditAccountForm,
  body.woocommerce-account form.woocommerce-address-fields,
  body.woocommerce-account .woocommerce-orders-table,
  body.woocommerce-account .woocommerce-order-details,
  body.woocommerce-account .woocommerce-customer-details,
  body.woocommerce-account .dp-account-favorites__card {
    border-radius: 22px !important;
  }
  body.woocommerce-account .dp-account-page--dashboard .dp-account-panel--intro {
    min-height: 0 !important;
    padding: 22px 18px !important;
    border-radius: 22px !important;
  }
  body.woocommerce-account .dp-account-page--dashboard .dp-account-panel__text {
    display: block !important;
    margin-top: 12px !important;
  }
  body.woocommerce-account .dp-account-page--dashboard .dp-account-dashboard-links {
    display: none !important;
  }
  body.woocommerce-account .dp-account-page--dashboard .dp-account-dashboard {
    gap: 14px !important;
  }
  body.woocommerce-account .dp-account-mobile-logout,
  body.woocommerce-account .dp-account-page--dashboard .dp-account-mobile-logout {
    display: flex !important;
    order: 3 !important;
    width: 100% !important;
    margin: 0 !important;
  }
  body.woocommerce-account .dp-account-mobile-logout a {
    display: flex !important;
    width: 100% !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(239,78,84,.48) !important;
    border-radius: 18px !important;
    background: rgba(239,78,84,.08) !important;
    color: #ff666c !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }

  body.woocommerce-account .dp-account-page--favorites .dp-account-favorites__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 390px) {
  body.woocommerce-account .dp-account-nav ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.woocommerce-account .dp-account-nav__icon,
  body.woocommerce-account .dp-account-nav li.is-active .dp-account-nav__icon,
  body.woocommerce-account .dp-account-nav li a[aria-current="page"] .dp-account-nav__icon {
    width: 72px !important;
    height: 72px !important;
  }
}

/* --------------------------------------------------------------------------
   CHECKOUT MOBILE / PAIEMENTS / TOTAUX
   -------------------------------------------------------------------------- */
@media (max-width: 780px) {
  body.woocommerce-checkout:not(.woocommerce-order-received) .dp-checkout-shell {
    width: calc(100% - 24px) !important;
  }
  body.woocommerce-checkout:not(.woocommerce-order-received) .dp-checkout-hero .dp-page__title {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(34px, 9.7vw, 48px) !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-wrap: balance !important;
  }
  body.woocommerce-checkout:not(.woocommerce-order-received) .dp-checkout-section-head h2 {
    max-width: 100% !important;
    font-size: clamp(23px, 7.2vw, 31px) !important;
    line-height: .98 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-wrap: balance !important;
  }
}

body.woocommerce-checkout:not(.woocommerce-order-received) .dp-checkout-card--totals {
  background: #ededee !important;
  padding: 14px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .dp-checkout-totals-table,
body.woocommerce-checkout:not(.woocommerce-order-received) .dp-checkout-totals-table tbody {
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #fff !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .dp-checkout-totals-table tr,
body.woocommerce-checkout:not(.woocommerce-order-received) .dp-checkout-totals-table th,
body.woocommerce-checkout:not(.woocommerce-order-received) .dp-checkout-totals-table td,
body.woocommerce-checkout:not(.woocommerce-order-received) .dp-checkout-totals-table .cart-subtotal,
body.woocommerce-checkout:not(.woocommerce-order-received) .dp-checkout-totals-table .cart-subtotal th,
body.woocommerce-checkout:not(.woocommerce-order-received) .dp-checkout-totals-table .cart-subtotal td {
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Aucun détail de paiement tant que le moyen n'a pas été réellement choisi. */
body.woocommerce-checkout:not(.woocommerce-order-received) .dp-payment-method:not(.is-selected) .dp-payment-method__box,
body.woocommerce-checkout:not(.woocommerce-order-received) .dp-payment-method:not(.is-selected) > .payment_box,
body.woocommerce-checkout:not(.woocommerce-order-received) .dp-payment-method:not(.is-selected) [class*="payment_box"],
body.woocommerce-checkout:not(.woocommerce-order-received) .dp-payment-method:not(.is-selected) iframe {
  display: none !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .dp-payment-method.is-selected .dp-payment-method__box,
body.woocommerce-checkout:not(.woocommerce-order-received) .dp-payment-method.is-selected > .payment_box {
  display: block !important;
}

/* --------------------------------------------------------------------------
   CONFIRMATION DE COMMANDE — fond réellement pleine page, aucun cadre blanc
   -------------------------------------------------------------------------- */
body.woocommerce-order-received,
body.woocommerce-order-received #page,
body.woocommerce-order-received .site,
body.woocommerce-order-received .site-main,
body.woocommerce-order-received article,
body.woocommerce-order-received .entry-content,
body.woocommerce-order-received .woocommerce {
  background: transparent !important;
  background-color: transparent !important;
}
body.woocommerce-order-received .woocommerce {
  width: min(1040px, calc(100% - 32px)) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.woocommerce-order-received .dp-order-received,
body.woocommerce-order-received .woocommerce-order {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.woocommerce-order-received .dp-order-received__hero {
  margin-inline: 0 !important;
  border-color: rgba(255,255,255,.13) !important;
}
@media (max-width: 782px) {
  body.woocommerce-order-received .woocommerce {
    width: calc(100% - 24px) !important;
    padding-top: 142px !important;
    padding-bottom: 54px !important;
  }
  body.woocommerce-order-received .dp-order-received__hero {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 28px 22px !important;
    border-radius: 24px !important;
  }
  body.woocommerce-order-received .dp-order-received__hero h1 {
    font-size: clamp(36px, 10.8vw, 48px) !important;
    line-height: .94 !important;
  }
}