/* =========================================================
   Your Daily Phil: refresh styles (v1.2, matches the email)
   Loaded only on YDP issues that use the refresh (see functions/ydp-refresh.php).
   Everything is scoped to "body.ydp-refresh-page article.single-post.ydp-refresh",
   which out-ranks the theme's article.category-your-daily-phil and .dk-* rules
   whatever order the stylesheets load in.

   Fonts are the site's own (Tiempos Headline + proxima-nova). The email uses
   Georgia and Source Sans Pro only because email clients can't load web fonts.
   ========================================================= */

/* ---- Tokens (from the email) ---- */
body.ydp-refresh-page article.single-post.ydp-refresh{
	--ydp-ink:#1e1e1e;          /* headlines */
	--ydp-body:#2a2a2a;         /* body copy */
	--ydp-muted:#6b6b6b;        /* captions, bylines */
	--ydp-blue:#0444a0;         /* eJP blue: kickers, rules, links, ages */
	--ydp-navy:#0c1c3a;         /* date bar */
	--ydp-navy-text:#c9dff5;    /* date on the navy bar */
	--ydp-gold:#d7981d;         /* Opinion */
	--ydp-grey:#888888;         /* "YOUR DAILY PHIL" */
	--ydp-rule:#d9d9d9;         /* hairlines between items */
	--ydp-serif:"Tiempos Headline", Georgia, "Times New Roman", serif;
	--ydp-sans:proxima-nova, "Helvetica Neue", Arial, sans-serif;

	box-sizing:border-box;
	width:100%;
	max-width:720px;
	margin:0 auto;
	padding:0 0 64px;
	color:var(--ydp-body);
	font-family:var(--ydp-serif);
}

/* ---- Masthead: logo, then "YOUR DAILY PHIL" between two blue rules ---- */
body.ydp-refresh-page article.single-post.ydp-refresh section.header{
	width:auto; max-width:none; margin:0; padding:0; border:0; text-align:center;
}
body.ydp-refresh-page article.single-post.ydp-refresh .ydp-masthead{ padding:32px 0 22px; text-align:center; }
body.ydp-refresh-page article.single-post.ydp-refresh .ydp-masthead .ydp-logo{
	display:block; width:80px; height:auto; margin:0 auto 14px;
}
body.ydp-refresh-page article.single-post.ydp-refresh .ydp-wordmark{
	display:flex; align-items:center; justify-content:center; gap:16px;
	margin:0; font:700 15px/1.2 var(--ydp-sans); letter-spacing:.32em; text-transform:uppercase;
	color:var(--ydp-grey);
}
/* letter-spacing adds space after the last letter; balance it so the word stays centered */
body.ydp-refresh-page article.single-post.ydp-refresh .ydp-wordmark-rule{
	flex:0 0 32px; height:2px; background:var(--ydp-blue);
}
body.ydp-refresh-page article.single-post.ydp-refresh .ydp-wordmark-rule:last-child{ margin-left:-.32em; }

/* ---- Navy date bar ---- */
/* Date on the left in light blue, "Good Monday morning." on the right in white, as in the email */
body.ydp-refresh-page article.single-post.ydp-refresh .ydp-datebar{
	display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 16px;
	padding:14px 20px; background:var(--ydp-navy); border-top:3px solid var(--ydp-blue);
	text-align:left;
}
body.ydp-refresh-page article.single-post.ydp-refresh .ydp-datebar time,
body.ydp-refresh-page article.single-post.ydp-refresh .ydp-datebar .ydp-greeting{
	font:700 13px/1.4 var(--ydp-sans); letter-spacing:.08em; text-transform:uppercase; color:var(--ydp-navy-text);
}
body.ydp-refresh-page article.single-post.ydp-refresh .ydp-datebar .ydp-greeting{ color:#fff; }

/* ---- Issue title + dek + share ---- */
body.ydp-refresh-page article.single-post.ydp-refresh .ydp-titleblock{
	display:flow-root; padding:36px 0 28px; border-bottom:1px solid var(--ydp-rule); text-align:center;
}
body.ydp-refresh-page article.single-post.ydp-refresh .ydp-titleblock .title{ margin:0; padding:0; }
body.ydp-refresh-page article.single-post.ydp-refresh .ydp-titleblock .title h1{
	margin:0; padding:0;
	font-family:var(--ydp-serif); font-size:36px; line-height:1.2; font-weight:700; letter-spacing:-.01em;
	color:var(--ydp-ink);
}
body.ydp-refresh-page article.single-post.ydp-refresh .ydp-titleblock .title h1::after{ display:none; }
body.ydp-refresh-page article.single-post.ydp-refresh .ydp-titleblock .dek{ max-width:none; margin:12px 0 0; padding:0; }
body.ydp-refresh-page article.single-post.ydp-refresh .ydp-titleblock .dek p{
	margin:0; padding:0; font:italic 20px/1.4 var(--ydp-serif); color:var(--ydp-muted); text-align:center;
}
body.ydp-refresh-page article.single-post.ydp-refresh .ydp-titleblock .share{
	float:none; justify-content:center; margin:20px 0 0; padding:0;
}

/* ---- Body column ---- */
body.ydp-refresh-page article.single-post.ydp-refresh section.body{ max-width:none; margin:0; padding:0; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-block{ margin:0; padding:0; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-block .content,
body.ydp-refresh-page article.single-post.ydp-refresh .dk-block .acf-innerblocks-container{ margin:0; padding:0; }

body.ydp-refresh-page article.single-post.ydp-refresh p.wp-block-paragraph{
	margin:0 0 18px; padding:0;
	font-family:var(--ydp-serif); font-size:18px; line-height:1.7; font-weight:400;
	color:var(--ydp-body);
}
body.ydp-refresh-page article.single-post.ydp-refresh p.wp-block-paragraph:empty{ display:none; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-block strong,
body.ydp-refresh-page article.single-post.ydp-refresh .dk-block b{ font-weight:700; color:var(--ydp-ink); }

/* Body links: eJP blue, quiet underline */
body.ydp-refresh-page article.single-post.ydp-refresh .dk-block .content a{
	color:var(--ydp-blue);
	text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px;
	border:0; background:none;
}
body.ydp-refresh-page article.single-post.ydp-refresh .dk-block .content a:hover{ text-decoration-thickness:2px; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-block .content a strong{ color:inherit; }

/* Hairline between items */
body.ydp-refresh-page article.single-post.ydp-refresh hr.wp-block-separator{
	width:auto; max-width:none; margin:22px 0; border:0; border-top:1px solid var(--ydp-rule); opacity:1; background:none; height:0;
}

/* Images + captions (Pic of the Day, Birthdays) */
body.ydp-refresh-page article.single-post.ydp-refresh .wp-block-image,
body.ydp-refresh-page article.single-post.ydp-refresh figure.wp-block-image{ margin:0 0 18px; }
body.ydp-refresh-page article.single-post.ydp-refresh .wp-block-image figure{ margin:0; }
body.ydp-refresh-page article.single-post.ydp-refresh .wp-block-image img{ display:block; width:100% !important; height:auto !important; }
body.ydp-refresh-page article.single-post.ydp-refresh figcaption.wp-element-caption{
	margin:8px 0 0; font:13px/1.5 var(--ydp-sans); letter-spacing:.04em; text-transform:uppercase;
	color:var(--ydp-muted); text-align:right;
}
body.ydp-refresh-page article.single-post.ydp-refresh figcaption.wp-element-caption p:empty{ display:none; }

/* Pull quotes in Opinion pieces: indented italics with no rule, as in the email.
   The theme puts a 5px black border on the quote's paragraph; that goes too. */
body.ydp-refresh-page article.single-post.ydp-refresh .wp-block-quote{
	max-width:none; margin:16px 0 18px 25px; padding:0; border:0; background:none;
}
body.ydp-refresh-page article.single-post.ydp-refresh .wp-block-quote p.wp-block-paragraph{
	margin:0; padding:0; border:0; font-style:italic; color:var(--ydp-body);
}
body.ydp-refresh-page article.single-post.ydp-refresh .wp-block-quote::before,
body.ydp-refresh-page article.single-post.ydp-refresh .wp-block-quote::after{ display:none; }

/* Ad banner with nothing in it */
body.ydp-refresh-page article.single-post.ydp-refresh .dk-banner:not(:has(img)){ display:none; }

/* ---- Intro ---- */
body.ydp-refresh-page article.single-post.ydp-refresh .dk-intro{ padding-top:32px; }

/* WhatsApp / Telegram buttons */
body.ydp-refresh-page article.single-post.ydp-refresh .dk-intro .wp-block-buttons{ gap:12px; margin:4px 0 18px; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-intro .wp-block-button{ flex:1 1 0; width:auto; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-intro .wp-block-button__link{
	display:block; width:100%; padding:12px 16px; border-radius:2px;
	font:700 13px/1.2 var(--ydp-sans); letter-spacing:.1em; text-transform:uppercase; text-decoration:none;
}

/* ---- Section headers: the email's bars. Navy with the name in light-blue italics;
   Opinion is a gold bar with white text. The intro's "What We're Watching" and
   "What You Should Know" are plain heading blocks, so they get the same bar. ---- */
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section{ padding-top:32px; }
/* the gap above a bar is the section's padding only: no trailing margin from the last item */
body.ydp-refresh-page article.single-post.ydp-refresh .dk-block .acf-innerblocks-container > p.wp-block-paragraph:last-child,
body.ydp-refresh-page article.single-post.ydp-refresh .dk-block .acf-innerblocks-container > p.wp-block-paragraph:has(+ .dk-section),
body.ydp-refresh-page article.single-post.ydp-refresh .dk-news > .share:last-child{ margin-bottom:0; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section .section-header{
	margin:0 0 24px; padding:0; border:0; background:none; text-align:left;
}
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section .section-header::before,
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section .section-header::after,
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section .section-header h2::before,
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section .section-header h2::after,
body.ydp-refresh-page article.single-post.ydp-refresh .dk-intro h2.wp-block-heading::before,
body.ydp-refresh-page article.single-post.ydp-refresh .dk-intro h2.wp-block-heading::after{ display:none; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section .section-header h2,
body.ydp-refresh-page article.single-post.ydp-refresh .dk-intro h2.wp-block-heading{
	margin:0; padding:10px 20px; border:0; background:var(--ydp-navy);
	font-family:var(--ydp-serif); font-size:17px; line-height:1.6; font-weight:400; font-style:italic;
	letter-spacing:0; text-transform:none; text-align:left; color:var(--ydp-navy-text);
}
body.ydp-refresh-page article.single-post.ydp-refresh .dk-intro h2.wp-block-heading{ margin:32px 0 24px; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section--opinion .section-header h2{ background:var(--ydp-gold); color:#fff; }

/* Kicker heading inside a section ("A QUICK WORD FROM eJP'S JAY DEITCHER") */
body.ydp-refresh-page article.single-post.ydp-refresh .dk-block h3.wp-block-heading{
	margin:0 0 14px; padding:0;
	font:700 14px/1.3 var(--ydp-sans); letter-spacing:.08em; text-transform:uppercase;
	color:var(--ydp-blue); text-align:left;
}

/* ---- Story blocks: kicker, headline, body, "Read the full piece here." ---- */
body.ydp-refresh-page article.single-post.ydp-refresh .dk-news{ padding-top:26px; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section .content .dk-news:first-child{ padding-top:0; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-news + .dk-news,
body.ydp-refresh-page article.single-post.ydp-refresh section.body > .dk-section + .dk-news{ margin-top:4px; border-top:1px solid var(--ydp-rule); }

/* A dk-news with no headline is only a wrapper */
body.ydp-refresh-page article.single-post.ydp-refresh .dk-news--bare{ padding-top:0; border-top:0; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-news--bare > .tagline,
body.ydp-refresh-page article.single-post.ydp-refresh .dk-news--bare > .headline{ display:none; }

body.ydp-refresh-page article.single-post.ydp-refresh .dk-news .tagline{ margin:0 0 8px; padding:0; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-news .tagline h4{
	margin:0; padding:0;
	font-family:var(--ydp-sans); font-size:14px; line-height:1.5; font-weight:700;
	letter-spacing:.05em; text-transform:uppercase; color:var(--ydp-blue);
}
body.ydp-refresh-page article.single-post.ydp-refresh .dk-news .tagline h4:empty{ display:none; }
/* Opinion kickers are gold, including pieces placed after the Opinion section block
   (up to the next section) */
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section--opinion .dk-news .tagline h4,
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section--opinion ~ .dk-news:not(.dk-section:not(.dk-section--opinion) ~ .dk-news) .tagline h4{ color:var(--ydp-gold); }

body.ydp-refresh-page article.single-post.ydp-refresh .dk-news .headline{ margin:0 0 14px; padding:0; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-news .headline[data-url]{ cursor:pointer; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-news .headline h3{
	margin:0; padding:0;
	font-family:var(--ydp-serif); font-size:24px; line-height:1.3; font-weight:700; color:var(--ydp-ink);
}
body.ydp-refresh-page article.single-post.ydp-refresh .dk-news .headline[data-url]:hover h3{ color:var(--ydp-blue); }
/* Jewish Insider stories: the headline is a plain link to jewishinsider.com */
body.ydp-refresh-page article.single-post.ydp-refresh .dk-news .headline h3 a{ color:inherit; text-decoration:none; border:0; background:none; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-news .headline h3 a:hover{ color:var(--ydp-blue); }

/* "Read the rest of 'What You Should Know' here." / "Read the full piece here."
   (a link wrapping bold italic text; birthday names are bold only, so they don't match) */
body.ydp-refresh-page article.single-post.ydp-refresh .dk-block p.wp-block-paragraph:has(> a:first-child > strong:first-child > em) a{ text-decoration:none; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-block p.wp-block-paragraph:has(> a:first-child > strong:first-child > em) a:hover{ text-decoration:underline; }
/* gold in Opinion, as in the email */
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section--opinion p.wp-block-paragraph:has(> a:first-child > strong:first-child > em) a,
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section--opinion ~ .dk-news:not(.dk-section:not(.dk-section--opinion) ~ .dk-news) p.wp-block-paragraph:has(> a:first-child > strong:first-child > em) a{ color:var(--ydp-gold); }

/* Per-story share row: small and quiet */
body.ydp-refresh-page article.single-post.ydp-refresh .dk-news > .share{
	margin:4px 0 22px; opacity:.75; transform:scale(.8); transform-origin:left center;
}
body.ydp-refresh-page article.single-post.ydp-refresh .dk-news > .share:hover{ opacity:1; }

/* Pic of the Day and Birthdays open with a photo: keep it close to the bar */
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section.dk-section--pic-of-the-day .section-header,
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section.dk-section--birthdays .section-header{ margin-bottom:10px; }

/* ---- Birthdays: names blue with no underline, ages blue ---- */
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section--birthdays p.wp-block-paragraph{ margin-bottom:12px; line-height:1.6; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section--birthdays p.wp-block-paragraph > a:first-child{ text-decoration:none; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section--birthdays p.wp-block-paragraph > a:first-child strong{ color:var(--ydp-blue); }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section--birthdays p.wp-block-paragraph > a:first-child:hover{ text-decoration:underline; }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section--birthdays p.wp-block-paragraph > strong:last-child{ color:var(--ydp-blue); }
body.ydp-refresh-page article.single-post.ydp-refresh .dk-section--birthdays h3.wp-block-heading{
	margin:24px 0 12px; font:700 20px/1.3 var(--ydp-serif); letter-spacing:0; text-transform:none; color:var(--ydp-ink);
}

/* ---- Newsletter archive under the issue ---- */
body.ydp-refresh-page section.newsletter-archive .section-header h2{ font-size:1.75em; }

/* ---- Phone ---- */
@media (max-width:720px){
	/* the theme's section.main already gives a 15px gutter on phones */
	body.ydp-refresh-page article.single-post.ydp-refresh{ padding-bottom:48px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-masthead{ padding:24px 0 18px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-masthead .ydp-logo{ width:64px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-wordmark{ font-size:13px; letter-spacing:.24em; gap:12px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-wordmark-rule{ flex-basis:24px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-wordmark-rule:last-child{ margin-left:-.24em; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-datebar{ margin:0 -15px; padding:12px 15px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-titleblock{ padding:28px 0 22px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-titleblock .title h1{ font-size:28px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-titleblock .dek p{ font-size:18px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-section{ padding-top:28px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-section .section-header h2,
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-intro h2.wp-block-heading{ font-size:16px; padding:8px 15px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-intro h2.wp-block-heading{ margin-top:28px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-news .headline h3{ font-size:22px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .wp-block-quote{ margin-left:18px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-intro .wp-block-buttons{ flex-direction:column; }
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-intro .wp-block-button{ width:100%; }
}

/* ---- Desktop (1024px+): same 720px column and type scale as regular eJP articles ---- */
@media (min-width:1024px){
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-masthead{ padding:44px 0 28px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-masthead .ydp-logo{ width:96px; margin-bottom:18px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-wordmark{ font-size:17px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-wordmark-rule{ flex-basis:40px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-datebar{ padding:16px 24px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-datebar time,
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-datebar .ydp-greeting{ font-size:14px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-titleblock{ padding:48px 0 32px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-titleblock .title h1{ font-size:42px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .ydp-titleblock .dek p{ font-size:22px; }

	body.ydp-refresh-page article.single-post.ydp-refresh p.wp-block-paragraph{ font-size:20px; line-height:1.7; margin-bottom:20px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-section--birthdays p.wp-block-paragraph{ font-size:19px; margin-bottom:12px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-section{ padding-top:36px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-section .section-header{ margin-bottom:28px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-section .section-header h2,
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-intro h2.wp-block-heading{ font-size:19px; padding:12px 24px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-intro h2.wp-block-heading{ margin:36px 0 28px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-news{ padding-top:32px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-news .tagline h4{ font-size:15px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-news .headline{ margin-bottom:16px; }
	body.ydp-refresh-page article.single-post.ydp-refresh .dk-news .headline h3{ font-size:28px; line-height:1.3; }
	body.ydp-refresh-page article.single-post.ydp-refresh hr.wp-block-separator{ margin:28px 0; }
	body.ydp-refresh-page article.single-post.ydp-refresh figcaption.wp-element-caption{ font-size:13px; margin-top:10px; }
}