/* Only the Story archive and explicit Story video component. Homepage excluded. */
.breganja-stories .breganja-story-filters {
	display: grid; grid-template-columns: 2fr 1fr 1fr;
	gap: 20px; margin-top: 32px; padding-top: 24px;
	border-top: 1px solid var(--wp--preset--color--mist);
}
.breganja-stories .breganja-story-filters > div { min-width: 0; }
.breganja-story-filters label { display: block; font-weight: 600; font-size: 15px; }
.breganja-story-filters :is(input[type=search],select) {
	box-sizing: border-box; width: 100%; margin-top: 8px; min-height: 46px;
	border: 1px solid var(--wp--preset--color--mist); padding: 10px 12px;
	background: var(--wp--preset--color--off-white); color: var(--wp--preset--color--ink);
	font: inherit; font-size: 16px;
}
.breganja-story-filters .breganja-story-filters__video { align-self: center; }
.breganja-story-filters__actions { grid-column: 2 / -1; display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.breganja-story-filters__actions button {
	border: 0; background: var(--wp--preset--color--breganja-red); color: #fff;
	padding: 12px 20px; font: inherit; font-size: 15px; cursor: pointer;
}
.breganja-story-filters__actions a { color: var(--wp--preset--color--breganja-red); }
.breganja-stories .breganja-story-video,
.breganja-story .breganja-story-video { position: relative; background: var(--wp--preset--color--ink); color: #fff; aspect-ratio: 16 / 9; overflow: hidden; }
.breganja-stories .breganja-story-video { margin-bottom: 18px; aspect-ratio: 4 / 3; }
.breganja-stories .breganja-story-video .breganja-story-card__image { height: 100%; margin: 0; opacity: .65; }
.breganja-story-video__label { position: absolute; top: 12px; left: 12px; background: var(--wp--preset--color--breganja-red); padding: 4px 8px; font-size: 12px; font-weight: 700; }
.breganja-story-video__play { position: absolute; inset: 0; margin: auto; height: fit-content; width: fit-content; max-width: 90%; border: 1px solid #fff; background: rgb(23 25 24 / 80%); color: #fff; padding: 12px 16px; font: inherit; font-weight: 600; font-size: 16px; cursor: pointer; }
.breganja-story-video .breganja-story-video__consent { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; padding: 8px 12px; background: rgb(23 25 24 / 85%); color: #fff; font-size: 12px; line-height: 1.4; }
.breganja-story-video iframe { display: block; width: 100%; height: 100%; border: 0; }
.breganja-story-video button:focus-visible,
.breganja-story-filters :is(input,select,button,a):focus-visible { outline: 3px solid var(--wp--preset--color--breganja-red); outline-offset: 4px; }
@media (min-width: 901px) { .breganja-stories .breganja-story-video { height: 220px; aspect-ratio: auto; } }
@media (max-width: 781px) {
	.breganja-stories .breganja-story-filters { grid-template-columns: minmax(0, 1fr); }
	.breganja-story-filters__actions { grid-column: 1; }
}