/* ==========================================================================
   AAHS Journal Archive - "Journals" listing page (hero + grid of covers)
   Edit this file directly to change colors, layout, grid columns, etc.
   ========================================================================== */

html { font-size: 16px !important; }

.ajp-wrap { max-width: 1280px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }

/* ---- Hero banner ---- */
.ajp-hero { background: #0c1722; background-size: cover; background-position: center; color: #faf6ec; padding: 70px 0; }
.ajp-hero h1 { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: clamp(2rem, 4.5vw, 3rem); margin: 0 0 14px; color: #faf6ec; }
.ajp-hero-sub { font-family: 'Source Sans 3', sans-serif; font-size: 1.05rem; max-width: 60ch; color: #e7e0d2; line-height: 1.6; margin: 0; }

/* ---- Prominent member sign-in banner ---- */
.ajp-signin-banner { background: #c9952b; padding: 16px 0; }
.ajp-signin-banner-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.ajp-signin-banner-txt { font-family: 'Source Sans 3', sans-serif; color: #0c1722; }
.ajp-signin-banner-txt strong { display: block; font-family: 'Oswald', sans-serif; font-size: 1.05rem; font-weight: 700; }
.ajp-signin-banner-txt span { font-size: .9rem; opacity: .85; }
.ajp-signin-banner-btn { font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; font-size: .85rem; background: #0c1722; color: #faf6ec !important; padding: 12px 26px; text-decoration: none !important; white-space: nowrap; }
.ajp-signin-banner-btn:hover { background: #16293a; }
.ajp-signin-banner-status { font-family: 'JetBrains Mono', monospace; font-size: .85rem; color: #0c1722; }

/* ---- Decade navigation tabs ---- */
.ajp-decade-nav { background: #e7e0d2; border-bottom: 1px solid #cdc4b2; padding: 14px 0; }
.ajp-decade-nav-row { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.ajp-decade-chip { font-family: 'JetBrains Mono', monospace; font-size: .82rem; font-weight: 600; padding: 9px 18px; background: #faf6ec; border: 1px solid #cdc4b2; color: #0c1722; text-decoration: none !important; }
.ajp-decade-chip:hover { border-color: #c9952b; color: #a6781b; }
.ajp-decade-chip.is-active { background: #0c1722; border-color: #0c1722; color: #faf6ec !important; }

/* ---- Intro text + grid ---- */
.ajp-archive-body { background: #f3efe6; padding: 50px 0 70px; }
.ajp-archive-intro { text-align: center; font-family: 'Source Sans 3', sans-serif; font-size: 1.1rem; max-width: 70ch; margin: 0 auto 8px; color: #0c1722; }
.ajp-archive-note { text-align: center; font-family: 'Source Sans 3', sans-serif; font-style: italic; color: #5a6873; margin: 0 0 40px; font-size:18px; }

/* Change "repeat(4, 1fr)" to control how many covers show per row. */
.ajp-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px 24px; }
.ajp-grid-item { text-decoration: none !important; color: #0c1722; display: block; }
.ajp-grid-cover { border: 1px solid #cdc4b2; box-shadow: 0 10px 24px rgba(12,23,34,.15); margin-bottom: 12px; overflow: hidden; background: #faf6ec; display: flex; align-items: center; justify-content: center; }

.ajp-grid-cover.is-landscape { aspect-ratio: 4/3; }
.ajp-grid-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ajp-grid-placeholder { color: #8a99a6; font-family: 'JetBrains Mono', monospace; font-size: .8rem; }
.ajp-grid-label { font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 1rem; }
.ajp-grid-item:hover .ajp-grid-label { color: #a6781b; }
.ajp-grid-sub { font-family: 'JetBrains Mono', monospace; font-size: .78rem; color: #5a6873; margin-top: 2px; }
.site-content .ast-container{
		 padding-left: 0px;
    padding-right: 0px;
	}
@media (min-width: 922px) {
    .site-content .ast-container {
        display: block !important;
max-width: 100% !important;

    }
   
}

/* ---- Responsive ---- */
@media (max-width: 900px) {
	.ajp-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
	.ajp-grid { grid-template-columns: 1fr 1fr; gap: 20px 14px; }
	.ajp-hero { padding: 44px 0; }
}