/* WordPress adaptations of the Ink & Saffron prototype.
   Block wrappers keep prototype classes (section, container, feature…), so the
   prototype CSS applies; this file only neutralises WP defaults and styles
   CMS-only components. */

/* Block markup neutralisers */
.entry .wp-block-group { box-sizing: border-box; }
.entry .wp-block-details summary { cursor: pointer; }

/* Hidden honeypot (contact form) */
.hp-field { position: absolute !important; inset-inline-start: -10000px; inline-size: 1px; block-size: 1px; overflow: hidden; }

/* Hero buttons spacing (was inline style in the prototype) */
.hero-ctas { margin-block-start: var(--s-6); }

/* Newsletter (honest, inactive state) */
.eyebrow--light { color: var(--saffron-300); }
.nl-title { margin-block-start: var(--s-4); }
.nl-form input[disabled], .nl-form button[disabled] { opacity: .65; cursor: not-allowed; }

/* Contact form status */
.form-msg:empty { display: none; }

/* Cards with real featured images */
.card__img { aspect-ratio: 16 / 10; overflow: hidden; border-radius: var(--r-md, 14px); background: var(--ink-900); margin: 0; }
.card__img img { inline-size: 100%; block-size: 100%; object-fit: cover; display: block; transition: transform var(--t-slow) var(--ease-out); }
.card:hover .card__img img { transform: scale(1.02); }

/* Founder portrait (core/image block with class "portrait") */
.portrait.wp-block-image { margin: 0; }
.portrait.wp-block-image img { inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 50% 30%; display: block; }

/* Page hero with a featured image instead of the SVG motif */
.page-hero__art--img { border-radius: var(--r-xl); overflow: hidden; background: var(--ink-900); }
.page-hero__art--img img { inline-size: 100%; block-size: 100%; object-fit: cover; display: block; }
.article-hero__img { inline-size: 100%; block-size: auto; border-radius: var(--r-lg, 20px); display: block; }

/* Language chooser */
.chooser__brand { justify-content: center; color: var(--paper-100); }
.chooser__brand .brand__tld { color: var(--saffron-300); }
.ur-inline { font-family: var(--font-urdu); }
.chooser__env { margin-block-start: var(--s-6); font: 500 var(--fs-xs)/1.5 var(--font-mono); opacity: .7; }

/* Search */
.search-all { border-block-start: 1px solid var(--line); font-weight: 600; }
.search-page-form { margin-block-start: var(--s-5); }
.search-page-form input[type="search"] { flex: 1 1 16rem; min-block-size: 2.75rem; padding: 0 1rem; border: 1px solid var(--line); border-radius: 999px; background: var(--bg); color: var(--text); font: inherit; }
.search-list a { text-decoration: none; }

/* Pagination */
.pagination { margin-block-start: var(--s-7); }
.pagination .page-numbers { padding: .4rem .8rem; border: 1px solid var(--line); border-radius: 999px; text-decoration: none; color: inherit; }
.pagination .current { background: var(--text); color: var(--bg); }

/* Social links (footer) */
.social-links ul { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; margin: var(--s-4) 0 0; list-style: none; }
.social-links a { display: inline-block; padding: .35rem .8rem; border: 1px solid var(--line); border-radius: 999px; font-size: var(--fs-sm); text-decoration: none; color: inherit; }
.social-links a:hover { border-color: var(--saffron-500); }

/* Share rail links */
.share-rail a.chip { text-decoration: none; }

/* YouTube click-to-load */
.yt-lite { position: relative; aspect-ratio: 16 / 9; border-radius: var(--r-lg, 20px); background: radial-gradient(circle at 30% 30%, var(--ink-700, #222), var(--ink-950, #0b0d12)); display: grid; place-items: center; overflow: hidden; color: var(--paper-100, #f4efe5); }
.yt-lite iframe { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; border: 0; }
.yt-lite__btn { inline-size: 4.5rem; block-size: 4.5rem; border-radius: 50%; border: 0; background: var(--saffron-500); color: var(--ink-950); font-size: 1.5rem; cursor: pointer; }
.yt-lite__btn:focus-visible { outline: 3px solid var(--paper-100); outline-offset: 3px; }
.yt-lite__note { position: absolute; inset-block-end: .75rem; inset-inline: 1rem; margin: 0; font-size: var(--fs-xs); opacity: .75; text-align: center; }

@media (prefers-reduced-motion: reduce) { .yt-lite__btn { transition: none; } }

/* Footer legal links + owner placeholders */
.footer-legal a { color: inherit; }
.owner-missing { font-style: italic; opacity: .75; }
.legal h2 { margin-block: var(--s-7) var(--s-3); font-size: var(--fs-xl); }
.legal p, .legal li { max-inline-size: 68ch; }
.legal ul { padding-inline-start: 1.2em; }