/* Typographie contenu central — calée sur Do (DashboardView, BrowseView, WordDetail) */

:root {
  --eo-font-base: 0.85rem;
  --eo-font-md: 0.9rem;
  --eo-font-lg: 1.00rem;
  --eo-font-sm: 0.9rem;
  --eo-font-xs: 0.7rem;
  --eo-line-height: 1.5;
  --eo-text-color: #1a1d21;
  --eo-text-muted: #6b7280;
}

.app-main,
.app-main .dashboard-wrapper {
  font-size: var(--eo-font-base);
  font-weight: 30;
  line-height: var(--eo-line-height);
  color: var(--eo-text-color);
}

.app-main .entry-content,
.app-main .woocommerce {
  font-size: var(--eo-font-base);
  font-weight: 400;
}

/* Titres — Do : cartes ~0.92rem, sections ~0.95rem, page ~1.05rem */
.app-main .dashboard-wrapper h1,
.app-main .dashboard-wrapper .post-title,
.app-main .dashboard-wrapper .single-product .product-content-column h1,
.app-main .dashboard-wrapper .single-product .two-columns .product-content-column h1 {
  font-size: var(--eo-font-lg) !important;
  font-weight: 600 !important;
  line-height: 1.35;
  margin-bottom: 0.65rem;
}

.app-main .dashboard-wrapper h2,
.app-main .dashboard-wrapper h3,
.app-main .dashboard-wrapper .dashboard-card-header h2,
.app-main .dashboard-wrapper .dashboard-content h2,
.app-main .dashboard-wrapper .dashboard-box h3,
.app-main .dashboard-wrapper .dashboard-category-header h3,
.app-main .dashboard-wrapper .product-content h3 {
  font-size: var(--eo-font-md) !important;
  font-weight: 600 !important;
  line-height: 1.35;
}

.app-main .dashboard-wrapper h4,
.app-main .dashboard-wrapper .stats-header h4,
.app-main .dashboard-wrapper .recent-title h4 {
  font-size: var(--eo-font-base) !important;
  font-weight: 600 !important;
  line-height: 1.35;
}

.app-main .dashboard-wrapper p,
.app-main .dashboard-wrapper li,
.app-main .dashboard-wrapper .product-description,
.app-main .dashboard-wrapper .product-content p,
.app-main .dashboard-wrapper .dashboard-empty p,
.app-main .dashboard-wrapper .product-description p {
  font-size: var(--eo-font-base);
  line-height: var(--eo-line-height);
}

.app-main .dashboard-wrapper .breadcrumb,
.app-main .dashboard-wrapper .post-meta,
.app-main .dashboard-wrapper .stats-title,
.app-main .dashboard-wrapper .stats-footer,
.app-main .dashboard-wrapper .dashboard-card-header a,
.app-main .dashboard-wrapper .dashboard-category-footer a,
.app-main .dashboard-wrapper .post-rating-summary,
.app-main .dashboard-wrapper .order-meta,
.app-main .dashboard-wrapper .order-items li {
  font-size: var(--eo-font-sm) !important;
}

.app-main .dashboard-wrapper .metric strong,
.app-main .dashboard-wrapper .stat-grid div strong {
  font-size: var(--eo-font-md) !important;
  font-weight: 600;
}

.app-main .dashboard-wrapper .metric span {
  font-size: var(--eo-font-xs) !important;
  color: var(--eo-text-muted);
}

.app-main .dashboard-wrapper .custom-btn,
.app-main .dashboard-wrapper .btn-light,
.app-main .dashboard-wrapper button.login-btn,
.app-main .dashboard-wrapper .payment-btn {
  font-size: var(--eo-font-sm);
}

@media (max-width: 991px) {
  .app-main .dashboard-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 768px) {
  .app-main .dashboard-wrapper {
    padding-left: max(10px, env(safe-area-inset-left, 0px));
    padding-right: max(10px, env(safe-area-inset-right, 0px));
  }

  .app-main .dashboard-wrapper h1,
  .app-main .dashboard-wrapper .post-title,
  .app-main .dashboard-wrapper .single-product .product-content-column h1 {
    font-size: var(--eo-font-md) !important;
  }
}