/*
Theme Name: JUWELIS Digital – Block-Theme
Version: 1.2.0
Requires at least: 6.6
Text Domain: juwelis-digital
*/
:root { --jd-navy: #061d36; --jd-gold: #c69b34; --jd-width: 1150px; }
.jd-header, .jd-about, .jd-footer, .jd-focus { padding: 1.5rem max(1rem, calc((100% - var(--jd-width)) / 2)); }
.jd-header, .jd-about, .jd-footer { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 1rem 2rem; }
.jd-header img { width: 190px; }
.jd-about p { max-width: 640px; border-inline-start: 2px solid var(--jd-gold); padding-inline-start: 1rem; }
.jd-hero, .jd-impact { padding-inline: max(1rem, calc((100% - var(--jd-width)) / 2)); }
.jd-hero h1 { font-size: clamp(2rem, 5vw, 4rem); line-height: 1.1; }
.wp-block-cover.jd-hero { min-height: 400px; }
.wp-block-cover.jd-impact { min-height: 210px; }
.jd-focus { background: #f6f8fb; }
.jd-focus > h2 { text-align: center; margin-bottom: 1rem; }
.jd-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.jd-card { background: var(--jd-navy); color: white; border-radius: .75rem; overflow: hidden; }
.jd-card img { display: block; width: 100%; aspect-ratio: 2/1; object-fit: cover; }
.jd-card-text { padding: 1rem; }
.jd-card h3 { font-size: 1.08rem; line-height: 1.2; margin: 0 0 .5rem; }
.jd-card p { font-size: .9rem; margin: 0; }
.jd-footer { background: var(--jd-navy); color: white; border-top: 2px solid var(--jd-gold); }
.jd-footer a { color: inherit; }
@media (max-width: 850px) { .jd-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 500px) { .jd-cards { grid-template-columns: 1fr; } }