/* TRAVEL AGENT BRISBANE — /travel-agent-brisbane/ only.
 *
 * Loaded AFTER home-v2.css (see mykish-core-pages.php). This page inherits the ratified `mkv-`
 * band system VERBATIM — the glass hero panel (.mkv-hero / .mkv-hero-panel), the 3-column agent
 * band (.mkv-cols), the reviews band (.mkv-reviews), Meet Rahul (.mkv-guide) and the glass feature
 * CTA (.mkv-band--feature / .mkv-feature-panel). GLASS-PANEL LAW: those recipes are inherited, not
 * re-derived — nothing here re-implements a glass surface.
 *
 * This file therefore holds ONLY the four components that are genuinely this page's own: the local
 * proof strip (§2), the specialisms grid (§3), the how-it-works steps (§5) and the FAQ accordion
 * (§6) — plus one hero-eyebrow colour override. Tokens only (mykish-design-tokens/tokens.css); no
 * hardcoded colour/spacing/radius/type that has a token. Every selector is scoped to the
 * `.mk-travel-agent-brisbane` body class so it can never reach another page. filemtime() versioned
 * (ASSET-VERSION law).
 */

/* ==================================================================== §1 HERO override == */
/* The shared `.mk-section-eyebrow` is teal — correct on white, wrong on the dark glass hero panel
 * where it reads low-contrast. Lifted to gold, which is the site's on-dark eyebrow colour, and
 * given the panel's halo so it holds over the photograph. */
.mk-travel-agent-brisbane .mktab-hero-eyebrow {
	color: var(--mk-gold);
	text-shadow: 0 1px 2px rgba(0,0,0,0.88), 0 0 6px rgba(0,0,0,0.7);
}

/* ==================================================================== §2 PROOF STRIP == */
.mk-travel-agent-brisbane .mktab-proof-band { padding-top: var(--mk-sec-sm); padding-bottom: var(--mk-sec-sm); }
.mk-travel-agent-brisbane .mktab-proof {
	list-style: none; margin: 0; padding: 0;
	display: grid; grid-template-columns: 1fr; gap: var(--mk-space-md);
}
@media (min-width: 760px) {
	.mk-travel-agent-brisbane .mktab-proof { grid-template-columns: repeat(3, 1fr); gap: 32px; }
}
.mk-travel-agent-brisbane .mktab-proof-item {
	display: flex; flex-direction: column; gap: 8px;
	padding-top: 18px; border-top: 2px solid var(--mk-teal);
}
.mk-travel-agent-brisbane .mktab-proof-mark {
	font-size: var(--mk-fs-h3); font-weight: 700; line-height: 1.05;
	letter-spacing: var(--mk-track-tight); color: var(--mk-ink);
}
.mk-travel-agent-brisbane .mktab-proof-mark--gold { color: var(--mk-gold); }
.mk-travel-agent-brisbane .mktab-proof-head {
	font-size: var(--mk-fs-body); font-weight: 700; color: var(--mk-ink); line-height: var(--mk-lh-heading);
}
.mk-travel-agent-brisbane .mktab-proof-line {
	font-size: var(--mk-fs-small); line-height: var(--mk-lh-body); color: var(--mk-grey);
}
.mk-travel-agent-brisbane .mktab-proof-line a { color: var(--mk-teal-text); font-weight: 600; }
.mk-travel-agent-brisbane .mktab-proof-line a:hover { text-decoration: underline; }

/* ==================================================================== §3 SPECIALISMS == */
.mk-travel-agent-brisbane .mktab-specialisms {
	margin-top: var(--mk-space-lg);
	display: grid; grid-template-columns: 1fr; gap: var(--mk-space-md);
}
@media (min-width: 640px)  { .mk-travel-agent-brisbane .mktab-specialisms { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1000px) { .mk-travel-agent-brisbane .mktab-specialisms { grid-template-columns: repeat(3, 1fr); } }
.mk-travel-agent-brisbane .mktab-spec {
	display: flex; flex-direction: column; text-decoration: none; color: inherit;
	padding: clamp(22px, 2.4vw, 30px);
	border: 1px solid var(--mk-border); border-radius: var(--mk-r-card);
	background: var(--mk-white); box-shadow: var(--mk-shadow);
	transition: transform var(--mk-dur) var(--mk-ease), box-shadow var(--mk-dur) var(--mk-ease);
}
.mk-travel-agent-brisbane .mktab-spec:hover { transform: translateY(-4px); box-shadow: var(--mk-shadow-lg); }
.mk-travel-agent-brisbane .mktab-spec:focus-visible { outline: 2px solid var(--mk-teal); outline-offset: 3px; }
.mk-travel-agent-brisbane .mktab-spec-kicker {
	font-size: var(--mk-fs-eyebrow); font-weight: 700; letter-spacing: var(--mk-track-wide);
	text-transform: uppercase; color: var(--mk-teal-text); margin-bottom: 12px;
}
.mk-travel-agent-brisbane .mktab-spec-title {
	font-size: var(--mk-fs-h3); font-weight: 700; letter-spacing: var(--mk-track-tight);
	line-height: var(--mk-lh-heading); color: var(--mk-ink); margin-bottom: 10px;
}
.mk-travel-agent-brisbane .mktab-spec-line {
	font-size: var(--mk-fs-body); line-height: var(--mk-lh-body); color: var(--mk-grey);
	margin-bottom: 16px; flex: 1 1 auto;
}
.mk-travel-agent-brisbane .mktab-spec-link { font-weight: 600; color: var(--mk-teal-text); }
.mk-travel-agent-brisbane .mktab-spec:hover .mktab-spec-link { text-decoration: underline; }

/* ==================================================================== §5 HOW IT WORKS == */
.mk-travel-agent-brisbane .mktab-steps {
	list-style: none; margin: var(--mk-space-lg) 0 0; padding: 0;
	display: grid; grid-template-columns: 1fr; gap: var(--mk-space-md);
	counter-reset: none;
}
@media (min-width: 640px)  { .mk-travel-agent-brisbane .mktab-steps { grid-template-columns: 1fr 1fr; gap: 32px; } }
@media (min-width: 1000px) { .mk-travel-agent-brisbane .mktab-steps { grid-template-columns: repeat(4, 1fr); } }
.mk-travel-agent-brisbane .mktab-step { display: flex; flex-direction: column; gap: 10px; }
.mk-travel-agent-brisbane .mktab-step-n {
	font-size: var(--mk-fs-h2); font-weight: 700; line-height: 1; color: var(--mk-gold);
	letter-spacing: var(--mk-track-tight);
}
.mk-travel-agent-brisbane .mktab-step-h {
	font-size: var(--mk-fs-h3); font-weight: 700; line-height: var(--mk-lh-heading);
	letter-spacing: var(--mk-track-tight); color: var(--mk-ink); margin: 0;
}
.mk-travel-agent-brisbane .mktab-step-p {
	font-size: var(--mk-fs-body); line-height: var(--mk-lh-body); color: var(--mk-grey); margin: 0;
}
.mk-travel-agent-brisbane .mktab-steps-cta { margin-top: var(--mk-space-lg); }

/* ==================================================================== §6 FAQ ACCORDION == */
.mk-travel-agent-brisbane .mktab-faq { margin-top: var(--mk-space-lg); max-width: 820px; }
.mk-travel-agent-brisbane .mktab-faq-item { border-top: 1px solid var(--mk-border); }
.mk-travel-agent-brisbane .mktab-faq-item:last-child { border-bottom: 1px solid var(--mk-border); }
.mk-travel-agent-brisbane .mktab-faq-q {
	list-style: none; cursor: pointer; position: relative;
	padding: 20px 44px 20px 0;
	font-size: var(--mk-fs-lead); font-weight: 700; line-height: var(--mk-lh-heading);
	letter-spacing: var(--mk-track-tight); color: var(--mk-ink);
}
.mk-travel-agent-brisbane .mktab-faq-q::-webkit-details-marker { display: none; }
/* +/− indicator, built from two pseudo-strokes so it needs no icon font. */
.mk-travel-agent-brisbane .mktab-faq-q::after,
.mk-travel-agent-brisbane .mktab-faq-q::before {
	content: ''; position: absolute; right: 6px; top: 50%;
	width: 16px; height: 2px; background: var(--mk-teal-text);
	transition: transform var(--mk-dur) var(--mk-ease), opacity var(--mk-dur) var(--mk-ease);
}
.mk-travel-agent-brisbane .mktab-faq-q::before { transform: translateY(-50%) rotate(90deg); }
.mk-travel-agent-brisbane .mktab-faq-q::after  { transform: translateY(-50%); }
.mk-travel-agent-brisbane .mktab-faq-item[open] .mktab-faq-q::before { transform: translateY(-50%) rotate(0deg); opacity: 0; }
.mk-travel-agent-brisbane .mktab-faq-q:focus-visible { outline: 2px solid var(--mk-teal); outline-offset: 2px; }
.mk-travel-agent-brisbane .mktab-faq-a {
	padding: 0 44px 22px 0; max-width: var(--mk-measure);
}
.mk-travel-agent-brisbane .mktab-faq-a p {
	margin: 0; font-size: var(--mk-fs-body); line-height: var(--mk-lh-body); color: var(--mk-grey);
}

/* Respect reduced motion for the accordion indicator + the card hover lifts. */
@media (prefers-reduced-motion: reduce) {
	.mk-travel-agent-brisbane .mktab-spec,
	.mk-travel-agent-brisbane .mktab-faq-q::before,
	.mk-travel-agent-brisbane .mktab-faq-q::after { transition-duration: 0s !important; }
	.mk-travel-agent-brisbane .mktab-spec:hover { transform: none; }
}