/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* ----------------------------------------------------------------------------- */
/* Základné úpravy stránky */
html {
	scroll-padding: 10rem 0 0 0;
}

@media only screen and (max-width: 600px) {
	html {
		scroll-padding: 6.5rem 0 0 0;
	}
}

.odkazFooterVisitero {
	color: #28AF61;
	font-weight: 700;
}

@media (max-width: 768px) {
  input,
  textarea {
    font-size: 16px;
  }
}

.cenaMesacne {
	font-size: 2.2rem;
}
/* Základné úpravy stránky */

/* ----------------------------------------------------------------------------- */

/* Úprava sticky headera */
.brxe-icon-box {
	align-items: center;
}

header.scrolling .brxe-icon-box {
	color: #ffffff;
}

header.scrolling .brxe-icon-box svg path {
	fill: #ffffff;
}

header.scrolling .headerBiely .brxe-text-basic {
	color: #ffffff;
}

header.scrolling .headerBiely svg path {
	fill: #ffffff;
}
/* Úprava sticky headera */

/* ----------------------------------------------------------------------------- */

/* Zaoblenie rohov v hero sekcii na videu */
.hero-sekcia .bricks-background-video-wrapper {
	border-radius: 20px;
}

.heroSkladoveVozidlo .x-splide__track {
	border-radius: 20px;
}
/* Zaoblenie rohov v hero sekcii */

/* ----------------------------------------------------------------------------- */

/* Štýl custom tlačidiel pre stiahnutie cenníkov */
.btnStiahnutCennik {
	background: #05141F;
	color: #ffffff;
	text-transform: uppercase;
	padding: var(--space-4xs) var(--space-xs);
	font-size: var(--text-s);
	font-weight: 700;
	border-radius: var(--radius-full);
	border: 1px solid var(--primary);
	box-shadow: var(--shadow-m);
	transition: all 0.25s ease-in-out;
}

.btnStiahnutCennik:hover {
	background: #ffffff;
	transform: translateY(-0.1rem);
	color: var(--primary);
	border: 1px solid #ffffff;
}
/* Štýl custom tlačidiel pre stiahnutie cenníkov */

/* ----------------------------------------------------------------------------- */

/* Efekt zoomovania na fotografiach skladových vozidiel + overlay */
@keyframes kenburns-zoom {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.1);
	}
}

.heroSkladoveVozidlo .splide__slide img {
	transform: scale(1);
	transition: transform 0.5s ease;
}

.heroSkladoveVozidlo .splide__slide.is-active img {
	animation: kenburns-zoom 6s ease-in-out forwards;
}

.heroSkladoveVozidlo .splide__slide.is-active img {
	position: relative; /* aby overlay mohol byť relatívny k obrázku */
	z-index: 1;
}

.heroSkladoveVozidlo .splide__slide.is-active::before {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: linear-gradient(to top, rgba(5, 20, 31, 1) 0%, rgba(5, 20, 31, 0) 75%);
	z-index: 2;
	pointer-events: none; /* aby nebránil klikaniu */
}
/* Efekt zoomovania na fotografiach skladových vozidiel + overlay */

/* ----------------------------------------------------------------------------- */

/* Vzhľad tabuľky pri skladových vozidlách - Náš showroom */
.otvaracieHodinySklad {
	border-collapse: collapse; /* aby neboli medzery nikde inde */
}

.otvaracieHodinySklad td:first-child {
	padding-right: 20px; /* medzera medzi stĺpcami */
}
/* Vzhľad tabuľky pri skladových vozidlách - Náš showroom */

/* ----------------------------------------------------------------------------- */

/* Formátovanie poľa datepicker pre Fluent Forms */
.flatpickr-months .flatpickr-month {
	height: 45px!important;
}

.flatpickr-current-month {
	font-size: 100%!important;
	padding-top: 0!important;
}
/* Formátovanie poľa datepicker pre Fluent Forms */

/* ----------------------------------------------------------------------------- */

/* Formátovanie pre ACF tabuľku - Skladové vozidlá */
.acf-tab1, .acf-tab2 {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    table-layout: fixed;
}

.acf-tab1 td, .acf-tab2 td {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    border-bottom: 1px solid #F5F5F5;
    vertical-align: middle;
}

.acf-tab1 td.label, .acf-tab2 td.label {
    text-align: left;
    font-weight: bold;
    width: 50%;
}

.acf-tab1 td.value, .acf-tab2 td.value {
    text-align: right;
    width: 50%;
}
/* Formátovanie pre ACF tabuľku - Skladové vozidlá */

/* ----------------------------------------------------------------------------- */

/* Fotogaléria - Skladové vozidlá */
.fotogaleriaSkladoveVozidla {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  max-width: 100%;
  overflow: hidden;
  grid-auto-rows: auto; /* necháme riadky aby sa prispôsobili výške */
}

/* Wrapper v li, ktorý drží pomer strán 4:3 */
.fotogaleriaSkladoveVozidla > li {
  position: relative;
  width: 100%;
}

/* Vytvoríme pomer strán 4:3 pomocou padding-top */
.fotogaleriaSkladoveVozidla > li::before {
  content: "";
  display: block;
  padding-top: 75%; /* 3/4 = 75% padding-top na šírku */
}

/* Skutočný obsah položky bude absolutne pozicovaný na plnú veľkosť */
.fotogaleriaSkladoveVozidla > li > * {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100%;
  height: 100%;
}

/* Prvá fotka - zaberie 2x2 grid */
.fotogaleriaSkladoveVozidla > li:nth-child(1) {
  grid-column: span 2;
  grid-row: span 2;
}

/* Skryť položky od 6-tej vyššie */
.fotogaleriaSkladoveVozidla > li:nth-child(n+6) {
  display: none;
}

/* Obrázky - vyplnia celý box a zachovajú pomer */
.fotogaleriaSkladoveVozidla > li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Responsívne pre menšie obrazovky */
@media (max-width: 768px) {
  .fotogaleriaSkladoveVozidla {
    grid-template-columns: repeat(2, 1fr);
  }
  .fotogaleriaSkladoveVozidla > li:nth-child(1) {
    grid-column: span 2;
    grid-row: span 2;
  }
}
/* Fotogaléria - Skladové vozidlá */

/* ----------------------------------------------------------------------------- */

/* Zobrazenie výbavy v stĺpcoch - Skladové vozidlá */
.acf-vybava-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.acf-vybava-item {
    padding: 8px;
    display: flex;
    align-items: center;
    font-size: 16px;
}

/* Mobil: 1 stĺpec */
@media (max-width: 600px) {
    .acf-vybava-grid {
        grid-template-columns: 1fr;
    }
}

/* Tablet: 2 stĺpce */
@media (min-width: 601px) and (max-width: 1024px) {
    .acf-vybava-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* Zobrazenie výbavy v stĺpcoch - Skladové vozidlá */

/* ----------------------------------------------------------------------------- */

/* Model */
.cenaModel {
	font-size: 26px;
	font-family: "KIA";
	font-weight: 700;
}

.cenaModelMesiac {
	font-size: 18px;
	font-family: "KIA";
	font-weight: 700;
	color: #C4232A;
}

.btnStiahnutCennikModel {
	background: #ffffff;
	color: var(--primary);
	text-transform: uppercase;
	padding: var(--space-4xs) var(--space-xs);
	font-size: var(--text-s);
	font-weight: 700;
	border-radius: var(--radius-full);
	border: 1px solid #ffffff;
	box-shadow: var(--shadow-m);
	transition: all 0.25s ease-in-out;
}

.btnStiahnutCennikModel:hover {
	background: var(--primary);
	transform: translateY(-0.1rem);
	color: #ffffff;
	border: 1px solid #ffffff;
}

.galeria__gallery img {
	border-radius: 10px;
}
/* Model */

/* ----------------------------------------------------------------------------- */