/**
 * Global theme chrome — Paragon Pet School
 * Styling not tied to a single block. Enqueued on the front end and mirrored
 * into the editor via add_editor_style() for parity. Keep this file small;
 * anything block-specific belongs in assets/css/blocks/.
 */

/* Centre captions (colour + size live in theme.json's caption element;
 * text-align isn't expressible there, so it lives here). */
.wp-element-caption {
	text-align: center;
}

/* Brightcove players keep a 16:9 box. */
iframe[src^="https://players.brightcove.net"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	display: block;
}

/* ---------------------------------------------------------------------------
 * Header account nav: icon-only items (cart / messages / notifications).
 * Labels are visually hidden; a glyph is shown via ::before.
 * NOTE: the 🔧 fallback and emoji glyphs are placeholders — swap for the
 * real icon set once the icon API lands (see functions.php).
 * ------------------------------------------------------------------------ */
:is(
	.pspg-header__menu-account__item--cart,
	.pspg-header__menu-account__item--messages,
	.pspg-header__menu-account__item--notifications
) .wp-block-navigation-item__label {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

:is(
	.pspg-header__menu-account__item--cart,
	.pspg-header__menu-account__item--messages,
	.pspg-header__menu-account__item--notifications
) .wp-block-navigation-item__content::before {
	content: "🔧";
	display: inline-block;
}

.pspg-header__menu-account__item--cart .wp-block-navigation-item__content::before {
	content: "🛒";
}

.pspg-header__menu-account__item--messages .wp-block-navigation-item__content::before {
	content: "✉️";
}

.pspg-header__menu-account__item--notifications .wp-block-navigation-item__content::before {
	content: "🔔";
}