/* =========================================================================
   ISEARK_MOBILE_2026_10_07 — phone layer (Keith t208u: "apply what you learned in that mobile crawl").
   Additive file loaded after style.css. Phones only (<=767px) unless noted. px only (OceanWP 1rem = 10px).
   Brand colours, lockup and weather are untouched; this file only sizes, spaces and positions.
   Rollback: remove the require of inc/mobile.php in functions.php.
   ========================================================================= */

/* ---- Breaking-news slot (all widths; renders only when a post tagged "breaking" is < 12 h old) ---- */
.iseark-breaking-slot:empty { display: none; }
html body a.iseark-breaking {
	display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 14px;
	background: #9e1b1b; color: #fff !important; text-decoration: none !important;
	font-size: 16px; font-weight: 700; line-height: 1.3;
}
html body a.iseark-breaking:hover, html body a.iseark-breaking:focus-visible { background: #7f1414; text-decoration: underline !important; }
html body a.iseark-breaking:focus-visible { outline: 3px solid #f5c542; outline-offset: -3px; }
.iseark-breaking__label {
	flex: 0 0 auto; padding: 2px 8px; border-radius: 4px; background: #fff; color: #9e1b1b;
	font-size: 13px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
}
.iseark-breaking__text { min-width: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* ---- Scores & schedule strip (phones; built from published sports stories only) ---- */
.iseark-scores { display: none; }

/* ---- ISEARK_MOBILE_HEADER_WORDMARK_2026_10_09 (v2.5.3, Keith 10-09): phone sticky header = iSEARK wordmark only ----
   Replaces the SE bug + "iSEARK / SE ARKANSAS NEWS" lockup on phones; the home iSEARK.com band moves into the header
   (band kept in markup as the home page <h1>, visually hidden on phones). Desktop/tablet unchanged.
   Rollback: delete this block and the matching block inside the 767px query below (backup ~/backups/mobile-header-wordmark-20261009/). */
.iseark-chrome__mwm { display: none; }

@media (max-width: 767px) {
	html { scroll-padding-top: 72px; }

	/* ---------- Sticky header: compact, hides on scroll-down, returns on scroll-up ---------- */
	html body #iseark-chrome { transition: transform 0.22s ease, box-shadow 0.2s ease; will-change: transform; }
	html body #iseark-chrome.is-hidden-up { transform: translateY(-100%); box-shadow: none; }
	html body #iseark-chrome .iseark-chrome__inner { min-height: 60px; padding-top: 6px; padding-bottom: 6px; gap: 8px; }
	html body #iseark-chrome.is-shrunk .iseark-chrome__inner { min-height: 56px; padding-top: 6px; padding-bottom: 6px; }
	html body #iseark-chrome .iseark-chrome__lockup { min-height: 44px; }
	html body #iseark-chrome .iseark-chrome__menu-btn { min-width: 48px; min-height: 48px; margin-left: auto; }
	/* utility line: keeps its 16px type (readability rule); may wrap to two rows at 360px; Follow gets a 44px tap area */
	html body #iseark-chrome .iseark-chrome__utility { padding: 4px 12px; gap: 0 6px; }
	html body #iseark-chrome .iseark-chrome__utility > * { line-height: 1.35 !important; }
	html body #iseark-chrome .iseark-chrome__sep--end { display: none; }
	html body #iseark-chrome .iseark-chrome__util-link { display: inline-flex; align-items: center; min-height: 44px; margin: -11px -6px -11px auto; padding: 0 6px 0 12px; }
	/* drawer: page behind does not scroll while it is open */
	html.iseark-drawer-lock, html.iseark-drawer-lock body { overflow: hidden; }

	/* ---------- Home topbar + wordmark: taller tap areas, same look ---------- */
	html body .page-header-title a.iseark-wordmark { display: inline-flex; align-items: center; min-height: 44px; }
	html body.home .page-header { background-image: url('/wp-content/uploads/2026/09/iseark-hero-seark-delta-farmland-800.webp') !important; }

	/* ---------- Home wordmark band: collapsed to one slim iSEARK.com line on phones (Keith approved 2026-10-07) ---------- */
	html body.home header.page-header { min-height: 0 !important; height: auto !important; padding: 2px 12px !important; margin: 0 !important; width: 100% !important; max-width: 100% !important; background-image: none !important; background-color: #06261c !important; box-shadow: none !important; }
	html body.home header.page-header::before, html body.home header.page-header::after { display: none !important; }
	html body.home header.page-header .page-header-inner { padding: 0 !important; margin: 0 !important; min-height: 0 !important; height: auto !important; max-width: none !important; display: flex !important; align-items: center; }
	html body.home header.page-header .page-header-title { margin: 0 !important; padding: 0 !important; line-height: 1 !important; }
	html body.home header.page-header .iseark-wordmark { position: static !important; transform: none !important; margin: 0 !important; top: auto !important; padding: 0 !important; font-size: 24px !important; max-width: none !important; min-height: 44px; display: inline-flex !important; align-items: baseline; line-height: 44px !important; }
	html body.home header.page-header .iseark-wordmark__name, html body.home header.page-header .iseark-wordmark__i { font-size: 24px !important; }
	html body.home header.page-header .iseark-wordmark__tld { font-size: 16px !important; }

	/* ---------- ISEARK_MOBILE_HEADER_WORDMARK_2026_10_09: header wordmark (same type as the home band, no .com) ---------- */
	html body #iseark-chrome .iseark-chrome__bug,
	html body #iseark-chrome .iseark-chrome__wordmark { display: none !important; }
	html body #iseark-chrome .iseark-chrome__lockup { gap: 0; min-height: 44px; padding: 0 4px 0 2px; }
	html body #iseark-chrome .iseark-chrome__mwm {
		display: inline-flex; align-items: baseline; flex-wrap: nowrap; white-space: nowrap;
		font-family: "Playfair Display", "Source Serif 4", Georgia, "Times New Roman", serif !important;
		font-weight: 900; font-size: 30px !important; line-height: 1; letter-spacing: -0.01em;
		color: #fffef9 !important; text-shadow: 0 1px 2px rgba(0,0,0,.35);
	}
	html body #iseark-chrome .iseark-chrome__mwm-i { font-style: italic; font-weight: 800; color: #f5c542 !important; margin-right: 0.02em; }
	html body #iseark-chrome .iseark-chrome__mwm-name { font-weight: 900; }
	html body #iseark-chrome.is-shrunk .iseark-chrome__mwm { font-size: 26px !important; }
	html body #iseark-chrome .iseark-chrome__lockup:focus-visible { outline: 3px solid #f5c542; outline-offset: 2px; border-radius: 4px; }
	/* home iSEARK.com band: now in the header; stays in markup as the page <h1> (shown again if keyboard focus lands in it) */
	html body.home header.page-header.page-header:not(:focus-within) {
		position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important;
		margin: -1px !important; padding: 0 !important; overflow: hidden !important;
		clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important;
	}

	/* ---------- Type: readable body copy ---------- */
	html body.single-post .entry-content p, html body.single-post .entry-content li { font-size: 18px; line-height: 1.6; }
	html body .iseark-ar-card__credit, html body .iseark-ar-card__credit a { font-size: 12px !important; line-height: 1.4; }

	/* ---------- Tap targets >= 44x44 ---------- */
	/* town-block and "more" lists: 16:9 thumbs at 80x45 */
	html body .iseark-town-block li { grid-template-columns: 80px minmax(0, 1fr); }
	html body .iseark-story-thumb img,
	html body .iseark-town-block--more .iseark-story-thumb img { width: 80px !important; height: 45px !important; }
	html body .iseark-town-block--more li { grid-template-columns: 80px minmax(0, 1fr); }
	html body .iseark-story-thumb--town { width: 80px; min-height: 45px; }
	html body .iseark-town-block h2 > a,
	html body .iseark-more > a,
	html body .iseark-obits-mini > a,
	html body .iseark-arkansas-rail__all,
	html body .iseark-ar-card__out > a,
	html body .iseark-traffic-pane__meta > a,
	html body .iseark-photo-credits-link > a,
	html body .iseark-reps-footer-link > a,
	html body .iseark-nl-alt > a,
	html body .blog-entry-readmore > a,
	html body .iseark-sp-crumbs > a { display: inline-flex; align-items: center; min-height: 44px; }
	html body .iseark-card__title > a { display: block; min-height: 44px; }
	html body .iseark-story-copy > a.iseark-town-tag { display: inline-flex; align-items: center; min-height: 44px; }
	html body .iseark-rep-card__contacts li { margin: 0; }
	html body .iseark-rep-card__contacts a { display: flex; align-items: center; min-height: 44px; }
	html body .iseark-reps__lookups a.iseark-reps__btn { min-height: 44px; }
	html body .iseark-ar-card__credit { margin: 0 0 4px; }
	html body .iseark-ar-card__credit a { display: inline-flex; align-items: center; min-height: 44px; }
	html body .iseark-obits-mini a { display: inline-flex; align-items: center; min-height: 44px; }
	html body .iseark-obits-mini li .ph a, html body .iseark-obits-mini li a.ph { min-width: 52px; }
	html body .iseark-obit-card .ph { flex-basis: 88px; }
	html body .iseark-obit-card .ph img { width: 88px; height: 110px; } /* 88px x 2.625 DPR stays inside the 240w file */
	html body .tx h3 > a, html body .tx > a { display: inline-flex; align-items: center; min-height: 44px; }

	/* single story: breadcrumbs, meta, tags, author credit, share buttons */
	html body .site-breadcrumbs .trail-item a,
	html body .oceanwp-breadcrumb .trail-item a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; }
	html body ul.meta li a { display: inline-flex; align-items: center; min-height: 44px; }
	html body ul.meta li.meta-cat a { min-width: 44px; justify-content: center; }
	html body .post-tags a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; }
	html body .iseark-credit a { display: inline-flex; align-items: center; min-height: 44px; }
	html body span.iseark-credit.iseark-credit--star a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
	html body .entry-share ul li a,
	html body .entry-share ul li a.share-link,
	html body .entry-share .oceanwp-social-share li a { min-width: 44px !important; min-height: 44px !important; width: 44px; height: 44px; }
	html body .entry-share ul { gap: 4px; }

	/* lists, sidebar widgets, pagination */
	html body .page-numbers a.page-numbers, html body ul.page-numbers a, html body ul.page-numbers span { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
	html body .recent-posts-comments a, html body a.recent-posts-title { display: inline-flex; align-items: center; min-height: 44px; }
	html body #wp-calendar td a, html body #wp-calendar a { display: flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; }
	html body #wp-calendar td { padding: 0; }
	html body .wp-calendar-nav a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }
	html body .iseark-photo-notes li { line-height: 1.5; margin-bottom: 4px; }
	html body .iseark-photo-notes a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; }

	/* comment form + newsletter */
	html body #commentform input[type="text"], html body #commentform input[type="email"], html body #commentform input[type="url"],
	html body .iseark-newsletter-stub input, html body .iseark-newsletter-stub button,
	html body .email-wrap input, html body .email-wrap button.button { min-height: 44px; }
	html body .email-wrap button.button { min-width: 44px; }
	html body #commentform .comment-form-cookies-consent input[type="checkbox"] { width: 24px; height: 24px; }
	html body #commentform .comment-form-cookies-consent label { display: inline-block; padding: 10px 0; }
	html body #commentform input[type="submit"], html body #commentform .submit { min-height: 44px; }

	/* footer */
	html body .iseark-footer-util__col a { display: inline-flex; align-items: center; min-height: 44px; }
	html body .iseark-footer-util__col li { margin: 0; }
	html body #footer-bottom-menu li a, html body #footer-bottom #footer-bottom-menu li a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; }
	html body #copyright a { display: inline-flex; align-items: center; min-height: 44px; }
	html body #footer-widgets a { display: inline-flex; align-items: center; min-height: 44px; }

	/* ---------- No sideways scroll at 360px ---------- */
	html body .entry-content iframe, html body .entry-content embed, html body .entry-content object, html body .entry-content video { max-width: 100%; }
	html body .entry-content iframe[src*="youtube"], html body .entry-content iframe[src*="youtu.be"],
	html body .entry-content iframe[src*="vimeo"], html body .entry-content iframe[src*="facebook.com/plugins/video"] { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; }
	html body .entry-content img { max-width: 100%; height: auto; }
	html body .iseark-scroll-x { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 16px; }
	html body .iseark-scroll-x:focus-visible { outline: 3px solid #f5c542; outline-offset: 2px; }
	html body .iseark-scroll-x > table { margin-bottom: 0; }
	html body .entry-content pre { max-width: 100%; overflow-x: auto; }
	html body .entry-content { overflow-wrap: break-word; }

	/* ---------- Scores & schedule strip ---------- */
	html body .iseark-scores { display: block; margin: 12px 0 16px; padding: 0 10px; }
	html body .site-main .iseark-sp-band + .iseark-scores, html body .entry-content .iseark-scores { padding: 0; }
	.iseark-scores__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 6px; }
	.iseark-scores__title { margin: 0; font-size: 15px !important; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #0b3d2e; }
	html body a.iseark-scores__all { display: inline-flex; align-items: center; min-height: 44px; padding: 0 2px; font-size: 15px; font-weight: 700; color: #1f5a3f !important; }
	.iseark-scores__list {
		display: flex; gap: 10px; margin: 0; padding: 2px 2px 8px; list-style: none;
		overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-left: 2px; -webkit-overflow-scrolling: touch; scrollbar-width: thin;
	}
	.iseark-scores__list > li { flex: 0 0 auto; width: 236px; margin: 0; padding: 0; list-style: none; scroll-snap-align: start; }
	html body a.iseark-scores__item {
		display: flex; flex-direction: column; gap: 4px; height: 100%; min-height: 76px; padding: 10px 12px; box-sizing: border-box;
		border: 1px solid #cfd8d3; border-left: 4px solid #0b3d2e; border-radius: 10px; background: #fffef9;
		color: #14231c !important; text-decoration: none !important;
	}
	html body a.iseark-scores__item:focus-visible { outline: 3px solid #f5c542; outline-offset: 2px; }
	.iseark-scores__meta { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: #3c4a44; text-transform: uppercase; letter-spacing: 0.04em; }
	.iseark-scores__score { margin-left: auto; padding: 1px 8px; border-radius: 4px; background: #0b3d2e; color: #fff; font-size: 15px; font-weight: 800; letter-spacing: 0; font-variant-numeric: tabular-nums; }
	.iseark-scores__headline { font-size: 15px; font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
}

/* tablets and up never see the hidden-header state */
@media (min-width: 768px) {
	html body #iseark-chrome.is-hidden-up { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
	html body #iseark-chrome { transition: none; }
}