/*
Theme Name: Miguel RDZ Editorial
Theme URI: https://miguelrdz.mx
Author: Miguel RDZ
Description: Tema de bloques editorial, minimalista y fotográfico para miguelrdz.mx.
Version: 0.3.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: miguelrdz
*/

html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }
a { text-underline-offset: .18em; }
.mrdz-kicker { letter-spacing: .08em; text-transform: uppercase; }
.mrdz-rule { border-top: 1px solid var(--wp--preset--color--line); }
.mrdz-hero { min-height: 72vh; }
.mrdz-card { border-top: 1px solid var(--wp--preset--color--line); padding-top: 1rem; }
.mrdz-number { font-variant-numeric: tabular-nums; }
@media (max-width: 781px) {
  .mrdz-hero { min-height: 58vh; }
}

/* v0.3 editorial grid refinements */
header.wp-block-template-part { display:block; }
.mrdz-header { max-width: 1440px; margin: 0 auto; }
.mrdz-brand { white-space: nowrap; }
.mrdz-nav a { text-decoration:none; }
.mrdz-nav a:hover { text-decoration:underline; }

/* Hero: four deliberate lines, not a narrow text column */
.mrdz-hero {
  min-height: min(72vh,760px);
  background:#a9aaa5;
}
.mrdz-hero-title {
  font-size:clamp(3.4rem,5.35vw,5.9rem) !important;
  line-height:.92 !important;
  max-width:12.5ch;
  letter-spacing:-.048em;
  text-wrap:balance;
}

/* About: strict editorial 3-column grid */
.mrdz-about-grid {
  display:grid !important;
  grid-template-columns:minmax(0,1.28fr) minmax(250px,.9fr) minmax(190px,.58fr);
  gap:clamp(2rem,4vw,5rem);
  align-items:center;
}
.mrdz-about-grid > .wp-block-column { min-width:0; width:auto !important; flex-basis:auto !important; }
.mrdz-about-title {
  white-space:nowrap;
  font-size:clamp(3.4rem,4.45vw,5.2rem) !important;
  line-height:.86 !important;
  letter-spacing:-.055em;
  margin-top:.35rem;
  margin-bottom:1.2rem;
}
.mrdz-about-copy { max-width:31rem; }
.mrdz-about-photo { min-height:360px; background:#d8d4c8; }

/* Recent posts */
.mrdz-post-grid .wp-block-post-featured-image {
  background:#d8d4c8;
  min-height:180px;
  overflow:hidden;
}
.mrdz-post-grid .wp-block-post-featured-image img { width:100%; height:100%; object-fit:cover; }
.mrdz-post-grid .wp-block-post-title { line-height:1.02; }

@media (max-width: 1000px) {
  .mrdz-about-grid { grid-template-columns:minmax(0,1.05fr) minmax(230px,.95fr); }
  .mrdz-about-grid > .wp-block-column:last-child { grid-column:1 / -1; }
  .mrdz-about-photo { min-height:300px; }
  .mrdz-about-title { white-space:normal; font-size:clamp(3.6rem,8vw,5.4rem) !important; }
}
@media (max-width: 781px) {
  .mrdz-header { padding-left:1rem !important; padding-right:1rem !important; }
  .mrdz-hero { min-height:62vh; }
  .mrdz-hero-title { font-size:clamp(2.65rem,11.5vw,4.6rem) !important; max-width:10.5ch; }
  .mrdz-about-grid { display:flex !important; flex-direction:column; gap:2rem; align-items:stretch; }
  .mrdz-about-title { white-space:normal; font-size:clamp(3.5rem,15vw,5.3rem) !important; }
  .mrdz-about-photo { min-height:280px; }
  .mrdz-post-grid .wp-block-post-featured-image { min-height:220px; }
}