/**
 * Minika WP.com → Genesis block-style parity shim
 * Site: copywritetranslationsminika.com ONLY (do not deploy to copywritecolombia.com)
 * Date: 2026-10-01 (America/Bogota)
 *
 * Why: Migration pages were authored on WP.com against Twenty Twenty-Four palette
 * tokens (base / base-2 / contrast / accent-*) plus WP.com theme-1..5 colors.
 * Live Vultr runs Genesis + genesis-child, which:
 *  - only emits core default color presets (no base/base-2/contrast/accent-3)
 *  - uses tiny core spacing scale (spacing-50 ≈ 1.5rem vs TT4 ≈ 6.5rem)
 *  - constrains .page .entry-content to max-width:660px (kills alignfull sections)
 *  - dequeues wp-block-library / global-styles in child functions.php (partially
 *    mitigated by per-block inline CSS, but palette/spacing still wrong)
 *  - preconnects Google Fonts but never loads Poppins/Lora
 *
 * Apply (Wordpress bot): enqueue as Additional CSS, OR copy next to child theme
 * and wp_enqueue_style after genesis-child, OR append to Customizer CSS.
 * Prefer a separate file so Colombia Spanish site is untouched.
 */

/* -------------------------------------------------------------------------- */
/* 1) TT4 color palette (from live /wp-content/themes/twentytwentyfour/theme.json) */
/* -------------------------------------------------------------------------- */
:root {
  --wp--preset--color--base: #f9f9f9;
  --wp--preset--color--base-2: #ffffff;
  --wp--preset--color--contrast: #111111;
  --wp--preset--color--contrast-2: #636363;
  --wp--preset--color--contrast-3: #A4A4A4;
  --wp--preset--color--accent: #cfcabe;
  --wp--preset--color--accent-2: #c2a990;
  --wp--preset--color--accent-3: #d8613c;
  --wp--preset--color--accent-4: #b1c5a4;
  --wp--preset--color--accent-5: #b5bdbc;

  /* WP.com Retrospect / site-editor theme slots (from Wayback 2025-04-25 global styles) */
  --wp--preset--color--theme-1: #FFFFFF;
  --wp--preset--color--theme-2: #dddddd;
  --wp--preset--color--theme-3: #7b7b7b;
  --wp--preset--color--theme-4: #333333;
  --wp--preset--color--theme-5: #000000;
}

/* has-* utility classes WP would emit from theme.json (missing under Genesis) */
.has-base-color { color: var(--wp--preset--color--base) !important; }
.has-base-background-color { background-color: var(--wp--preset--color--base) !important; }
.has-base-2-color { color: var(--wp--preset--color--base-2) !important; }
.has-base-2-background-color { background-color: var(--wp--preset--color--base-2) !important; }
.has-contrast-color { color: var(--wp--preset--color--contrast) !important; }
.has-contrast-background-color { background-color: var(--wp--preset--color--contrast) !important; }
.has-contrast-2-color { color: var(--wp--preset--color--contrast-2) !important; }
.has-contrast-2-background-color { background-color: var(--wp--preset--color--contrast-2) !important; }
.has-contrast-3-color { color: var(--wp--preset--color--contrast-3) !important; }
.has-contrast-3-background-color { background-color: var(--wp--preset--color--contrast-3) !important; }
.has-accent-color { color: var(--wp--preset--color--accent) !important; }
.has-accent-background-color { background-color: var(--wp--preset--color--accent) !important; }
.has-accent-2-color { color: var(--wp--preset--color--accent-2) !important; }
.has-accent-2-background-color { background-color: var(--wp--preset--color--accent-2) !important; }
.has-accent-3-color { color: var(--wp--preset--color--accent-3) !important; }
.has-accent-3-background-color { background-color: var(--wp--preset--color--accent-3) !important; }
.has-accent-4-color { color: var(--wp--preset--color--accent-4) !important; }
.has-accent-4-background-color { background-color: var(--wp--preset--color--accent-4) !important; }
.has-accent-5-color { color: var(--wp--preset--color--accent-5) !important; }
.has-accent-5-background-color { background-color: var(--wp--preset--color--accent-5) !important; }

.has-theme-1-color { color: var(--wp--preset--color--theme-1) !important; }
.has-theme-1-background-color { background-color: var(--wp--preset--color--theme-1) !important; }
.has-theme-2-color { color: var(--wp--preset--color--theme-2) !important; }
.has-theme-2-background-color { background-color: var(--wp--preset--color--theme-2) !important; }
.has-theme-3-color { color: var(--wp--preset--color--theme-3) !important; }
.has-theme-3-background-color { background-color: var(--wp--preset--color--theme-3) !important; }
.has-theme-4-color { color: var(--wp--preset--color--theme-4) !important; }
.has-theme-4-background-color { background-color: var(--wp--preset--color--theme-4) !important; }
.has-theme-5-color { color: var(--wp--preset--color--theme-5) !important; }
.has-theme-5-background-color { background-color: var(--wp--preset--color--theme-5) !important; }

/* -------------------------------------------------------------------------- */
/* 2) TT4-like spacing scale (live core scale is far too small for section pads) */
/* -------------------------------------------------------------------------- */
:root {
  --wp--preset--spacing--10: 1rem;
  --wp--preset--spacing--20: min(1.5rem, 2vw);
  --wp--preset--spacing--30: min(2.5rem, 3vw);
  --wp--preset--spacing--40: min(4rem, 5vw);
  --wp--preset--spacing--50: min(6.5rem, 8vw);
  --wp--preset--spacing--60: min(10.5rem, 13vw);
  /* 70/80 used by about/taijie heroes; extend past TT4’s max-60 */
  --wp--preset--spacing--70: min(14rem, 17vw);
  --wp--preset--spacing--80: min(18rem, 22vw);
}

/* -------------------------------------------------------------------------- */
/* 3) Genesis layout conflicts with Gutenberg alignfull / constrained groups   */
/* -------------------------------------------------------------------------- */
body.full-width-content .site-inner,
body.full-width-content .content,
body.full-width-content .entry,
body.full-width-content .entry-content,
body.page .entry-content,
body.single .entry-content {
  max-width: none !important;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Keep readable measure inside constrained block groups (TT4 contentSize ≈ 620px) */
body.page .entry-content > .wp-block-group.alignfull > .wp-block-group__inner-container,
body.page .entry-content .wp-block-group-is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 620px;
}

body.page .entry-content .wp-block-group-is-layout-constrained {
  --wp--style--global--content-size: 620px;
  --wp--style--global--wide-size: 1280px;
}

/* Full-bleed sections under Genesis site-inner padding */
body.page .entry-content .wp-block-group.alignfull,
body.page .entry-content .alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Soften Genesis fixed header overlap on first full section */
body.page .entry-content > .wp-block-group.alignfull:first-child {
  margin-top: 0;
}

/* Buttons with accent-3 should look like TT4 CTAs, not Genesis pill red */
.entry-content .wp-block-button__link.has-accent-3-background-color {
  background-color: var(--wp--preset--color--accent-3) !important;
  color: var(--wp--preset--color--base) !important;
  border-radius: 0.33rem;
  text-transform: none;
  letter-spacing: normal;
  font-family: inherit;
  font-weight: 500;
  padding: 0.6rem 1rem;
}
.entry-content .wp-block-button__link.has-accent-3-background-color:hover,
.entry-content .wp-block-button__link.has-accent-3-background-color:focus {
  background-color: var(--wp--preset--color--contrast-2) !important;
  color: var(--wp--preset--color--base) !important;
}

/* Card columns with base-2 + border already inline; ensure readable gap */
.entry-content .wp-block-columns {
  gap: 1.2rem;
}

/* -------------------------------------------------------------------------- */
/* 4) Typography: load fallbacks until Google Fonts stylesheet is enqueued     */
/* -------------------------------------------------------------------------- */
body.page .entry-content {
  font-size: 1.2rem;
  line-height: 1.7;
  color: var(--wp--preset--color--contrast);
}
body.page .entry-content p,
body.page .entry-content .wp-block-paragraph {
  font-size: 1.2rem;
  line-height: 1.7;
}
body.page .entry-content .wp-block-heading {
  color: var(--wp--preset--color--contrast);
  font-weight: 400;
  line-height: 1.2;
}

/* minika-cw-hero-parity — match copywritecolombia.com .hero-section/.hero-background
   CW measured (genesis-child/style.css):
   .hero-section { width:100%; height:100vh; overflow:hidden; display:table; table-layout:fixed }
   .hero-background { width:100%; background-size:cover; background-position:center center; background-repeat:no-repeat }
   CW home entry-header is empty (no H1 above hero). */
.home.page-id-10 .entry-header {
  display: none;
}
.home.page-id-10 .site-inner {
  padding-top: 0;
  margin-top: 0;
}
.home.page-id-10 .entry-content {
  max-width: none;
}
.home.page-id-10 .entry-content > .wp-block-cover.alignfull:first-child {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: 100vh !important;
  height: 100vh;
  overflow: hidden;
}
.home.page-id-10 .entry-content > .wp-block-cover.alignfull:first-child .wp-block-cover__image-background {
  object-fit: cover;
  object-position: center center;
}