/* ==========================================================================
   Stran "O nas" — mobilni sloj
   Vir: dizajn/O nas.html (Claude Design artboard, 480 px)
   Primerjava: dizajn/current on page/ (posnetek produkcije)

   Glava, izvlečni meni, klicna vrstica in noga so v css/mobile-global.css in
   veljajo povsod; ta datoteka jih predpostavlja kot podlago in od tam podeduje
   spremenljivke --dz-*.

   Sekcije se naslavljajo po Elementor ID-jih:
     3a32b4b  drobtinice + naslov "O nas"      temna
     dcb8809  Dobrodošli v Fizkulturnici       bela (nosi tudi sliko heroja)
     ad3c51c  mreža štirih fotografij          bela
     7f92fd0  trije števci                     bela
     d4189a9  Predani pacientom                bela
     49a432e  Naša ekipa (vrtiljak)            svetlo zelena

   Dizajn ima še temno sekcijo "Začnite še danes"; te na strani ni, zato je
   tudi ta sloj ne izmišljuje.

   !important je tu namenoma: Elementor stile piše s selektorji tipa
   .elementor-3762 .elementor-element.elementor-element-xxx, ki jih z ročnim
   selektorjem ni mogoče pretehtati.
   ========================================================================== */

@media only screen and (max-width: 767px) {

	body.page-id-3762 {
		background: #ffffff;
		overflow-x: hidden;
	}


	/* ======================================================================
	   1. Razmiki in ozadja sekcij
	   ====================================================================== */

	/* Elementor "stretch" sekcijam širino nastavlja z JS; na mobilnem so vse
	   polne širine. */
	body.page-id-3762 .elementor-section-stretched {
		width: 100% !important;
		left: 0 !important;
		right: auto !important;
	}

	/* Stranski rob nosi izključno .elementor-container. Izvzeta je sekcija z
	   vodoravnim drsnikom (49a432e) — tam rob nosijo gradniki sami. */
	body.page-id-3762 .elementor-section.elementor-top-section,
	body.page-id-3762 .e-con.e-parent {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.page-id-3762 .elementor-section.elementor-top-section:not(.elementor-element-49a432e) > .elementor-container,
	body.page-id-3762 .e-con.e-parent > .e-con-inner {
		padding-left: var(--dz-rob) !important;
		padding-right: var(--dz-rob) !important;
		max-width: none !important;
	}

	body.page-id-3762 .elementor-section.elementor-element-49a432e > .elementor-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
		max-width: none !important;
	}

	/* Elementor "stretch" skripta vgnezdenim vsebnikom nastavi left + translate
	   glede na širino okna; na mobilnem so že polne širine. */
	body.page-id-3762 .elementor-inner-section > .elementor-container {
		left: auto !important;
		right: auto !important;
		transform: none !important;
	}

	body.page-id-3762 .elementor-section .elementor-background-overlay {
		display: none !important;
	}

	/* Elementor razmike pogosto zapiše na .elementor-widget-container; ker jih
	   za mobilni sloj določamo sami, jih izničimo. */
	body.page-id-3762 .elementor-widget-container {
		margin: 0 !important;
	}


	/* ======================================================================
	   2. Skupna tipografija in gumbi
	   ====================================================================== */

	body.page-id-3762 .pxl-heading,
	body.page-id-3762 .pxl-heading .pxl-heading--inner,
	body.page-id-3762 .pxl-heading .pxl-item--title,
	body.page-id-3762 .pxl-heading .pxl-item--subtitle {
		display: block !important;
		text-align: left !important;
	}

	body.page-id-3762 .pxl-heading .pxl-item--title,
	body.page-id-3762 .pxl-heading .pxl-heading--text {
		margin: 10px 0 0 !important;
		font-size: 24px !important;
		line-height: 1.3 !important;
		font-weight: 700 !important;
		letter-spacing: -0.3px !important;
		color: var(--dz-tekst) !important;
		text-wrap: pretty;
	}

	/* Poudarjeni del naslova: zelen s tanko podčrto, kot v dizajnu. */
	body.page-id-3762 .pxl-heading .pxl-item--title mark {
		background: none !important;
		color: var(--dz-zelena-mark) !important;
		text-decoration: underline;
		text-decoration-color: rgba(85, 145, 122, 0.4);
		text-decoration-thickness: 2px;
		text-underline-offset: 5px;
	}

	/* Tema besedilo razbije na .word/.char z display:inline-block za animacijo
	   izpisa; podčrta se v tem primeru ne prenese na potomce. */
	body.page-id-3762 .pxl-heading .pxl-item--title mark .word,
	body.page-id-3762 .pxl-heading .pxl-item--title mark .char {
		display: inline !important;
		opacity: 1 !important;
		transform: none !important;
		color: inherit !important;
		background: none !important;
	}

	/* Nadnaslov: "DOBRODOŠLI V FIZKULTURNICI", "NAŠA EKIPA" … */
	body.page-id-3762 .pxl-heading .pxl-item--subtitle,
	body.page-id-3762 .pxl-item--subtext,
	body.page-id-3762 .pxl-item--subtext span {
		margin: 0 !important;
		font-size: 11px !important;
		font-weight: 800 !important;
		letter-spacing: 2.2px !important;
		line-height: 1.4 !important;
		text-transform: uppercase !important;
		color: var(--dz-zelena) !important;
	}

	body.page-id-3762 .pxl-heading .pxl-item--subtitle:before,
	body.page-id-3762 .pxl-heading .pxl-item--subtitle:after {
		display: none !important;
	}

	body.page-id-3762 .pxl-text-editor,
	body.page-id-3762 .pxl-text-editor .pxl-item--inner,
	body.page-id-3762 .elementor-widget-text-editor {
		text-align: left !important;
	}

	body.page-id-3762 .pxl-text-editor p,
	body.page-id-3762 .elementor-widget-text-editor p {
		margin: 0 !important;
		text-align: left !important;
		font-size: 14.5px !important;
		line-height: 1.7 !important;
		color: var(--dz-tekst-mehki) !important;
	}

	body.page-id-3762 .pxl-text-editor strong {
		color: var(--dz-tekst) !important;
	}

	body.page-id-3762 .pxl-button .btn {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: auto !important;
		min-width: 0 !important;
		padding: 14px 26px !important;
		border-radius: 999px !important;
		background: var(--dz-zelena) !important;
		border-color: var(--dz-zelena) !important;
		color: #ffffff !important;
		font-size: 12px !important;
		font-weight: 800 !important;
		line-height: 1 !important;
		letter-spacing: 1.5px !important;
	}

	body.page-id-3762 .pxl-button .btn .pxl--btn-text {
		display: inline-flex;
	}

	body.page-id-3762 .pxl-button .btn .pxl--btn-icon svg {
		width: 14px;
		height: 14px;
	}

	body.page-id-3762 .pxl-button .btn .pxl--btn-icon svg path {
		fill: currentColor;
	}

	body.page-id-3762 .elementor-widget-pxl_button.elementor-widget__width-auto {
		width: auto !important;
		max-width: none !important;
	}




	/* ======================================================================
	   4. Dobrodošli v Fizkulturnici (dcb8809)
	   ====================================================================== */

	body.page-id-3762 .elementor-element-dcb8809 {
		background-color: #ffffff !important;
		background-image: none !important;
		/* 80 px previsa slike + 28 px do nadnaslova. */
		padding: 108px 0 44px !important;
	}

	body.page-id-3762 .elementor-element-dcb8809 > .elementor-container {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
	}

	body.page-id-3762 .elementor-element-dcb8809 .elementor-column,
	body.page-id-3762 .elementor-element-dcb8809 .elementor-widget-wrap,
	body.page-id-3762 .elementor-element-dcb8809 .elementor-section.elementor-inner-section,
	body.page-id-3762 .elementor-element-dcb8809 .elementor-inner-section > .elementor-container {
		display: contents !important;
	}

	body.page-id-3762 .elementor-element-dcb8809 .elementor-widget {
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
	}

	/* Okrasni logotip je del namizne postavitve. */
	body.page-id-3762 .elementor-element-dcb8809 .elementor-element-a304eb2 {
		display: none !important;
	}

	/* Okrasna podoba iz namizne postavitve. */
	body.page-id-3762 .elementor-element-dcb8809 .elementor-element-34464c8 {
		display: none !important;
	}

	body.page-id-3762 .elementor-element-dcb8809 .elementor-element-70fc299 {
		margin-top: 14px !important;
	}


	/* ======================================================================
	   5. Mreža štirih fotografij (ad3c51c)
	   ====================================================================== */

	body.page-id-3762 .elementor-element-ad3c51c {
		background-color: #ffffff !important;
		background-image: none !important;
		padding: 0 0 18px !important;
	}

	body.page-id-3762 .elementor-element-ad3c51c > .elementor-container {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	body.page-id-3762 .elementor-element-ad3c51c .elementor-column,
	body.page-id-3762 .elementor-element-ad3c51c .elementor-widget-wrap,
	body.page-id-3762 .elementor-element-ad3c51c .elementor-section.elementor-inner-section,
	body.page-id-3762 .elementor-element-ad3c51c .elementor-inner-section > .elementor-container {
		display: contents !important;
	}

	body.page-id-3762 .elementor-element-ad3c51c .elementor-widget {
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
	}

	body.page-id-3762 .elementor-element-ad3c51c img {
		display: block;
		width: 100% !important;
		height: 150px !important;
		object-fit: cover;
		border-radius: 14px !important;
		background: #dcebe1;
	}

	body.page-id-3762 .elementor-element-ad3c51c .pxl-item--image:before,
	body.page-id-3762 .elementor-element-ad3c51c .pxl-item--image:after {
		display: none !important;
	}


	/* ======================================================================
	   6. Trije števci (7f92fd0)
	   ====================================================================== */

	body.page-id-3762 .elementor-element-7f92fd0 {
		background-color: #ffffff !important;
		background-image: none !important;
		padding: 0 0 48px !important;
	}

	body.page-id-3762 .elementor-element-7f92fd0 > .elementor-container {
		display: grid !important;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 8px;
	}

	body.page-id-3762 .elementor-element-7f92fd0 .elementor-column,
	body.page-id-3762 .elementor-element-7f92fd0 .elementor-widget-wrap,
	body.page-id-3762 .elementor-element-7f92fd0 .elementor-section.elementor-inner-section,
	body.page-id-3762 .elementor-element-7f92fd0 .elementor-inner-section > .elementor-container {
		display: contents !important;
	}

	body.page-id-3762 .elementor-element-7f92fd0 .elementor-widget {
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 16px 12px !important;
		border-radius: 16px;
		background: var(--dz-svetla);
		text-align: center;
	}

	/* Okrasne ikone nad številkami so del namizne postavitve. */
	body.page-id-3762 .elementor-element-7f92fd0 .pxl-counter--icon {
		display: none !important;
	}

	/* Tema števcu doda črtkan okvir z ozadjem; v dizajnu je ploščica čista. */
	body.page-id-3762 .elementor-element-7f92fd0 .pxl-counter,
	body.page-id-3762 .elementor-element-7f92fd0 .pxl-counter--holder {
		display: block !important;
		padding: 0 !important;
		border: none !important;
		border-radius: 0 !important;
		background: none !important;
	}

	body.page-id-3762 .elementor-element-7f92fd0 .pxl-counter--number {
		display: flex !important;
		align-items: baseline;
		justify-content: center !important;
		gap: 0 !important;
		margin: 0 !important;
		font-size: 23px !important;
		font-weight: 800 !important;
		line-height: 1 !important;
		letter-spacing: -0.4px !important;
		color: var(--dz-zelena) !important;
	}

	body.page-id-3762 .elementor-element-7f92fd0 .pxl-counter--number:before,
	body.page-id-3762 .elementor-element-7f92fd0 .pxl-counter--number:after {
		display: none !important;
	}

	body.page-id-3762 .elementor-element-7f92fd0 .pxl-counter--value,
	body.page-id-3762 .elementor-element-7f92fd0 .pxl-counter--prefix,
	body.page-id-3762 .elementor-element-7f92fd0 .pxl-counter--suffix {
		margin: 0 !important;
		padding: 0 !important;
		font-size: 23px !important;
	}

	body.page-id-3762 .elementor-element-7f92fd0 .pxl-counter--title,
	body.page-id-3762 .elementor-element-7f92fd0 .pxl-item--title {
		margin: 7px 0 0 !important;
		font-size: 10.5px !important;
		font-weight: 700 !important;
		line-height: 1.4 !important;
		letter-spacing: normal !important;
		text-align: center !important;
		color: var(--dz-tekst-mehki) !important;
	}


	/* ======================================================================
	   7. Predani pacientom (d4189a9)
	   ====================================================================== */

	body.page-id-3762 .elementor-element-d4189a9 {
		background-color: #ffffff !important;
		background-image: none !important;
		padding: 0 0 48px !important;
	}

	body.page-id-3762 .elementor-element-d4189a9 > .elementor-container {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
	}

	body.page-id-3762 .elementor-element-d4189a9 .elementor-column,
	body.page-id-3762 .elementor-element-d4189a9 .elementor-widget-wrap,
	body.page-id-3762 .elementor-element-d4189a9 .elementor-section.elementor-inner-section,
	body.page-id-3762 .elementor-element-d4189a9 .elementor-inner-section > .elementor-container {
		display: contents !important;
	}

	body.page-id-3762 .elementor-element-d4189a9 .elementor-widget {
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
	}

	/* Dizajn te sekcije nima s sliko. */
	body.page-id-3762 .elementor-element-d4189a9 .elementor-element-1e34b24 {
		display: none !important;
	}

	body.page-id-3762 .elementor-element-d4189a9 .elementor-element-cfeee59 {
		margin-top: 14px !important;
	}

	body.page-id-3762 .elementor-element-d4189a9 .elementor-element-68de557,
	body.page-id-3762 .elementor-element-d4189a9 .elementor-element-1c8fd8e {
		margin-top: 12px !important;
	}

	body.page-id-3762 .elementor-element-d4189a9 .elementor-element-548306e {
		margin-top: 20px !important;
		align-self: flex-start;
	}


	/* ======================================================================
	   8. Naša ekipa (49a432e) — vodoravni drsnik

	   assets/js/mobile-home.js kartice preseli iz Swiperja v .fizk-mh-track;
	   pravila drsnika so v css/mobile-global.css.
	   ====================================================================== */

	body.page-id-3762 .elementor-element-49a432e {
		background-color: var(--dz-svetla) !important;
		background-image: none !important;
		padding: 48px 0 52px !important;
	}

	body.page-id-3762 .elementor-element-49a432e .elementor-column,
	body.page-id-3762 .elementor-element-49a432e .elementor-widget-wrap {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.page-id-3762 .elementor-element-80a81d6 {
		padding: 0 var(--dz-rob) !important;
	}

	/* :not(.fizk-mh-skrito) — razgrajenega Swiperjevega vsebnika ne smemo
	   vrniti v prikaz, sicer za progo ostane prazen pas. */
	body.page-id-3762 .elementor-element-49a432e .pxl-swiper-slider,
	body.page-id-3762 .elementor-element-49a432e .pxl-carousel-inner:not(.fizk-mh-skrito) {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		background: none !important;
	}

	/* --- Kartica člana ekipe --- */

	body.page-id-3762 .fizk-mh-track > .pxl-swiper-slide {
		flex: 0 0 210px;
		width: 210px;
		max-width: 210px;
	}

	body.page-id-3762 .pxl-team .pxl-item--inner {
		display: flex !important;
		flex-direction: column !important;
		height: 100%;
		padding: 10px 10px 16px !important;
		border-radius: 18px !important;
		background: #ffffff !important;
		box-shadow: var(--dz-senca);
		overflow: hidden;
	}

	body.page-id-3762 .elementor-widget-aramco_child_terapevt_carousel {
		margin-top: 22px !important;
	}

	body.page-id-3762 .elementor-widget-aramco_child_terapevt_carousel .pxl-swiper-slide {
		width: 230px !important;
		padding: 0 7px !important;
	}
	
	body.page-id-3762 .elementor-widget-aramco_child_terapevt_carousel .pxl-swiper-container {
		margin-left: 8px !important;
	}

	body.page-id-3762 .pxl-team-layout1 .pxl-swiper-slide:nth-child(even) .pxl-item--holder,
	body.page-id-3762 .pxl-team-layout1 .pxl-grid-item:nth-child(even) .pxl-item--holder {
		transform: none !important;
	}
	body.page-id-3762 .pxl-team-layout1 .pxl-swiper-slide:nth-child(even) .pxl-item--image,
	body.page-id-3762 .pxl-team-layout1 .pxl-grid-item:nth-child(even) .pxl-item--image {
		transform: none !important;
	}

	body.page-id-3762 .pxl-team .pxl-item--image {
		margin: 0 !important;
		padding: 0 !important;
	}

	body.page-id-3762 .pxl-team .pxl-item--image img,
	body.page-id-3762 .pxl-team-layout1 .pxl-swiper-slide:nth-child(even) .pxl-item--image img {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 210 / 220 !important;
		object-fit: cover !important;
		object-position: top !important;
		border-radius: 12px !important;
		background: #dcebe1 !important;
		transform: none !important;
	}

	body.page-id-3762 .pxl-team .pxl-item--holder {
		position: static !important;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		margin: 0 !important;
		padding: 15px 0 0 0 !important;
		border: none !important;
		background: none !important;
		box-shadow: none !important;
		text-align: left !important;
		flex-grow: 1 !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
	}

	body.page-id-3762 .pxl-team .pxl-item--title,
	body.page-id-3762 .pxl-team .pxl-item--title a {
		display: block;
		margin: 0 !important;
		font-size: 16px !important;
		font-weight: 800 !important;
		letter-spacing: -0.2px !important;
		line-height: 1.3 !important;
		color: var(--dz-tekst) !important;
	}

	body.page-id-3762 .pxl-team .pxl-item--position,
	body.page-id-3762 .pxl-team .pxl-item--position span,
	body.page-id-3762 .pxl-team .pxl-item--job {
		display: block;
		margin: 4px 0 0 !important;
		font-size: 12.5px !important;
		font-weight: 600 !important;
		line-height: 1.4 !important;
		color: var(--dz-zelena) !important;
	}

	body.page-id-3762 .pxl-team .pxl-item--social,
	body.page-id-3762 .pxl-team .pxl-swiper-dots,
	body.page-id-3762 .pxl-team [class*="swiper-pagination"],
	body.page-id-3762 .pxl-team [class*="swiper-button"] {
		display: none !important;
	}

	/* Namig, da se kartice pomikajo. */
	body.page-id-3762 .elementor-element-49a432e > .elementor-container:after {
		content: "→  Podrsajte za celotno ekipo";
		display: block;
		margin: 10px var(--dz-rob) 0;
		font-size: 11.5px;
		font-weight: 600;
		color: var(--dz-tekst-tihi);
	}


	/* ======================================================================
	   9. Popravki animacij
	   ====================================================================== */

	body.page-id-3762 .elementor-element-ad3c51c .pxl-item--image img {
		height: 150px !important;
		max-height: 150px !important;
		object-fit: cover !important;
	}

	body.page-id-3762 .elementor-invisible {
		visibility: visible !important;
	}
}
