/*
 * Meytal's three article CTAs, based on the approved September mockups.
 * Context-specific blocks share type and spacing; each has a distinct layout.
 * RTL first, no fake stock assets, responsive down to narrow phones.
 */
.mr-editorial-pathways{direction:rtl;text-align:right;margin:clamp(28px,4vw,56px) 0}
.mr-editorial-cta{
  --mr-cta-ink:var(--c-ink,#3a2f2c);
  --mr-cta-accent:var(--c-accent,#835458);
  direction:rtl;text-align:right;min-width:0;overflow:hidden;
  margin:clamp(28px,4vw,48px) 0;font-family:var(--font-b,'Frank Ruhl Libre',serif);
  color:var(--mr-cta-ink)
}
.mr-editorial-cta__content{min-width:0}
.mr-editorial-cta__eyebrow{
  display:block;margin-bottom:12px;color:var(--mr-cta-accent);
  font-size:15px;font-weight:700;line-height:1.35
}
.mr-editorial-cta__title{
  display:block;margin:0 0 14px!important;font-family:var(--font-d,'Frank Ruhl Libre',serif);
  font-size:clamp(26px,3vw,36px)!important;font-weight:700!important;
  line-height:1.22!important;letter-spacing:0!important;color:inherit!important
}
.mr-editorial-cta__body{
  max-width:43ch;margin:0 0 20px!important;font-size:clamp(16px,1.6vw,19px);
  line-height:1.7;color:inherit
}
.mr-editorial-cta__action{
  display:inline-flex;align-items:center;gap:10px;min-height:44px;
  font-size:clamp(16px,1.5vw,19px);font-weight:700;
  line-height:1.4;text-decoration:none!important;
  color:var(--mr-cta-accent)!important;border-bottom:1px solid currentColor;
  transition:color .2s ease,border-color .2s ease
}
.mr-editorial-cta__action:hover{color:var(--c-accent-hover,#6e4448)!important}
.mr-editorial-cta__action:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.mr-editorial-cta__action span{font-family:Arial,sans-serif;font-size:.9em}

/* A personal remark within the reading flow, rather than an advert. */
.mr-editorial-cta--note{
  max-width:35rem;margin-inline:auto;
  padding:clamp(24px,3.2vw,38px) 8px;
  text-align:center;border-block:1px solid var(--c-gold,#a07a44)
}
.mr-editorial-cta--note .mr-editorial-cta__eyebrow{
  text-align:center;color:var(--c-gold,#a07a44);margin-bottom:10px
}
.mr-editorial-cta--note .mr-editorial-cta__title{
  font-size:clamp(26px,3vw,35px)!important
}
.mr-editorial-cta--note .mr-editorial-cta__body{
  margin-inline:auto!important;max-width:35ch;color:var(--c-muted,#675a4e)
}
.mr-editorial-cta--note .mr-editorial-cta__action{color:var(--c-accent,#835458)!important}

/* Treatment: warm, deliberately high-contrast picture/editorial split. */
.mr-editorial-cta--treatment{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  background:#2c221b;color:#f6f0e8;border-radius:3px;min-height:285px
}
.mr-editorial-cta--treatment .mr-editorial-cta__content{
  display:flex;flex-direction:column;justify-content:center;
  align-items:flex-start;padding:clamp(25px,3.4vw,45px)
}
.mr-editorial-cta--treatment .mr-editorial-cta__eyebrow{color:#cfaa75}
.mr-editorial-cta--treatment .mr-editorial-cta__title{color:#fff8ef!important}
.mr-editorial-cta--treatment .mr-editorial-cta__body{color:#eee2d3}
.mr-editorial-cta--treatment .mr-editorial-cta__action{
  margin-top:auto;color:#e7c498!important;border-bottom-color:#e7c498
}
.mr-editorial-cta--treatment .mr-editorial-cta__action:hover{color:#fff!important}
.mr-editorial-cta__media{min-height:220px;background:var(--c-surface,#ede3d6)}
.mr-editorial-cta__media img{display:block;width:100%;height:100%;object-fit:cover}
.mr-editorial-cta__media--placeholder{
  display:grid;place-items:center;padding:24px;text-align:center;
  color:var(--c-muted,#675a4e);font-size:15px;min-height:240px
}

/* Homecare: pale editorial split. Image sits on the RTL/right side. */
.mr-editorial-cta--shelf{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  background:var(--c-surface,#ede3d6);border-radius:3px;min-height:260px
}
.mr-editorial-cta--shelf .mr-editorial-cta__content{
  display:flex;flex-direction:column;justify-content:center;
  align-items:flex-start;padding:clamp(25px,3vw,40px)
}
.mr-editorial-cta--shelf .mr-editorial-cta__eyebrow{color:#886b47}
.mr-editorial-cta--shelf .mr-editorial-cta__body{color:var(--c-ink,#3a2f2c)}
.mr-editorial-cta--shelf .mr-editorial-cta__action{margin-top:auto}
.mr-editorial-cta--shelf .mr-editorial-cta__media{background:#eadcca}

/* Without an approved image, use the full width of the CTA instead of an empty panel. */
.mr-editorial-cta--no-media{grid-template-columns:minmax(0,1fr)}
.mr-editorial-cta--no-media .mr-editorial-cta__content{max-width:740px}

/* The WordPress editor shows a live approximation with editable typography. */
.mr-editorial-block-editor{max-width:100%;box-sizing:border-box}
.mr-editorial-pathways--in-editor{margin:0}
.mr-editorial-block-editor .mr-editorial-cta{margin:8px 0}
.mr-editorial-block-editor .block-editor-rich-text__editable{min-width:1em}
.mr-editorial-block-editor .mr-editorial-cta__eyebrow,
.mr-editorial-block-editor .mr-editorial-cta__body,
.mr-editorial-block-editor .mr-editorial-cta__title{outline-offset:5px}
.mr-editorial-block-editor .mr-editorial-cta__action{cursor:default}
.mr-editorial-block-editor .components-notice{margin:0 0 12px}

@media(max-width:650px){
  .mr-editorial-cta{margin-block:28px}
  .mr-editorial-cta--note{padding:25px 10px}
  .mr-editorial-cta--treatment,
  .mr-editorial-cta--shelf{grid-template-columns:minmax(0,1fr)}
  .mr-editorial-cta--treatment .mr-editorial-cta__media{order:-1}
  .mr-editorial-cta--treatment .mr-editorial-cta__content,
  .mr-editorial-cta--shelf .mr-editorial-cta__content{padding:26px 24px}
  .mr-editorial-cta__media{height:185px;min-height:185px}
  .mr-editorial-cta__title{font-size:28px!important}
  .mr-editorial-cta__body{font-size:17px}
  .mr-editorial-cta--treatment .mr-editorial-cta__action,
  .mr-editorial-cta--shelf .mr-editorial-cta__action{margin-top:4px}
}