/*
 * MarkitUP School Holiday Program page (page-school-holidays.php).
 * Builds on markitup-pages.css + markitup-programs.css.
 */

/* Hero "next up" card */
.mup-next { display: grid; grid-template-columns: 150px 1fr; gap: 1.1rem; background: #fff; border-radius: var(--r-lg); padding: 1.1rem; box-shadow: var(--shadow-lg); border-top: 5px solid var(--red); max-width: 460px; width: 100%; margin-left: auto; }
.mup-next__cover { width: 100%; height: auto; border-radius: var(--r-md); box-shadow: var(--shadow-sm); align-self: start; }
.mup-next__tag { display: inline-block; background: var(--yellow); color: var(--ink); font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; padding: .2rem .65rem; border-radius: 50px; }
.mup-next h2 { font-size: 1.45rem; margin: .45rem 0 .6rem; }
.mup-next ul { display: grid; gap: .35rem; margin-bottom: .7rem; }
.mup-next li { display: flex; gap: .45rem; align-items: center; font-size: .85rem; font-weight: 600; }
.mup-next li .mup-ic { color: var(--red); width: 16px; height: 16px; }
.mup-next__fee { font-size: .85rem; color: var(--muted); margin-bottom: .8rem !important; }
.mup-next__fee strong { color: var(--ink); font-size: 1.05rem; }
.mup-next__fee span { color: var(--line); margin: 0 .2rem; }
.mup-next__flyer { display: inline-flex; align-items: center; gap: .35rem; margin-top: .6rem; font-size: .82rem; font-weight: 700; text-decoration: none; }
.mup-next__flyer:hover { text-decoration: underline; }

/* Terms */
.mup-terms-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.1rem; }
.mup-term { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; transition: transform .2s var(--ease), box-shadow .2s; }
.mup-term:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.mup-term.is-next { border: 2px solid var(--red); box-shadow: 0 10px 30px rgba(226, 26, 45, .18); }
.mup-term__cover { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--red-lt); }
.mup-term__cover img { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform .3s var(--ease); }
.mup-term__cover:hover img { transform: scale(1.04); }
.mup-term__badge { position: absolute; top: .7rem; left: .7rem; background: var(--yellow); color: var(--ink); font-size: .72rem; font-weight: 800; padding: .25rem .7rem; border-radius: 50px; box-shadow: var(--shadow-sm); }
.mup-term__body { padding: 1.1rem 1.15rem 1.25rem; display: flex; flex-direction: column; gap: .5rem; flex: 1; }
.mup-term__body h3 { font-size: 1.2rem; }
.mup-term__body ul { display: grid; gap: .2rem; font-size: .84rem; color: var(--muted); }
.mup-term__fee { font-size: .84rem; color: var(--muted); margin: .2rem 0 .4rem !important; }
.mup-term__fee strong { color: var(--ink); }
.mup-term__body .mup-btn { padding: .65rem 1rem; font-size: .86rem; }
.mup-term__body .mup-btn--outline-dark { margin-top: auto; }

/* Daily schedule */
.mup-day { display: grid; gap: .6rem; margin-top: 1.3rem; }
.mup-day li { display: grid; grid-template-columns: 150px 1fr; grid-template-rows: auto auto; column-gap: 1rem; padding: .9rem 1.1rem; border-radius: var(--r-md); background: #fff; border: 1px solid var(--line); border-left: 5px solid var(--red); box-shadow: var(--shadow-sm); }
.mup-day time { grid-row: span 2; align-self: center; font-weight: 700; font-size: .85rem; color: var(--red); }
.mup-day strong { font-size: 1rem; }
.mup-day span { font-size: .84rem; color: var(--muted); }
.mup-day .is-break { border-left-color: #c9ced6; }
.mup-day .is-break time { color: var(--muted); }
.mup-day .is-fun { border-left-color: var(--yellow); background: var(--yellow-lt); }
.mup-day .is-fun time { color: var(--yellow-dk); }

.mup-bring { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: clamp(1.4rem, 3vw, 2rem); box-shadow: var(--shadow-md); }
.mup-bring__fun { display: flex; flex-wrap: wrap; gap: .45rem; }
.mup-bring__fun span { padding: .45rem .85rem; border-radius: 50px; background: var(--yellow-lt); font-weight: 700; font-size: .88rem; }
.mup-bring__line { margin: 1rem 0 1.3rem !important; font-size: 1.05rem; }
.mup-bring__line strong { color: var(--red); }
.mup-bring h3 { display: flex; align-items: center; gap: .45rem; font-size: 1.02rem; margin: 1rem 0 .65rem; }
.mup-bring h3 .mup-ic { color: var(--red); }
.mup-bring__addr { color: var(--muted); font-size: .92rem; margin: 0 !important; }
.mup-bring__addr strong { color: var(--ink); }

/* Tailored list */
.mup-tailored { display: grid; gap: .7rem; margin: .4rem 0 .4rem; }
.mup-tailored li { padding: .8rem 1rem; border-radius: var(--r-md); background: var(--chalk); font-size: .9rem; color: var(--muted); }
.mup-tailored strong { display: block; color: var(--ink); margin-bottom: .15rem; }

.mup-holiday-call { display: inline-flex; align-items: center; gap: .5rem; padding: .7rem 1.1rem; border-radius: 50px; background: var(--red-lt); color: var(--ink) !important; font-weight: 600; }
.mup-holiday-call .mup-ic { color: var(--red); }
.mup-holiday-call a { font-weight: 800; text-decoration: none; }
.mup-pg--holidays .mup-form-card--compact { margin-left: auto; margin-right: 0; }
.mup-pg--holidays .mup-form-card--compact textarea { padding: .55rem .75rem; min-height: 64px; }

@media (max-width: 1024px) {
	.mup-terms-grid { grid-template-columns: repeat(2, 1fr); }
	.mup-next { margin: 0 auto; }
	.mup-pg--holidays .mup-form-card--compact { margin: 0 auto; }
}
@media (max-width: 600px) {
	.mup-terms-grid { grid-template-columns: 1fr; }
	.mup-next { grid-template-columns: 110px 1fr; padding: .9rem; }
	.mup-day li { grid-template-columns: 1fr; }
	.mup-day time { grid-row: auto; margin-bottom: .15rem; }
}
.mup-next__fee { line-height: 1.7; } .mup-next__fee strong { white-space: nowrap; }