.elementor-264 .elementor-element.elementor-element-35247df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-264 .elementor-element.elementor-element-a67fa1a{width:var( --container-widget-width, 61% );max-width:61%;--container-widget-width:61%;--container-widget-flex-grow:0;}.elementor-264 .elementor-element.elementor-element-a67fa1a.elementor-element{--align-self:center;}.elementor-264 .elementor-element.elementor-element-b529a14{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-264 .elementor-element.elementor-element-b529a14:not(.elementor-motion-effects-element-type-background), .elementor-264 .elementor-element.elementor-element-b529a14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111D2C;}.elementor-264 .elementor-element.elementor-element-76755e41{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-264 .elementor-element.elementor-element-76755e41.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-264 .elementor-element.elementor-element-76755e41{--width:92.338%;}}/* Start custom CSS for html, class: .elementor-element-b1426f6 */.pzcar-dashboard {
  padding: 2rem;
  max-width: 1300px;
  margin: auto;
  background: #fff;
  border-radius: 12px;
}

/* === Horná lišta správcu vozidiel === */
.pzcar-topbar {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(90deg, #ffffff, #f9f9f9);
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  z-index: 999;
}

/* Logo v hornom paneli */
.pzcar-logo img {
  height: 70px;
  width: auto;
  display: block;
  object-fit: contain;
}


/* Tlačidlo pridať vozidlo */
.pzcar-add-btn {
  background: #007cba;
  color: #fff;
  border: none;
  padding: 10px 18px;
  border-radius: 50px;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pzcar-add-btn:hover {
  background: #005f8d;
  transform: translateY(-2px);
}

/* Ikona pre mobil */
.pzcar-add-btn .btn-icon {
  display: none;
  font-size: 1.5rem;
}
.pzcar-add-btn .btn-text {
  display: inline;
}

/* === Mobilné zariadenia === */
@media (max-width: 768px) {
  .pzcar-topbar {
    padding: 10px 16px;
  }
  .pzcar-greeting {
    font-size: 0.9rem;
  }
  .pzcar-add-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    padding: 0;
    font-size: 1.8rem;
    box-shadow: 0 4px 14px rgba(0,0,0,0.2);
  }
  .pzcar-add-btn .btn-text {
    display: none;
  }
  .pzcar-add-btn .btn-icon {
    display: inline;
  }
}

/* === Názov sekcie === */
.pzcar-title {
  text-align: center;
  margin: 2rem 0 2.5rem;
  font-size: 2rem;
  font-weight: 600;
}

/* === GRID rozloženie kariet === */
.pzcar-vozidla-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.8rem;
  justify-items: center;
}

/* === Karta vozidla === */
.pzcar-vozidlo {
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 12px;
  overflow: hidden;
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  width: 100%;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pzcar-vozidlo:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

/* Obrázok s jednotným pomerom strán */
.pzcar-thumb {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  background: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pzcar-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Názov a texty */
.pzcar-name {
  font-size: 1.1rem;
  margin: 0.8rem 0 0.3rem;
  font-weight: 600;
  color: #222;
}
.pzcar-vozidlo p {
  margin: 3px 0;
  font-size: 0.9rem;
  color: #444;
}

/* Akcie (tlačidlá) */
.pzcar-actions {
  margin-top: 0.6rem;
  padding-bottom: 1rem;
}
.pzcar-actions a {
  display: inline-block;
  margin: 0.3rem;
  padding: 0.4rem 0.8rem;
  border-radius: 8px;
  text-decoration: none;
  color: #fff;
  font-size: 0.9rem;
  transition: background 0.25s ease;
}
.btn-edit { background: #0073aa; }
.btn-delete { background: #d63638; }
.btn-edit:hover { background: #005f8d; }
.btn-delete:hover { background: #b71c1c; }

/* === Formulár === */
.pzcar-form-wrap {
  margin-top: 2rem;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 1.5rem;
  background: #fdfdfd;
}
.pzcar-form-wrap h2 {
  text-align: center;
  margin-bottom: 1rem;
}
.pzcar-form-wrap label {
  display: block;
  margin-top: 0.8rem;
  font-weight: 500;
}
.pzcar-form-wrap input {
  width: 100%;
  padding: 0.5rem;
  border-radius: 6px;
  border: 1px solid #ccc;
}
.btn-save {
  margin-top: 1rem;
  background: #28a745;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 0.6rem 1.2rem;
  cursor: pointer;
}
.btn-cancel {
  margin-left: 0.5rem;
  background: #ccc;
  color: #000;
  border: none;
  border-radius: 8px;
  padding: 0.6rem 1.2rem;
  cursor: pointer;
}

.pzcar-gallery-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.pzcar-gallery-thumb {
  position: relative;
  width: 100px;
  height: 80px;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.pzcar-gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pzcar-gallery-thumb.main-photo {
  outline: 3px solid #0073aa;
}

.pzcar-gallery-thumb .photo-actions {
  position: absolute;
  top: 4px;
  right: 4px;
  display: flex;
  gap: 4px;
}

.pzcar-gallery-thumb .set-main,
.pzcar-gallery-thumb .delete-photo {
  background: rgba(0,0,0,0.6);
  color: #fff;
  border-radius: 3px;
  padding: 2px 5px;
  font-size: 0.8rem;
  cursor: pointer;
}

.pzcar-gallery-thumb .set-main:hover {
  background: gold;
  color: #000;
}

.pzcar-gallery-thumb .delete-photo:hover {
  background: red;
}

.vozidlo-btn {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 14px;
  background: #0073aa;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.3s ease, transform 0.2s ease;
}

.vozidlo-btn:hover {
  background: #005f8d;
  transform: translateY(-2px);
}


/* === Responzívne úpravy === */
@media (max-width: 1024px) {
  .pzcar-vozidla-wrap {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.4rem;
  }
}

@media (max-width: 768px) {
  .pzcar-dashboard {
    padding: 1rem;
  }
  .pzcar-vozidla-wrap {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
  .pzcar-vozidlo {
    font-size: 0.95rem;
  }
  .pzcar-form-wrap {
    padding: 1rem;
  }
}

.vozidlo-btn {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 14px;
  background: #0073aa;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.3s ease, transform 0.2s ease;
}

.vozidlo-btn:hover {
  background: #005f8d;
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-493 */.footer-container {
  background-color: #111D2C;
  padding: 25px 40px;
  text-align: center;
}

.signature {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp 0.8s ease forwards;
}

.signature-text a {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
  font-family: 'Orbitron', sans-serif;
  letter-spacing: 1px;
  position: relative;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

.signature-text a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 1px;
  background: #95FFCC;
  transition: width 0.4s ease;
}

.signature-text a:hover {
  color: #95FFCC;
  text-shadow: 0 0 8px #95FFCC;
}

.signature-text a:hover::after {
  width: 100%;
}

.signature-logo img {
  width: 110px;
  height: auto;
  filter: drop-shadow(0 0 3px #95FFCC);
  transition: transform 0.4s ease, filter 0.4s ease;
}

.signature-logo:hover img {
  transform: scale(1.08);
  filter: drop-shadow(0 0 8px #95FFCC);
}

/* Fade-in efekt */
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Mobilné prispôsobenie */
@media (max-width: 768px) {
  .signature {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
  }

  .signature-text a {
    font-size: 10px;
  }

  .signature-logo img {
    width: 85px;
  }
}/* End custom CSS */