/*
Theme Name: Dr. Badó
Theme URI: https://drbado.hu
Author: Webbers.hu
Description: Dr. Badó Attila szülész-nőgyógyász magánrendelésének weboldala. Block theme, saját design tokenekkel, önhostolt betűtípusokkal.
Version: 0.1.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: drbado
*/

/* A színek és a tipográfia a theme.json-ból jönnek. Itt csak az van, amit
   a block supports nem tud kifejezni: a ragadós hívás sáv, az utility sáv,
   és a mobil táblázat-kártyák. */

/* ── Utility sáv a fejléc tetején ───────────────────────────────────── */
.drbado-utility {
	background: var(--wp--preset--color--primary-dark);
	color: #fff;
	font-size: var(--wp--preset--font-size--small);
}
.drbado-utility__inner {
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
	padding: 0.5rem var(--wp--preset--spacing--30);
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	align-items: center;
	justify-content: space-between;
}
.drbado-utility a { color: #fff; text-decoration: none; font-weight: 600; }
.drbado-utility a:hover { text-decoration: underline; }

/* ── Ragadós hívás sáv, csak mobilon ────────────────────────────────── */
.drbado-callbar {
	position: fixed;
	inset: auto 0 0 0;
	z-index: 40;
	display: none;
	gap: 1px;
	background: var(--wp--preset--color--border);
	box-shadow: 0 -2px 12px rgb(28 43 41 / 12%);
}
.drbado-callbar a {
	flex: 1;
	padding: 0.9rem 0.5rem;
	text-align: center;
	font-weight: 600;
	text-decoration: none;
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.drbado-callbar__call { background: var(--wp--preset--color--surface); color: var(--wp--preset--color--primary-dark); }
.drbado-callbar__book { background: var(--wp--preset--color--accent); color: #fff; }

@media (max-width: 781px) {
	.drbado-callbar { display: flex; }
	/* hogy a sáv ne takarja a lábléc utolsó sorát */
	body { padding-bottom: 3.5rem; }
}

/* ── Táblázat: mobilon kártyás, nem vízszintesen görgethető ─────────── */
@media (max-width: 600px) {
	.drbado-pricelist table,
	.drbado-pricelist thead,
	.drbado-pricelist tbody,
	.drbado-pricelist tr,
	.drbado-pricelist td { display: block; width: 100%; }
	.drbado-pricelist thead { display: none; }
	.drbado-pricelist tr {
		border: 1px solid var(--wp--preset--color--border);
		border-radius: 8px;
		padding: 0.75rem 1rem;
		margin-bottom: 0.75rem;
		background: var(--wp--preset--color--surface);
	}
	.drbado-pricelist td { border: 0; padding: 0.2rem 0; }
	.drbado-pricelist td:first-child { font-weight: 600; }
}

/* ── Placeholder jelölés: fejlesztés közben látszik, élesben nem maradhat ── */
.drbado-placeholder {
	border: 1px dashed var(--wp--preset--color--accent);
	background: #fff6f1;
	border-radius: 8px;
	padding: var(--wp--preset--spacing--30);
	color: #7a3a1f;
	font-size: var(--wp--preset--font-size--small);
}
.drbado-placeholder::before {
	content: "Helykitöltő – ide az ügyfél szövege jön";
	display: block;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	font-size: 0.75rem;
	margin-bottom: 0.35rem;
}

/* ── Foglaló modul ──────────────────────────────────────────────────── */
.drbado-booking { border: 1px solid var(--wp--preset--color--border); border-radius: 10px; overflow: hidden; background: var(--wp--preset--color--surface); }
.drbado-booking__frame { width: 100%; min-height: 640px; border: 0; display: block; }
.drbado-booking__fallback { padding: var(--wp--preset--spacing--40); }

/* ── Kihagyás a tartalomra, billentyűzetes navigációhoz ─────────────── */
.skip-link:focus { position: fixed; top: 0.5rem; left: 0.5rem; z-index: 100; background: #fff; padding: 0.75rem 1rem; }

/* ── Fejléc ─────────────────────────────────────────────────────────── */
.drbado-header {
	background: var(--wp--preset--color--surface);
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding-block: var(--wp--preset--spacing--30);
}
.drbado-header__inner { gap: var(--wp--preset--spacing--30); }
.drbado-header__brand { gap: 0; }
.drbado-header__brand .wp-block-site-title a { text-decoration: none; color: var(--wp--preset--color--primary-dark); }
.drbado-header__tagline { margin: 0; }
.drbado-header__right { gap: var(--wp--preset--spacing--30); }
.drbado-nav a { text-decoration: none; font-weight: 600; color: var(--wp--preset--color--primary-dark); }
.drbado-nav a:hover { color: var(--wp--preset--color--accent); }
.drbado-header__cta .wp-block-button__link { padding-block: 0.6rem; }

/* ── Rendelési helyek ───────────────────────────────────────────────── */
.drbado-locations__grid {
	display: grid;
	gap: var(--wp--preset--spacing--40);
	grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}
.drbado-locations h3 { margin-bottom: 0.35rem; }
.drbado-footer a { color: inherit; }
.drbado-footer h2, .drbado-footer h3 { color: inherit; }
.drbado-footer__legal { opacity: 0.8; }

/* ── Foglalási szekció ──────────────────────────────────────────────── */
.drbado-booking-section { margin-block: var(--wp--preset--spacing--50); }
.drbado-booking__alt { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }