/**
 * All Premium Resources — showcase page.
 * Trust-first, premium, navy + gold identity — deliberately more
 * "storefront confident" than the individual product landing pages,
 * since its whole job is to make every product look credible at a
 * glance and let the visitor choose. Loaded only on page-all-products.php.
 *
 * @package MyTeacher_Child
 */

.mtap-page{ overflow-x:hidden; }
.mtap-wrap{ max-width:1120px; margin:0 auto; padding:0 20px; }
.mtap-page h1,.mtap-page h2,.mtap-page h3,.mtap-page h4{ font-family:var(--mt-display); font-weight:800; letter-spacing:-.02em; }

/* ---------------- HERO ---------------- */
.mtap-hero{
	background:linear-gradient(150deg,#152A34 0%, var(--mt-navy) 55%, #2E4A5A 100%);
	color:#fff; padding:64px 0 56px; text-align:center; position:relative; overflow:hidden;
}
.mtap-hero::before{
	content:""; position:absolute; inset:0;
	background-image:radial-gradient(circle, rgba(255,255,255,.06) 1.4px, transparent 1.4px);
	background-size:26px 26px; opacity:.6; pointer-events:none;
}
.mtap-eyebrow{
	position:relative; display:inline-flex; align-items:center; gap:8px; background:rgba(224,169,63,.15);
	border:1px solid rgba(224,169,63,.4); padding:8px 18px; border-radius:999px;
	font-family:var(--mt-display); font-weight:700; font-size:.78rem; letter-spacing:.03em;
	text-transform:uppercase; color:var(--mt-gold); margin-bottom:22px;
}
.mtap-hero h1{ position:relative; color:#fff; font-size:clamp(2rem,4.4vw,3.2rem); line-height:1.14; margin:0 0 18px; }
.mtap-hero h1 em{
	font-style:normal; background:linear-gradient(90deg,#FFE9B8,#FFFFFF 65%);
	-webkit-background-clip:text; background-clip:text; color:transparent;
}
.mtap-lead{ position:relative; color:rgba(255,255,255,.85); font-size:1.05rem; max-width:56ch; margin:0 auto; line-height:1.7; }

/* ---------------- PRODUCTS GRID ---------------- */
.mtap-section{ padding:60px 0; background:var(--mt-cream); }
.mtap-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:26px; }
.mtap-card{
	position:relative; display:block; background:#fff; border-radius:22px; padding:30px 28px 26px;
	box-shadow:0 14px 34px rgba(33,58,71,.10); border:1px solid rgba(33,58,71,.06);
	text-decoration:none; color:inherit; transition:transform .2s ease, box-shadow .2s ease;
}
a.mtap-card{ cursor:pointer; }
a.mtap-card:hover{ transform:translateY(-6px); box-shadow:0 22px 46px rgba(33,58,71,.16); }
.mtap-card:not(.is-linked){ opacity:.6; }
.mtap-badge{
	position:absolute; top:20px; right:20px; font-family:var(--mt-display); font-weight:700; font-size:.7rem;
	text-transform:uppercase; letter-spacing:.03em; color:var(--mt-green-deep); background:var(--mt-green-tint);
	padding:5px 12px; border-radius:999px;
}
.mtap-icon{
	width:56px; height:56px; border-radius:16px; display:flex; align-items:center; justify-content:center;
	font-size:1.7rem; background:linear-gradient(135deg,var(--mt-gold-tint),var(--mt-cream)); margin-bottom:16px;
	border:1px solid var(--mt-line);
}
.mtap-card h3{ font-size:1.18rem; color:var(--mt-navy); margin:0 0 10px; }
.mtap-card p{ font-size:.92rem; color:var(--mt-ink-soft); line-height:1.6; margin:0 0 20px; }
.mtap-card-footer{
	display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:16px;
	border-top:1px solid var(--mt-line);
}
.mtap-price{ font-family:var(--mt-display); font-weight:800; color:var(--mt-navy); font-size:.98rem; }
.mtap-go{ font-family:var(--mt-display); font-weight:800; font-size:.85rem; color:var(--mt-gold-deep); }

@media (max-width:780px){ .mtap-grid{ grid-template-columns:1fr; } }

/* ---------------- TRUST STRIP ---------------- */
.mtap-trust{ padding:54px 0; }
.mtap-trust-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; text-align:center; }
.mtap-trust-grid span{ font-size:1.8rem; display:block; margin-bottom:12px; }
.mtap-trust-grid h4{ font-size:1.02rem; color:var(--mt-navy); margin:0 0 8px; }
.mtap-trust-grid p{ font-size:.88rem; color:var(--mt-ink-soft); margin:0; line-height:1.6; }

@media (max-width:780px){ .mtap-trust-grid{ grid-template-columns:1fr; } }