/*
Theme Name: Dinesh AI Academy Juniors
Theme URI: https://juniors.dineshaiacademy.com/
Author: Dinesh AI Academy
Description: Sister theme to the Dinesh AI Academy theme for the Juniors vertical (ages 6–17). Same Space Grotesk headings, pill buttons and section grammar as the main academy, on a warm, eye-friendly light canvas with violet / sky / coral / sun accents and an optional night mode. The design system lives in assets/css/style.css; this file only holds WordPress-specific adjustments. No ad or tracking pixels by design (DPDP Act — children's data).
Version: 1.4.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: dineshaiacademy-juniors
*/

/* Keep the sticky navbar below the WordPress admin bar when logged in. */
.admin-bar .navbar { top: 32px; }
@media (max-width: 782px) { .admin-bar .navbar { top: 46px; } }

/* WordPress core alignment / accessibility helpers. */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.alignleft { float: left; margin: 0 24px 16px 0; }
.alignright { float: right; margin: 0 0 16px 24px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-block-image img { border-radius: var(--radius-md, 20px); }

/* Pages written in the block editor (not raw HTML sections) get the prose layout. */
.daj-prose a { color: var(--violet); }

/* Blog listing */
.daj-post-list { display: grid; gap: 20px; }
.daj-post-card { padding: 28px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md, 20px); box-shadow: var(--shadow-sm); }
.daj-post-card h2 { font-size: 22px; margin-bottom: 8px; }
.daj-post-meta { font-size: 14px; color: var(--ink-faint); margin-bottom: 12px; }
.daj-post-card p { color: var(--ink-muted); margin-bottom: 16px; }
.daj-pagination { margin-top: 32px; display: flex; gap: 8px; }
.daj-pagination .page-numbers { padding: 8px 14px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink-muted); }
.daj-pagination .current { background: var(--violet); color: #fff; border-color: var(--violet); }