/* Dean's Schreibwaren – Design System v3 – Kontrast-korrigiert */
:root {
  --navy:       #1a3a5c;
  --navy-dark:  #0d2238;
  --navy-light: #2a5080;
  --yellow:     #f5a623;
  --text:       #1a1a2e;
  --text-muted: #374151;   /* war #64748b (4.76:1) → jetzt 10.31:1 */
  --text-small: #4b5563;   /* für kleine Texte: 7.5:1 */
  --off-white:  #f8f9fb;
  --gray:       #e2e6ea;
  --radius:     12px;
  --radius-sm:  8px;
  --shadow-sm:  0 2px 8px rgba(26,58,92,0.08);
  --shadow-md:  0 4px 20px rgba(26,58,92,0.12);
  --transition: 0.2s ease;
}

*,*::before,*::after{box-sizing:border-box}

body {
  font-family: system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif !important;
  color: var(--text) !important;
  background: #fff !important;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,.wp-block-heading {
  font-family: Georgia,'Times New Roman',serif !important;
  line-height: 1.25 !important;
}

/* ── Navigation ─────────────────────────────── */
header.wp-block-template-part {
  background: linear-gradient(135deg,var(--navy-dark) 0%,var(--navy) 100%) !important;
  box-shadow: 0 2px 16px rgba(0,0,0,.15) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}
.wp-block-navigation,.wp-block-navigation__container{background:transparent !important}
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content {
  color: rgba(255,255,255,.92) !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  border-radius: var(--radius-sm) !important;
  transition: background var(--transition),color var(--transition) !important;
  text-decoration: none !important;
}
.wp-block-navigation a:hover {
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
}
.wp-block-site-title a,.wp-block-site-title {
  color: #fff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* ── Hero/Cover ──────────────────────────────── */
.wp-block-cover{border-radius:0 !important}

/* ── Cards ───────────────────────────────────── */
.wp-block-group.has-border-color,
.wp-block-group[style*="border-color"],
.wp-block-group[style*="border-width"] {
  border-radius: var(--radius) !important;
  border-color: var(--gray) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: box-shadow var(--transition),transform var(--transition) !important;
  overflow: hidden !important;
}
.wp-block-group.has-border-color:hover {
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-2px) !important;
}

/* ── Buttons ─────────────────────────────────── */
.wp-block-button__link,.wp-element-button {
  border-radius: var(--radius-sm) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: filter var(--transition),transform var(--transition),box-shadow var(--transition) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.15) !important;
}
.wp-block-button__link:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
}

/* ── Tabellen ────────────────────────────────── */
.wp-block-table table{border-collapse:collapse !important;width:100% !important}
.wp-block-table td,.wp-block-table th{padding:14px 18px !important;border-bottom:1px solid var(--gray) !important}
.wp-block-table thead th{background: var(--navy) !important;color: #fff !important;font-weight:600}
.wp-block-table tr:last-child td{border-bottom:none !important}
.wp-block-table tr:nth-child(even) td{background:var(--off-white)}
.wp-block-table tr:hover td{background:#eef2f7 !important}

/* ── Listen: Navy-Pfeile (war gelb → schlechter Kontrast) ── */
.wp-block-list{padding-left:0 !important;list-style:none !important}
.wp-block-list li{
  padding:10px 0 10px 28px !important;
  border-bottom:1px solid var(--gray) !important;
  position:relative !important;
  color: var(--text) !important;
}
.wp-block-list li::before{
  content:'→' !important;
  position:absolute !important;
  left:0 !important;
  color: var(--navy) !important;   /* war #e09010 (2.57:1) → jetzt Navy (11.64:1) */
  font-weight:700 !important;
}
.wp-block-list li:last-child{border-bottom:none !important}

/* ── Muted-Text: dunkel genug ────────────────── */
/* Verbiete helles Orange (#f5a623) auf weißem/hellem Hintergrund */
p[style*="color:#64748b"],p[style*="color: #64748b"],
p[style*="color:#6b7280"],p[style*="color: #6b7280"] {
  color: var(--text-muted) !important;  /* #374151, Kontrast 10.31:1 */
}

/* ── Trennlinie ──────────────────────────────── */
.wp-block-separator{border-color:var(--gray) !important;opacity:1 !important}

/* ── DHL-Banner ──────────────────────────────── */
.wp-block-group[style*="ffcc00"] {
  background: linear-gradient(135deg,#ffcc00 0%,#ffe566 100%) !important;
}

/* ── Footer ──────────────────────────────────── */
footer.wp-block-template-part {
  background: linear-gradient(135deg,var(--navy-dark) 0%,var(--navy) 100%) !important;
  padding-top:40px !important;
  padding-bottom:40px !important;
}
footer.wp-block-template-part *{color:rgba(255,255,255,.88) !important}
footer.wp-block-template-part a:hover{color:#fff !important;text-decoration:underline}

/* ── Responsive ──────────────────────────────── */
@media(max-width:768px){
  .wp-block-columns{flex-direction:column !important}
  .wp-block-column{width:100% !important;flex-basis:100% !important}
}

/* ── Layout ──────────────────────────────────── */
.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)){
  max-width:min(1100px,calc(100% - 48px)) !important;
  margin-inline:auto !important;
}