/* ==========================================
   University Recommendation Academy — Theme
   Design: Fraunces + Libre Franklin
   Palette: Ink #15233a, Paper #f9f8f4, Brass #a9781f
   ========================================== */

/* ---- CSS Variables ---- */
:root {
    --ink: #15233a;
    --ink-soft: #2a3a54;
    --paper: #f9f8f4;
    --surface: #ffffff;
    --mist: #eef1f6;
    --brass: #a9781f;
    --brass-soft: #d9b877;
    --slate: #5b6573;
    --line: #e5e3dc;
    --display: 'Fraunces', Georgia, serif;
    --body-font: 'Libre Franklin', system-ui, -apple-system, sans-serif;
    --wrap: 1140px;
}

/* ---- Reset & Base ---- */
body {
    font-family: var(--body-font);
    background: var(--paper);
    color: var(--ink);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
a:hover { color: var(--brass); }

/* ---- Astra Overrides ---- */
.ast-separate-container { background-color: var(--paper) !important; }
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
    background-color: var(--surface);
    border: 1px solid var(--line);
    border-radius: 14px;
}

/* ---- Typography ---- */
h1, h2, h3, h4, h5, h6,
.entry-content h1, .entry-content h2, .entry-content h3,
.site-title, .site-title a {
    font-family: var(--display) !important;
    font-weight: 600;
    color: var(--ink);
    letter-spacing: -0.015em;
}
h1, .entry-content h1 { font-size: clamp(2.2rem, 5vw, 3.8rem); line-height: 1.04; }
h2, .entry-content h2 { font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.1; }
h3, .entry-content h3 { font-size: 1.16rem; line-height: 1.25; }
p, li { font-family: var(--body-font); }

/* ---- Header ---- */
.ast-header-break-point .main-header-bar, .ast-desktop .main-header-bar {
    background: rgba(249, 248, 244, 0.86) !important;
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--line) !important;
}
.ast-main-header-wrap { position: sticky; top: 0; z-index: 50; }

/* ---- Site Title ---- */
.site-title, .site-title a {
    font-family: var(--display) !important;
    font-weight: 600 !important; font-size: 1.12rem !important;
    letter-spacing: -0.01em; color: var(--ink) !important;
}

/* ---- Navigation ---- */
.main-header-menu .menu-link {
    font-family: var(--body-font); font-size: 0.92rem; font-weight: 500;
    color: var(--ink-soft) !important; transition: color 0.2s;
}
.main-header-menu .menu-link:hover,
.main-header-menu .current-menu-item .menu-link { color: var(--brass) !important; }

/* ---- Buttons ---- */
.ast-button, button, .wp-block-button__link, input[type="submit"] {
    font-family: var(--body-font) !important; font-weight: 600 !important;
    font-size: 0.92rem !important; padding: 11px 20px !important;
    border-radius: 8px !important; background: var(--ink) !important;
    color: var(--paper) !important; border: 1.5px solid var(--ink) !important;
    transition: transform 0.15s ease, background 0.2s, box-shadow 0.2s;
    line-height: 1.4 !important;
}
.ast-button:hover, button:hover, .wp-block-button__link:hover {
    background: var(--ink-soft) !important; transform: translateY(-2px);
    box-shadow: 0 8px 22px -12px rgba(21, 35, 58, 0.6);
    border-color: var(--ink-soft) !important;
}

/* ---- Eyebrow ---- */
.eyebrow {
    font-size: 0.74rem; font-weight: 600; letter-spacing: 0.18em;
    text-transform: uppercase; color: var(--brass); font-family: var(--body-font);
}

/* ---- Cards / Pathways ---- */
.paths { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.path {
    background: var(--surface); border: 1px solid var(--line);
    border-radius: 14px; padding: 28px 24px 26px;
    transition: transform 0.2s ease, box-shadow 0.2s, border-color 0.2s;
}
.path:hover { transform: translateY(-5px); box-shadow: 0 20px 40px -26px rgba(21,35,58,.4); border-color: var(--brass-soft); }
.path h3 { font-family: var(--display); font-weight: 600; font-size: 1.18rem; margin-bottom: 8px; }

/* ---- Guides ---- */
.guides-sec { background: var(--mist); }
.guides { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.guide {
    background: var(--surface); border: 1px solid var(--line);
    border-radius: 14px; overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s;
}
.guide:hover { transform: translateY(-5px); box-shadow: 0 22px 44px -26px rgba(21,35,58,.4); }
.guide-top { height: 122px; background: var(--ink); display: flex; align-items: flex-end; padding: 20px; }
.guide-top span { color: var(--paper); font-family: var(--display); font-size: 2.6rem; font-weight: 500; opacity: .9; }
.guide-body { padding: 22px 22px 24px; }

/* ---- Trust ---- */
.trust-sec { background: var(--ink); color: var(--paper); }
.trust-sec h2 { color: var(--paper); }
.trust-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 36px; margin-top: 8px; }
.trust-item { border-top: 2px solid var(--brass); padding-top: 18px; }
.trust-item h3 { font-family: var(--display); font-weight: 600; font-size: 1.2rem; margin-bottom: 8px; }
.trust-item p { color: #b9c2d0; font-size: .92rem; }

/* ---- Footer ---- */
.site-footer { background: var(--ink) !important; color: #c4ccd8 !important; padding: 64px 0 30px !important; }
.site-footer a { color: #aab4c2 !important; }
.site-footer a:hover { color: var(--brass-soft) !important; }
.ast-footer-copyright { color: #8b97a8 !important; }

/* ---- Responsive ---- */
@media (max-width: 920px) {
    .paths { grid-template-columns: 1fr 1fr; }
    .guides { grid-template-columns: 1fr; }
    .trust-grid { grid-template-columns: 1fr; gap: 26px; }
}
@media (max-width: 560px) {
    .paths { grid-template-columns: 1fr; }
}

/* ---- Misc ---- */
.ast-single-post .entry-header, .ast-archive-description { display: none; }
.site-header .site-description { display: none; }

/* Homepage cleanup */
.home .ast-container{max-width:100%;padding:0;}
.home .content-area{margin:0;}
.home #primary{margin:0;}
.home .entry-header,.home .entry-meta,.home .ast-single-post .entry-header{display:none !important;}