/* =====================================================================
   AR CARS — HP swiper · doplňky
   Karty/slidy stylují sdílené styly karty (arcars-card.css). Tady jen:
     - loading stav při (re)načtení
     - layout footeru + chování na mobilu
   ===================================================================== */

/* loading — lehké ztlumení swiperu při načítání */
.arcars-hp.is-loading .autoswiper {
  opacity: .45;
  pointer-events: none;
  transition: opacity .2s ease;
}

/* =====================================================================
   Navigační šipky karuselu (footer .arrows-1) — tmavé sklo + SVG ikona.
   Scope na .arrows-1, aby se nepletly se šipkami galerie uvnitř karet
   (.arcar-card__media .swiper-button-*).
   ===================================================================== */
.arcars-hp .arrows-1 .swiper-button-prev,
.arcars-hp .arrows-1 .swiper-button-next {
  width: 33px;
  height: 33px;
  padding: 22px;
  border-radius: 10px;
  background-color: rgba(20, 20, 20, 0.45);
  background-repeat: no-repeat;
  background-position: center;
  backdrop-filter: blur(10px) saturate(150%);
  -webkit-backdrop-filter: blur(10px) saturate(150%);
}
.arcars-hp .arrows-1 .swiper-button-prev {
  background-image: url(/themes/custom/arcars/pic/leftw.svg);
  background-size: 15px;
}
.arcars-hp .arrows-1 .swiper-button-next {
  background-image: url(/themes/custom/arcars/pic/rightw.svg);
  background-size: 27px;
}
/* skryjeme výchozí glyf Swiperu, ať nepřekrývá SVG ikonu */
.arcars-hp .arrows-1 .swiper-button-prev::after,
.arcars-hp .arrows-1 .swiper-button-next::after {
  content: none;
}

/* footer — 2 sloupce (ar-intro | swiper-controls), na mobilu pod sebe */
.arcars-hp footer {
  margin-top: 0px;
  float: left;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .arcars-hp footer {
    display: block;
  }
  /* na mobilu skryjeme navigační šipky swiperu (ovládá se swipem) */
  .arcars-hp .arrows-1,
  .arcars-hp .swiper-controls .arrows {
    display: none;
  }
  /* a taky šipky galerie fotek uvnitř karet (listuje se swipem) */
  .arcars-hp .arcar-card__media .swiper-button-prev,
  .arcars-hp .arcar-card__media .swiper-button-next {
    display: none !important;
  }
  /* nadpis bloku na mobilu */
  #block-arcars-arcarshpswiper .mainh {
    font-size: 34px;
    margin-bottom: 37px;
    margin-top: 80px;
  }
}