/* =========================================================================
   HOLLEN Oldtimer – moderné responzívne doladenie (2026)
   Dopĺňa pôvodný theme style.css. Cieľ: čistý, poctivý responzívny
   dizajn na tablete (768–991px) a mobile (≤767px).
   ========================================================================= */

/* ---- Drobné moderné doladenie typografie a tlačidiel ---- */
html { scroll-behavior: smooth; }

.opening-hours { list-style: none; margin: 0; padding: 0; }
.opening-hours li { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.opening-hours li .day { color: #c3c5c9; }
.opening-hours li .time { color: #fff; font-weight: 600; }
.margin-top-20 { margin-top: 20px; }

/* Featured title (banner podstránky) – ak má vlastný obrázok */
#featured-title.featured-title-left .sub-heading {
  color: #d9dadd; font-size: 16px; line-height: 26px; margin-top: 10px; max-width: 640px;
}

/* Cenníkové / info bloky */
.price-list { width: 100%; border-collapse: collapse; }
.price-list th, .price-list td { padding: 13px 16px; border-bottom: 1px solid #e6e7eb; text-align: left; }
.price-list th { background: #1f2733; color: #fff; font-family: 'Poppins', sans-serif; font-weight: 600; letter-spacing: .03em; }
.price-list td.price { text-align: right; font-weight: 700; color: #1f2733; white-space: nowrap; }
.price-list tr:nth-child(even) td, .price-list tbody tr:nth-child(even) { background: #f7f8fa; }
.price-note { font-size: 13px; color: #8a8f98; margin-top: 12px; }

/* Karta vozidla na predaj */
.car-card { background: #fff; border: 1px solid #ececec; overflow: hidden; margin-bottom: 30px; transition: box-shadow .3s ease, transform .3s ease; }
.car-card:hover { box-shadow: 0 18px 40px rgba(20,25,35,.14); transform: translateY(-4px); }
.car-card .car-thumb { position: relative; overflow: hidden; aspect-ratio: 4 / 3; }
.car-card .car-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.car-card:hover .car-thumb img { transform: scale(1.06); }
.car-card .badge-status { position: absolute; top: 14px; left: 14px; background: #1c63b8; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .05em; padding: 5px 12px; text-transform: uppercase; }
.car-card .badge-status.reserved { background: #2c3340; }
.car-card .car-body { padding: 22px 24px 26px; }
.car-card .car-body h3 { margin: 0 0 6px; font-size: 20px; }
.car-card .car-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 14px 0 16px; padding: 0; list-style: none; }
.car-card .car-meta li { font-size: 13px; color: #6b7280; }
.car-card .car-meta li i { color: #1c63b8; margin-right: 6px; }
.car-card .car-price { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 18px; color: #1f2733; }

/* Cenníkové balíky (garážovanie) */
.pkg-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.pkg-card { border: 1px solid #ececec; background: #fff; padding: 36px 30px; text-align: center; transition: box-shadow .3s ease, transform .3s ease; }
.pkg-card.featured { border-color: #1c63b8; box-shadow: 0 18px 40px rgba(28,99,184,.12); }
.pkg-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(20,25,35,.12); }
.pkg-card .pkg-name { font-family: 'Poppins', sans-serif; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #1f2733; }
.pkg-card .pkg-tag { color: #1c63b8; font-size: 13px; margin-bottom: 18px; }
.pkg-card ul { list-style: none; padding: 0; margin: 22px 0 0; text-align: left; }
.pkg-card ul li { padding: 9px 0 9px 28px; position: relative; border-bottom: 1px solid #f0f0f2; color: #5b616b; }
.pkg-card ul li:before { content: "\2713"; position: absolute; left: 0; color: #1c63b8; font-weight: 700; }

/* Form feedback */
.form-flash { background: #e8f6ec; border: 1px solid #b6e2c6; color: #1d7a44; padding: 16px 20px; margin-bottom: 26px; border-radius: 4px; }

/* ====================== TABLET ( <= 991px ) ====================== */
@media only screen and (max-width: 991px) {
  /* schovať pomocné info v hlavičke, nech nezavadzia */
  #header-aside .header-info { display: none; }
  #top-bar .top-bar-socials { display: none; }
  #top-bar .top-bar-content { text-align: center; width: 100%; }

  #featured-title .featured-title-heading { font-size: 30px; line-height: 38px; }

  .pkg-grid { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; }

  /* sekcie owl gallery – menšie medzery */
  .row-gallery .wprt-gallery { padding: 0 10px; }
}

/* ====================== MOBIL ( <= 767px ) ====================== */
@media only screen and (max-width: 767px) {
  /* Hlavička / logo / tlačidlo menu zarovnanie */
  #site-header-inner .wrap-inner { display: flex; align-items: center; justify-content: space-between; }
  #header-aside { display: none; }
  .mobile-button { position: static; margin: 0; }

  /* Banner podstránky */
  #featured-title { padding: 34px 0; text-align: center; }
  #featured-title .featured-title-heading { font-size: 25px; line-height: 32px; }
  #featured-title #breadcrumbs { float: none; margin-top: 8px; }
  #featured-title .breadcrumb-trail { justify-content: center; }

  /* Rev slider – nižší na mobile, čitateľné titulky */
  .rev_slider_wrapper, .rev_slider { max-height: 460px !important; }

  /* Nadpisy sekcií */
  .wprt-headings .heading { font-size: 24px !important; line-height: 31px !important; }
  .wprt-headings .sub-heading { font-size: 15px; }

  /* Typografia v obsahu */
  .page-content p { font-size: 15px; line-height: 26px; }

  /* Footer stĺpce pod seba + zarovnanie */
  #footer .span_1_of_4 { width: 100%; margin-bottom: 34px; }
  #footer .wprt-links.col2 { columns: 2; }
  #bottom .bottom-bar-inner-wrap { flex-direction: column; gap: 10px; text-align: center; }
  #bottom .bottom-bar-menu .bottom-nav { justify-content: center; display: flex; gap: 18px; }
  #bottom .bottom-nav li { float: none; }

  /* Karty / mriežky */
  .car-meta { gap: 6px 14px; }

  /* Akčné boxy / CTA */
  .wprt-action-box .inner { flex-direction: column; text-align: center; gap: 18px; }
  .wprt-action-box .button-wrap { width: 100%; }
  .wprt-action-box .button-wrap .wprt-button { width: 100%; }

  /* Formuláre na celú šírku */
  .wprt-form input[type="text"],
  .wprt-form input[type="email"],
  .wprt-form input[type="tel"],
  .wprt-form textarea,
  form input[type="text"],
  form input[type="email"],
  form input[type="tel"],
  form textarea { width: 100%; }

  /* Google mapa */
  .contact-map iframe, .map-wrap iframe { height: 300px; }

  /* Obrázky v obsahu nech nepretekajú */
  .page-content img { max-width: 100%; height: auto; }
}

/* ====================== MALÝ MOBIL ( <= 480px ) ====================== */
@media only screen and (max-width: 480px) {
  #featured-title .featured-title-heading { font-size: 22px; line-height: 29px; }
  .wprt-headings .heading { font-size: 21px !important; }
  #footer .wprt-links.col2 { columns: 1; }
  .car-card .car-body { padding: 18px 18px 22px; }
}