/*
Theme Name: Curely
Theme URI: https://curely.nl
Description: Custom theme for Curely.nl — Dutch online pharmacy
Author: Curely B.V.
Version: 1.0.0
License: Proprietary
Text Domain: curely
*/

/* ── Base font normalization ────────────────────────────────────────────────── */
body {
  font-size: 1.125rem;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; }

/* ── WP admin bar offset ────────────────────────────────────────────────────── */
.admin-bar .sticky-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .sticky-header { top: 46px; } }

/* ── Alle-producten: spacing between category sections ──────────────────────── */
/* h2 mb-4 = 1rem below; space above should be 2× → margin-top: 2rem on sections after first */
.page-id-33 section + section {
  margin-top: 2.5rem;
}

/* ── article-body dl/dt/dd (Tailwind preflight strips all dl styling) ────── */
.article-body dl { margin-bottom: 1rem; }
.article-body dt { font-size: 1.25rem; font-weight: 600; color: #1f2937; margin-top: 1.25rem; margin-bottom: .5rem; }
.article-body dd { color: #4b5563; margin-bottom: 1rem; line-height: 1.75; margin-left: 0; }

/* ── Blog tables: full width, proper table display ─────────────────────────── */
.article-body table {
  display: table !important;
  width: 100% !important;
  box-sizing: border-box;
  border-collapse: collapse;
  margin-bottom: 1.5rem;
  font-size: .95rem;
  overflow-x: auto;
}
/* Wrap tables in scroll container on mobile */
@media (max-width: 640px) {
  .article-body table {
    display: block !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}