/*
Theme Name: ACF Child
Theme URI: https://annabellecatherinefisher.co.uk
Description: Child theme for annabellecatherinefisher.co.uk — a private family memory archive and time capsule for Annabelle Catherine Fisher. Built on Twenty Twenty-Five.
Author: Sean Fisher
Author URI: https://menhancements.co.uk
Template: twentytwentyfive
Version: 0.1.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: acf-child
*/

.acf-countdown { gap: 12px; }
.acf-countdown__cell { background:#fff; border:1px solid rgba(31,27,22,.08); border-radius:10px; padding:10px 14px; min-width:64px; display:flex; flex-direction:column; gap:6px; }
.acf-countdown__num { font-family: Fraunces, Georgia, serif; font-size: 22px; line-height: 1; color: var(--wp--preset--color--ink); }
.acf-countdown__lbl { font-family: Inter, system-ui, sans-serif; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--sage); }

.hero { padding: 64px 24px; background: var(--wp--preset--color--cream); }
.hero .eyebrow { font-family: Inter, system-ui, sans-serif; font-weight: 600; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--sage); margin: 0 0 14px; }
.hero .display { font-family: Fraunces, Georgia, serif; font-weight: 400; font-size: 44px; line-height: 1.05; color: var(--wp--preset--color--ink); letter-spacing: -.01em; margin: 0 0 14px; }
.hero .display em { font-style: italic; font-weight: 300; color: var(--wp--preset--color--terracotta); }
.hero .lede { font-family: Inter, system-ui, sans-serif; font-size: 16px; line-height: 1.55; color: var(--wp--preset--color--ink); max-width: 62ch; margin: 0 0 20px; }
.hero .hero-meta { font-family: Inter, system-ui, sans-serif; font-size: 12px; color: #6b6157; display: flex; gap: 18px; margin: 0 0 22px; }
.hero .hero-meta strong { color: var(--wp--preset--color--ink); font-weight: 600; }

.about { padding: 64px 24px; }
.about-intro { margin-bottom: 56px; }
.about-world { margin-bottom: 56px; }
.about-world h2 { font-family: Fraunces, Georgia, serif; font-weight: 400; font-size: 28px; color: var(--wp--preset--color--ink); margin: 0 0 24px; }
.about-world__label { font-family: Inter, system-ui, sans-serif; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--sage); margin: 0 0 6px; }
.about-world__value { font-family: Fraunces, Georgia, serif; font-size: 18px; color: var(--wp--preset--color--ink); margin: 0; }
.about-carousel h2 { font-family: Fraunces, Georgia, serif; font-weight: 400; font-size: 28px; color: var(--wp--preset--color--ink); margin: 0 0 24px; }
.about-carousel__note { font-family: Inter, system-ui, sans-serif; font-size: 13px; color: #6b6157; font-style: italic; margin-top: 12px; }

.milestones-page { padding: 64px 24px; max-width: 720px; margin: 0 auto; }
.milestones-page > h1 { font-family: Fraunces, Georgia, serif; font-weight: 400; font-size: 36px; color: var(--wp--preset--color--ink); margin: 0 0 32px; }
.milestones-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 32px; }
.milestone { border-left: 2px solid var(--wp--preset--color--sage); padding-left: 20px; }
.milestone__type { font-family: Inter, system-ui, sans-serif; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--sage); margin: 0 0 6px; }
.milestone__title { font-family: Fraunces, Georgia, serif; font-weight: 500; font-size: 22px; color: var(--wp--preset--color--ink); margin: 0 0 4px; }
.milestone__date { font-family: Inter, system-ui, sans-serif; font-size: 13px; color: #6b6157; margin: 0 0 12px; }
.milestone__body { font-family: Inter, system-ui, sans-serif; font-size: 15px; line-height: 1.55; color: var(--wp--preset--color--ink); }
.milestone__linked { display: flex; gap: 8px; margin-top: 16px; flex-wrap: wrap; }
.milestone__linked-thumb { width: 72px; height: 72px; object-fit: cover; border-radius: 8px; }
.milestones-empty { font-family: Inter, system-ui, sans-serif; color: #6b6157; font-style: italic; }

.timecapsule-page { padding: 64px 24px; }
.timecapsule__heading { font-family: Fraunces, Georgia, serif; font-weight: 400; font-size: 24px; color: var(--wp--preset--color--ink); margin: 40px 0 16px; }
.timecapsule__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; }
.sealed-card { background: #fff; border: 1px solid rgba(31,27,22,.08); border-radius: 14px; padding: 24px 16px; text-align: center; }
.sealed-card__wax { width: 56px; height: 56px; display: block; margin: 0 auto 12px; }
.sealed-card__label { font-family: Inter, system-ui, sans-serif; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--sage); margin: 0 0 6px; }
.sealed-card__when { font-family: Fraunces, Georgia, serif; font-size: 18px; color: var(--wp--preset--color--ink); margin: 0 0 8px; }
.sealed-card__age { font-family: Inter, system-ui, sans-serif; font-size: 12px; color: #6b6157; font-style: italic; margin: 0; }
.unsealed-card { background: var(--wp--preset--color--cream); border: 1px solid rgba(31,27,22,.08); border-radius: 14px; padding: 20px; }
.unsealed-card__label { font-family: Inter, system-ui, sans-serif; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--sage); margin: 0 0 8px; }
.unsealed-card__title { font-family: Fraunces, Georgia, serif; font-weight: 500; font-size: 22px; color: var(--wp--preset--color--ink); margin: 0 0 12px; }
.timecapsule-empty { font-family: Inter, system-ui, sans-serif; font-style: italic; color: #6b6157; }

.guestbook-page { padding: 64px 24px; }
.guestbook-form { display: flex; flex-direction: column; gap: 14px; background: #fff; border: 1px solid rgba(31,27,22,.08); border-radius: 14px; padding: 24px; margin: 24px 0 40px; }
.guestbook-form__label { font-family: Inter, system-ui, sans-serif; font-size: 13px; color: var(--wp--preset--color--ink); display: flex; flex-direction: column; gap: 6px; }
.guestbook-form__hint { font-weight: 400; color: #6b6157; font-size: 11px; }
.guestbook-form__input { font-family: Inter, system-ui, sans-serif; font-size: 15px; padding: 10px 12px; border: 1px solid rgba(31,27,22,.15); border-radius: 8px; background: var(--wp--preset--color--cream); color: var(--wp--preset--color--ink); }
.guestbook-form__submit { align-self: flex-start; font-family: Inter, system-ui, sans-serif; font-weight: 600; font-size: 14px; padding: 10px 18px; background: var(--wp--preset--color--terracotta); color: #fff; border: 0; border-radius: 999px; cursor: pointer; }
.guestbook-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px; }
.guestbook-entry { background: var(--wp--preset--color--cream); border: 1px solid rgba(31,27,22,.08); border-radius: 14px; padding: 18px; }
.guestbook-entry__head { font-family: Inter, system-ui, sans-serif; font-size: 13px; color: var(--wp--preset--color--ink); margin-bottom: 8px; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.guestbook-entry__rel { color: #6b6157; }
.guestbook-entry__when { color: var(--wp--preset--color--sage); margin-left: auto; font-size: 12px; letter-spacing: .04em; }
.guestbook-entry__body { font-family: Inter, system-ui, sans-serif; font-size: 15px; line-height: 1.55; color: var(--wp--preset--color--ink); }
.guestbook-empty, .guestbook-signin { font-family: Inter, system-ui, sans-serif; font-style: italic; color: #6b6157; }
.family-page { padding: 64px 24px; }
.family-page__h2 { font-family: Fraunces, Georgia, serif; font-weight: 400; font-size: 22px; color: var(--wp--preset--color--ink); margin: 40px 0 16px; }
.family-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.family-card { background: #fff; border: 1px solid rgba(31,27,22,.08); border-radius: 14px; padding: 16px; display: flex; align-items: center; gap: 12px; }
.family-card__avatar { border-radius: 50%; width: 56px; height: 56px; }
.family-card__name { font-family: Fraunces, Georgia, serif; font-size: 16px; color: var(--wp--preset--color--ink); margin: 0 0 4px; }
.family-card__stats { font-family: Inter, system-ui, sans-serif; font-size: 12px; color: var(--wp--preset--color--sage); margin: 0; }
.family-card__last { font-family: Inter, system-ui, sans-serif; font-size: 11px; color: #6b6157; font-style: italic; margin: 4px 0 0; }
.family-activity { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.family-activity__item { display: flex; gap: 12px; align-items: center; background: var(--wp--preset--color--cream); border: 1px solid rgba(31,27,22,.08); border-radius: 12px; padding: 12px; }
.family-activity__avatar img { border-radius: 50%; }
.family-activity__body p { font-family: Inter, system-ui, sans-serif; font-size: 14px; color: var(--wp--preset--color--ink); margin: 0; }
.family-activity__when { color: var(--wp--preset--color--sage); font-size: 11px; }
.family-empty { font-family: Inter, system-ui, sans-serif; font-style: italic; color: #6b6157; }
