/* DiraMarket 2.17.5 — véritable mise en page ordinateur.
 * Les règles commencent à 1024px afin de préserver exactement l'interface mobile. */
.dm-desktop-nav{display:none}
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
  :root{--dm-container:1280px;--dm-margin:32px}
  body{font-size:15px;line-height:1.55}
  .dm-container,.dm-container-narrow,.dm-header-inner{max-width:1280px!important}
  .dm-container-narrow{padding-left:32px;padding-right:32px}
  .dm-app,body>main:not(.dm-chat-page){padding-top:132px;padding-bottom:44px}
  .dm-header-inner{height:72px}.dm-header{min-height:72px}
  .dm-brand{font-size:20px}.dm-brand-mark{width:38px;height:38px}

  /* Accueil : utilisation de toute la zone de travail. */
  .dm-home-shell{max-width:1280px!important;padding:24px 0 36px!important}
  .dm-home-promo-wrap{padding-top:16px}.dm-promo-banner{height:250px;border-radius:22px;padding:42px 48px}
  .dm-promo-banner h1{max-width:650px;font-size:34px;line-height:1.18}.dm-promo-copy p{max-width:620px;font-size:15px;line-height:1.6}
  .dm-home-tabs-wrap,.dm-home-search-wrap{max-width:none}
  .dm-tabs{justify-content:center;gap:54px}.dm-search{max-width:900px;margin:0 auto;height:56px}
  .dm-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important;justify-content:stretch!important}
  .dm-quick{min-height:126px;border-radius:18px;font-size:14px}.dm-quick-icon{width:48px;height:48px;border-radius:14px}
  .dm-ranking-section{padding-right:var(--dm-margin)}.dm-ranking-section .dm-section-heading{padding-right:0}
  .dm-ranking-scroller{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;padding-right:0;gap:14px}
  .dm-ranking-card{width:auto;min-width:0;border-radius:18px}.dm-ranking-image{width:100%;height:auto;aspect-ratio:1}
  .dm-vendor-feed-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .dm-vendor-feed-section>.dm-filter-scroller{grid-column:1/-1}.dm-vendor-feed{height:100%;margin:0;padding:22px;border-radius:22px;background:#fff;box-shadow:0 5px 22px rgba(0,0,0,.045)}

  /* Catalogue et cartes produit. */
  .dm-shop-page .dm-container{max-width:1280px!important}.dm-shop-content{padding-top:26px}
  .dm-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}
  .dm-product-card{border-radius:18px}.dm-product-card-body{padding:16px}.dm-product-card h2{font-size:16px;line-height:22px}.dm-card-price{font-size:18px}

  /* Portefeuille : solde et raccourcis à gauche, historique spacieux dessous. */
  .dm-wallet-shell{width:min(100% - 64px,1200px)!important;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(380px,.65fr);gap:24px;align-items:start}
  .dm-wallet-page-head,.dm-wallet-agent-note,.dm-wallet-shell>.dm-section-title-link,.dm-wallet-transaction-list{grid-column:1/-1}
  .dm-wallet-main-card--mockup{min-height:280px;margin:0}.dm-wallet-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
  .dm-wallet-actions a{min-height:128px}.dm-wallet-transaction-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;background:#fff;border-radius:22px;padding:8px 24px}
  .dm-wallet-transaction-row{min-width:0}

  /* Tableau vendeur et outils : grilles réelles plutôt qu'une colonne mobile. */
  .dm-vendor-dashboard-shell{max-width:1240px!important;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:start}
  .dm-vendor-dashboard-head,.dm-vendor-new-order-alert,.dm-analytics-periods{grid-column:1/-1}
  .dm-vendor-performance-hero{grid-column:span 8;margin:0}.dm-vendor-earnings-strip{grid-column:span 4;margin:0;height:100%}
  .dm-vendor-tools-grid,.dm-vendor-metric-grid{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .dm-vendor-dashboard-section{grid-column:span 6;margin:0;height:100%}
  .dm-vendor-dashboard-section:last-child{grid-column:1/-1}
  .dm-dashboard-card{border-radius:22px}
  .dm-vendor-product-manage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}

  /* Profils, analyses, historiques et formulaires de gestion. */
  .dm-profile-page .dm-profile-shell{max-width:1120px!important}
  .dm-client-quick-grid,.dm-client-stat-grid,.dm-profile-menu>div{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dm-product-analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .dm-view-history-list,.dm-order-history-list,.dm-referral-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
  .dm-legal-shell,.dm-security-shell,.dm-referral-shell,.dm-order-history-shell,.dm-view-history-shell{max-width:1120px!important}
  .dm-legal-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dm-legal-sections section{height:100%}
  .dm-form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px}
  .dm-add-product-page .dm-container-narrow,.dm-vendor-edit-page .dm-container-narrow{max-width:1080px!important}

  /* Messagerie sur grand écran. */
  .dm-messages-page .dm-container-narrow{max-width:1120px!important}
  .dm-chat-messages,.dm-message-compose-form,.dm-chat-product-context{max-width:980px!important;margin-left:auto;margin-right:auto}
  .dm-chat-bubble{max-width:min(62%,620px)}

  /* Parcours ordinateur : navigation horizontale sous le header, sans barre mobile. */
  .dm-bottom-nav{display:none!important}
  .dm-desktop-nav{display:block;position:fixed;z-index:69;top:72px;left:0;right:0;height:54px;background:#fff;border-top:1px solid rgba(192,202,176,.25);border-bottom:1px solid rgba(192,202,176,.5);box-shadow:0 4px 14px rgba(24,39,15,.045)}
  body.admin-bar .dm-desktop-nav{top:104px}
  .dm-desktop-nav-inner{width:min(100% - 64px,1280px);height:100%;margin:auto;display:grid;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:28px}
  .dm-desktop-nav-links{height:100%;display:flex;align-items:center;gap:4px}.dm-desktop-nav-links a{height:100%;padding:0 12px;display:flex;align-items:center;gap:6px;color:var(--dm-text);text-decoration:none;font-size:12px;font-weight:700;border-bottom:3px solid transparent}.dm-desktop-nav-links a:hover{color:var(--dm-primary);background:var(--dm-surface-low);border-bottom-color:var(--dm-primary)}.dm-desktop-nav-links .dm-material{font-size:18px}
  .dm-desktop-search{height:36px;max-width:520px;justify-self:center;width:100%;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--dm-outline-variant);border-radius:999px;background:var(--dm-surface-low)}.dm-desktop-search:focus-within{border-color:var(--dm-primary);background:#fff}.dm-desktop-search .dm-material{font-size:19px;color:var(--dm-muted)}.dm-desktop-search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:12px}
  .dm-desktop-account a{display:flex;align-items:center;gap:8px;color:var(--dm-text);text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}.dm-desktop-account img,.dm-desktop-account>a>.dm-material{width:30px;height:30px;border-radius:50%;object-fit:cover}.dm-desktop-account>a>.dm-material{display:grid;place-items:center;background:var(--dm-primary-container);color:#294f00;font-size:18px}
  .dm-product-header,.dm-cart-header,.dm-public-store-header,.dm-role-header,.dm-header-discovery{top:0!important}
  .dm-shop-sticky{top:126px}
}

@media (min-width:1440px) and (hover:hover) and (pointer:fine){
  :root{--dm-container:1440px;--dm-margin:44px}
  .dm-container,.dm-container-narrow,.dm-header-inner,.dm-home-shell{max-width:1440px!important}
  .dm-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .dm-vendor-feed-section{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dm-ranking-scroller{grid-template-columns:repeat(6,minmax(0,1fr))}
}
