/* country.css — Styles for permanent country archive pages (/japan, /italy, /korea, /france, /global).
   Extends daily.css tokens. Mobile-first. */

/* ── NAV COUNTRY VARIANT ─────────────────────────────── */
.country-nav-links a { font-size:0.85rem; }

/* ── COUNTRY HEADER ──────────────────────────────────── */
.country-header { padding:4rem 1.5rem 3.5rem; border-bottom:1px solid var(--border); position:relative; overflow:hidden; }
.country-header::before { content:''; position:absolute; inset:0; pointer-events:none; opacity:0.09; }
.country-header-japan::before  { background:radial-gradient(ellipse at 10% 60%,rgba(60,80,180,1) 0%,transparent 65%); }
.country-header-italy::before  { background:radial-gradient(ellipse at 10% 60%,rgba(180,130,40,1) 0%,transparent 65%); }
.country-header-korea::before  { background:radial-gradient(ellipse at 10% 60%,rgba(40,80,160,1) 0%,transparent 65%); }
.country-header-france::before { background:radial-gradient(ellipse at 10% 60%,rgba(200,170,120,1) 0%,transparent 65%); }
.country-header-global::before { background:radial-gradient(ellipse at 10% 60%,rgba(184,92,56,1) 0%,transparent 65%); }
.country-header-inner { position:relative; max-width:900px; margin:0 auto; }
.country-header-top { display:flex; align-items:center; gap:1.25rem; margin-bottom:1rem; }
.country-flag-large { font-size:2.5rem; line-height:1; }
.country-page-title { font-family:var(--font-display); font-weight:900; font-size:clamp(3rem,10vw,7rem); line-height:0.95; letter-spacing:-0.03em; color:var(--warm-cream); margin-bottom:2rem; }
.country-thesis-block { font-size:1rem; font-weight:300; color:var(--cream-mid); line-height:1.75; max-width:680px; border-left:2px solid var(--rust); padding-left:1.25rem; }

/* ── SHARED SECTION LAYOUT ───────────────────────────── */
.country-section-inner { max-width:900px; margin:0 auto; }
.country-hero-drop,
.country-references,
.country-archive,
.country-atlas { padding:3rem 1.5rem; border-bottom:1px solid var(--border); }
.section-label-row { margin-bottom:2rem; }
.country-section-title { font-family:var(--font-display); font-weight:700; font-size:1.5rem; margin-top:0.35rem; margin-bottom:0.5rem; }
.country-section-sub { font-size:0.85rem; color:var(--text-muted); }

/* ── HERO DROP CARD ──────────────────────────────────── */
.country-hero-card { display:grid; grid-template-columns:1fr; gap:2rem; border:1px solid var(--border); background:var(--charcoal); overflow:hidden; }
@media (min-width:640px) { .country-hero-card { grid-template-columns:minmax(0,280px) 1fr; } }
.country-hero-card-image { overflow:hidden; }
.country-hero-img { width:100%; height:100%; min-height:220px; object-fit:cover; display:block; }
.country-hero-card-body { padding:2rem 2rem 2rem 0; display:flex; flex-direction:column; gap:1rem; }
@media (max-width:639px) { .country-hero-card-body { padding:1.5rem; } }
.country-hero-title { font-family:var(--font-display); font-weight:900; font-size:clamp(1.5rem,5vw,2.2rem); line-height:1.1; letter-spacing:-0.01em; }
.country-hero-desc { font-size:0.9rem; color:var(--text-muted); line-height:1.65; }
.country-hero-caption { background:rgba(245,237,224,0.04); border:1px solid var(--border); padding:1rem 1.25rem; margin-top:0.25rem; }
.country-hero-meta { display:flex; gap:1rem; align-items:center; margin-top:auto; padding-top:1rem; border-top:1px solid var(--border); }
.country-hero-week { font-size:0.65rem; letter-spacing:0.15em; text-transform:uppercase; color:var(--rust); }
.country-hero-platform { font-size:0.65rem; letter-spacing:0.15em; text-transform:uppercase; color:var(--text-muted); }

/* ── REFERENCES GRID ─────────────────────────────────── */
.references-grid { display:flex; flex-wrap:wrap; gap:0.75rem; }
.reference-chip { display:flex; flex-direction:column; gap:0.15rem; padding:0.75rem 1rem; border:1px solid var(--border); background:var(--charcoal); min-width:140px; transition:border-color 0.2s; }
.reference-chip:hover { border-color:var(--rust); }
.reference-name { font-family:var(--font-display); font-weight:700; font-size:0.85rem; color:var(--warm-cream); }
.reference-type { font-size:0.6rem; letter-spacing:0.15em; text-transform:uppercase; color:var(--rust); }

/* ── ARCHIVE LIST ────────────────────────────────────── */
.country-archive-list { display:flex; flex-direction:column; gap:1px; background:var(--border); }
.country-archive-item { background:var(--obsidian); display:grid; grid-template-columns:60px 1fr auto; align-items:start; gap:1.25rem; padding:1.5rem 1.25rem; transition:background 0.2s; position:relative; }
.country-archive-item::before { content:''; position:absolute; top:0; left:0; bottom:0; width:2px; opacity:0.6; }
.country-archive-item-japan::before  { background:rgba(60,80,180,0.8); }
.country-archive-item-italy::before  { background:rgba(180,130,40,0.8); }
.country-archive-item-korea::before  { background:rgba(40,80,160,0.8); }
.country-archive-item-france::before { background:rgba(200,170,120,0.8); }
.country-archive-item-global::before { background:var(--rust); }
.country-archive-item:hover { background:var(--charcoal); }
.archive-item-week { font-size:0.65rem; letter-spacing:0.15em; text-transform:uppercase; color:var(--rust); padding-top:0.2rem; white-space:nowrap; }
.archive-item-title { font-family:var(--font-display); font-weight:700; font-size:1rem; line-height:1.25; color:var(--warm-cream); margin-bottom:0.35rem; }
.archive-item-desc { font-size:0.8rem; color:var(--text-muted); line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.archive-item-meta { display:flex; flex-direction:column; gap:0.25rem; align-items:flex-end; text-align:right; padding-top:0.2rem; }
.archive-item-day,.archive-item-platform { font-size:0.6rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--text-muted); white-space:nowrap; }
.country-archive-empty { padding:3rem 0; text-align:center; color:var(--text-muted); font-size:0.9rem; }

/* ── ATLAS (OTHER COUNTRIES) ─────────────────────────── */
.atlas-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--border); }
@media (min-width:640px) { .atlas-grid { grid-template-columns:repeat(4,1fr); } }
.atlas-card { background:var(--obsidian); padding:1.5rem 1.25rem; text-decoration:none; color:var(--warm-cream); display:flex; flex-direction:column; gap:0.35rem; transition:background 0.2s; }
.atlas-card:hover { background:var(--charcoal); }
.atlas-card-flag { font-size:1.75rem; line-height:1; margin-bottom:0.25rem; }
.atlas-card-name { font-family:var(--font-display); font-weight:700; font-size:0.95rem; }
.atlas-card-day { font-size:0.6rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--text-muted); }

/* ── FOOTER COUNTRY LINKS ────────────────────────────── */
.daily-footer-inner { flex-wrap:wrap; gap:1rem; }
.footer-country-links { display:flex; gap:1.5rem; flex-wrap:wrap; }
.footer-country-links a { font-size:0.7rem; font-weight:500; letter-spacing:0.08em; text-transform:uppercase; color:var(--text-muted); text-decoration:none; transition:color 0.2s; }
.footer-country-links a:hover { color:var(--warm-cream); }

/* ── NEWSLETTER (inherits theme.css tokens) ──────────── */
/* newsletter-cta block styles live in theme.css */