/**
 * PW Motion — pasek okna przeglądarki nad zrzutem albo nagraniem.
 *
 * Elementor na ekranach do 767 px nadaje każdemu kontenerowi flex
 * `--width: 100%` i pozwala rzędom się zawijać. Dla zwykłych sekcji to ma sens,
 * ale trzy dziewięciopikselowe kropki paska rozjeżdżają się wtedy na trzy
 * pasy przez całą szerokość karty. Te reguły przywracają im stały rozmiar.
 *
 * Klasy:
 *   .pw-chrome      — rząd paska (kropki + adres),
 *   .pw-chrome-dots — kontener z trzema kropkami.
 */

.pw-chrome {
	flex-wrap: nowrap !important;
	--flex-wrap: nowrap;
	--flex-wrap-mobile: nowrap;
}

.pw-chrome-dots {
	width: auto !important;
	--width: auto;
	flex: 0 0 auto !important;
	flex-wrap: nowrap !important;
	--flex-wrap: nowrap;
	--flex-wrap-mobile: nowrap;
}

.pw-chrome-dots > .e-con {
	width: 9px !important;
	--width: 9px;
	min-width: 9px;
	flex: 0 0 9px !important;
}

/* Adres ma się skracać wielokropkiem, a nie rozpychać paska. */
.pw-chrome > .elementor-widget-heading {
	min-width: 0;
	overflow: hidden;
}

.pw-chrome > .elementor-widget-heading .elementor-heading-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}