/*
Theme Name: indrani
Template: twentytwentyfive
Description: Warm family-journal look for indrani.net on top of Twenty Twenty-Five: Literata serif, cream paper, story cards, a by-line with the audience under every title. Added 2026-10-26.
Version: 1.0
Text Domain: indrani
*/

/* Header and footer */
.indrani-header { border-bottom: 1px solid var(--wp--preset--color--accent-6); }
.indrani-header .wp-block-site-title a,
.indrani-footer .wp-block-site-title a { color: var(--wp--preset--color--contrast); text-decoration: none; }
.indrani-header .wp-block-site-tagline { margin: 0; }
.indrani-header .wp-block-navigation a { text-decoration: none; }
.indrani-header .wp-block-navigation a:hover { color: var(--wp--preset--color--accent-1); }
.indrani-header .wp-block-navigation__submenu-container { border-radius: 8px; padding: .4rem 0; box-shadow: 0 6px 24px rgba(43, 38, 32, .12); }
.wp-block-loginout a { font-size: .9rem; padding: .3em .9em; border: 1px solid var(--wp--preset--color--accent-6); border-radius: 999px; text-decoration: none; color: var(--wp--preset--color--contrast); white-space: nowrap; }
.wp-block-loginout a:hover { border-color: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--accent-1); }
.indrani-footer { border-top: 1px solid var(--wp--preset--color--accent-6); color: var(--wp--preset--color--accent-4); font-size: var(--wp--preset--font-size--small); }
.indrani-footer a { color: var(--wp--preset--color--accent-4); }
.indrani-footer a:hover { color: var(--wp--preset--color--accent-1); }
.indrani-footer-links { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; list-style: none; margin: 0; padding: 0; }

/* Home intro */
.indrani-intro { background: var(--wp--preset--color--accent-5); border: 1px solid var(--wp--preset--color--accent-6); border-radius: 14px; padding: clamp(1.25rem, 4vw, 2.25rem); }
.indrani-intro > * { max-width: none; }
.indrani-intro-lead { font-size: var(--wp--preset--font-size--large); line-height: 1.5; margin-top: 0; }
.indrani-wedding { margin-bottom: 0; color: var(--wp--preset--color--accent-4); font-style: italic; }
.indrani-wedding a { font-style: normal; font-weight: 600; }
.indrani-section-label { font-size: var(--wp--preset--font-size--small); text-transform: uppercase; letter-spacing: .12em; color: var(--wp--preset--color--accent-4); font-weight: 600; }

/* By-line under every title */
.indrani-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .55rem; margin-top: .6rem; font-size: var(--wp--preset--font-size--small); line-height: 1.5; color: var(--wp--preset--color--accent-4); }
.indrani-meta a { color: inherit; text-decoration: none; }
.indrani-meta a:hover { color: var(--wp--preset--color--accent-1); text-decoration: underline; }
.indrani-meta .indrani-author { color: var(--wp--preset--color--contrast); font-weight: 600; }
.indrani-meta .sep { opacity: .5; }
.indrani-badge { display: inline-block; padding: .1em .65em; border-radius: 999px; border: 1px solid currentColor; font-size: .8rem; font-weight: 600; letter-spacing: .02em; line-height: 1.5; }
.indrani-badge.is-public { color: #4F6B3A; }
.indrani-badge.is-fam { color: #FFFDF9; background: #9C4221; border-color: #9C4221; }
.indrani-badge.is-extended-fam { color: #8A3A1D; background: #F6E1D3; border-color: #E5C2AD; }
.indrani-badge.is-friends { color: #66491A; background: #F3E8CF; border-color: #E2D1A8; }
.indrani-badge.is-private, .indrani-badge.is-restricted { color: #FFFDF9; background: #2B2620; border-color: #2B2620; }

/* Story cards */
.indrani-card { padding: 2rem 0; border-bottom: 1px solid var(--wp--preset--color--accent-6); }
.indrani-card:has(.indrani-thumb) { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr); gap: 1.75rem; align-items: start; }
.indrani-card > .indrani-card-body { margin-top: 0; }
.indrani-thumb { margin: 0; }
.indrani-thumb img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; background: var(--wp--preset--color--accent-2); }
.indrani-card .wp-block-post-title { margin: 0; font-size: clamp(1.35rem, 1.1rem + 1vw, 1.7rem); line-height: 1.25; }
.indrani-card .wp-block-post-title a { color: var(--wp--preset--color--contrast); text-decoration: none; }
.indrani-card .wp-block-post-title a:hover { color: var(--wp--preset--color--accent-3); }
.indrani-card .wp-block-post-excerpt { margin-top: .8rem; }
.indrani-card .wp-block-post-excerpt__excerpt { margin: 0; }
.wp-block-post-excerpt__more-text { margin-top: .5rem; }
.wp-block-post-excerpt__more-link { font-weight: 600; }
@media (max-width: 640px) {
	.indrani-card:has(.indrani-thumb) { grid-template-columns: 1fr; gap: 1rem; }
}

/* Single story */
.indrani-single .wp-block-post-title { margin-bottom: 0; }
.indrani-single .indrani-meta { margin-bottom: 2.5rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--wp--preset--color--accent-6); }
.wp-block-post-content img { max-width: 100%; height: auto; border-radius: 4px; }
.wp-block-post-content iframe { max-width: 100%; }
.wp-block-post-content blockquote { border-left: 3px solid var(--wp--preset--color--accent-1); margin-left: 0; padding-left: 1.25rem; font-style: italic; }

/* Browse page */
.indrani-chips { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 0; padding: 0; }
.indrani-chips a { display: inline-block; padding: .35em .95em; border-radius: 999px; background: var(--wp--preset--color--accent-2); color: var(--wp--preset--color--contrast); text-decoration: none; font-size: .95rem; }
.indrani-chips a:hover { background: var(--wp--preset--color--accent-3); color: var(--wp--preset--color--base); }
.indrani-chips .count, .indrani-years .count, .indrani-writers .count { margin-left: .35em; font-size: .8em; opacity: .7; }
.indrani-years { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 1rem; }
.indrani-year { background: var(--wp--preset--color--accent-5); border: 1px solid var(--wp--preset--color--accent-6); border-radius: 10px; padding: 1rem 1.2rem; }
.indrani-year h3 { margin: 0 0 .5rem; font-size: var(--wp--preset--font-size--large); }
.indrani-year h3 a { color: var(--wp--preset--color--contrast); text-decoration: none; }
.indrani-months { display: flex; flex-wrap: wrap; gap: .3rem .9rem; list-style: none; margin: 0; padding: 0; font-size: .95rem; }
.indrani-months a { text-decoration: none; }
.indrani-writers { display: flex; flex-wrap: wrap; gap: .75rem; list-style: none; margin: 0; padding: 0; }
.indrani-writers a { display: inline-block; padding: .5em 1.1em; border: 1px solid var(--wp--preset--color--accent-6); border-radius: 10px; background: var(--wp--preset--color--accent-5); color: var(--wp--preset--color--contrast); text-decoration: none; font-weight: 600; }
.indrani-writers a:hover { border-color: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--accent-3); }

/* Pagination */
.wp-block-query-pagination { font-size: var(--wp--preset--font-size--small); }
.wp-block-query-pagination a { text-decoration: none; }

/* Header search: a small round icon button that opens the field */
.indrani-header .wp-block-search__button { padding: .45em; min-width: 0; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: transparent; color: var(--wp--preset--color--contrast); border: 1px solid var(--wp--preset--color--accent-6); }
.indrani-header .wp-block-search__button:hover { border-color: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--accent-1); }
.indrani-header .wp-block-search__button svg { width: 1.2rem; height: 1.2rem; min-width: 0; min-height: 0; fill: currentColor; }
.indrani-header .wp-block-search__input { border-radius: 999px; padding: .4em .9em; font-size: .95rem; }

/* Intro box spacing */
.indrani-intro .indrani-chips { margin-top: 1.1rem; }
.indrani-intro .indrani-wedding { margin-top: 1.4rem; margin-bottom: 0; }

/* Browse page section headings */
.wp-block-heading#topics, .wp-block-heading#years, .wp-block-heading#writers { margin-top: var(--wp--preset--spacing--60); margin-bottom: var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--x-large); }