/*
 * JOSPORT.CZ — TOP BANNERS RESPONSIVE V1
 * Samostatná úprava horních bannerů pro tablety / iPad / landscape mobil.
 * NEMÁ žádnou vazbu na mobilní menu.
 */

/* =========================================================
   TABLET / iPAD / WIDE MOBILE: 768–1099 px
   ========================================================= */
@media (min-width:768px) and (max-width:1099px){

  body.josport-banner-rwd-v3 .next-to-carousel-banners{
    gap:8px !important;
    align-items:stretch !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners > .banner-wrapper{
    position:relative !important;
    min-width:0 !important;
    overflow:hidden !important;
    border-radius:10px !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .banner-wrapper > a{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    overflow:hidden !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .banner-wrapper img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  /*
   * Celý textový blok je uprostřed a má bezpečné okraje.
   * Necháváme původní obrázky, jen srovnáme text.
   */
  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-texts{
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    height:100% !important;

    padding:10px 9px 12px !important;
    margin:0 !important;

    text-align:center !important;
    box-sizing:border-box !important;

    overflow:hidden !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-title{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;

    width:100% !important;
    max-width:100% !important;

    margin:0 0 5px !important;
    padding:0 !important;

    color:#fff !important;
    font-size:clamp(13px, 1.45vw, 17px) !important;
    font-weight:800 !important;
    line-height:1.08 !important;
    letter-spacing:-0.015em !important;

    text-align:center !important;
    text-wrap:balance !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-text{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;

    width:100% !important;
    max-width:100% !important;

    margin:0 0 8px !important;
    padding:0 !important;

    color:rgba(255,255,255,.95) !important;
    font-size:clamp(9px, .95vw, 11px) !important;
    font-weight:500 !important;
    line-height:1.18 !important;

    text-align:center !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 auto !important;

    min-width:72px !important;
    min-height:34px !important;

    margin:0 !important;
    padding:8px 14px !important;

    color:#fff !important;
    background:#104585 !important;
    border-radius:8px !important;

    font-size:11px !important;
    font-weight:800 !important;
    line-height:1 !important;

    text-align:center !important;
    white-space:nowrap !important;

    box-sizing:border-box !important;
  }

  /*
   * Jemný tmavý gradient pod textem zlepší čitelnost,
   * ale nemění grafiku banneru.
   */
  body.josport-banner-rwd-v3 .next-to-carousel-banners .banner-wrapper > a::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;

    background:
      linear-gradient(
        to bottom,
        rgba(5,20,40,.05) 0%,
        rgba(5,20,40,.22) 40%,
        rgba(5,20,40,.46) 100%
      ) !important;
  }
}


/* =========================================================
   iPAD PRO / ŠIRŠÍ TABLET: 960–1099 px
   Má trochu víc místa, proto lehce větší text.
   ========================================================= */
@media (min-width:960px) and (max-width:1099px){

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-texts{
    padding:12px 10px 14px !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-title{
    font-size:15px !important;
    line-height:1.08 !important;
    margin-bottom:6px !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-text{
    font-size:10px !important;
    line-height:1.2 !important;
    margin-bottom:8px !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-link{
    min-width:74px !important;
    min-height:34px !important;
    padding:8px 15px !important;
    font-size:11px !important;
  }
}


/* =========================================================
   LANDSCAPE MOBIL / NÍZKÝ VIEWPORT
   768–1099 px a výška max. 520 px
   Popis záměrně schováme — jinak karta nemá dost výšky.
   ========================================================= */
@media (min-width:768px) and (max-width:1099px) and (max-height:520px){

  body.josport-banner-rwd-v3 .next-to-carousel-banners{
    gap:7px !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-texts{
    justify-content:flex-end !important;
    padding:8px 7px 10px !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-title{
    -webkit-line-clamp:2 !important;

    margin-bottom:7px !important;

    font-size:clamp(12px, 1.55vw, 14px) !important;
    line-height:1.05 !important;
  }

  /*
   * V nízkém landscape je text typu
   * "Nezávazná nabídka..." přesně to, co dělá chaos.
   * Necháme název + jasné CTA.
   */
  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-text{
    display:none !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-link{
    min-width:66px !important;
    min-height:30px !important;

    padding:7px 12px !important;

    border-radius:7px !important;

    font-size:10px !important;
  }
}


/* =========================================================
   EXTRA ÚZKÝ LANDSCAPE 768–879 px
   ========================================================= */
@media (min-width:768px) and (max-width:879px) and (max-height:520px){

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-title{
    font-size:12px !important;
    line-height:1.03 !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-link{
    min-width:62px !important;
    min-height:29px !important;
    padding:6px 10px !important;
    font-size:9.5px !important;
  }
}

/* =========================================================
   V2 — LANDSCAPE: VRÁTIT DRUHÝ TEXT
   Druhý text je znovu viditelný, ale kompaktní.
   ========================================================= */
@media (min-width:768px) and (max-width:1099px) and (max-height:520px){

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-texts{
    justify-content:center !important;
    padding:7px 7px 9px !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-title{
    -webkit-line-clamp:2 !important;
    margin:0 0 4px !important;

    font-size:clamp(11px, 1.35vw, 13px) !important;
    line-height:1.05 !important;
  }

  /* Druhý text vracíme zpět. */
  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-text{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;

    width:100% !important;
    max-width:100% !important;

    margin:0 0 5px !important;
    padding:0 !important;

    color:rgba(255,255,255,.94) !important;
    font-size:clamp(7.5px, .82vw, 9px) !important;
    font-weight:500 !important;
    line-height:1.12 !important;

    text-align:center !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-link{
    min-width:62px !important;
    min-height:28px !important;

    padding:6px 10px !important;

    font-size:9.5px !important;
    border-radius:7px !important;
  }
}


/* Extra nízký landscape: pořád necháme text, ale jen 1 řádek. */
@media (min-width:768px) and (max-width:1099px) and (max-height:430px){

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-title{
    -webkit-line-clamp:2 !important;
    font-size:11px !important;
    margin-bottom:3px !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-text{
    -webkit-line-clamp:1 !important;
    font-size:7.5px !important;
    line-height:1.08 !important;
    margin-bottom:4px !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-link{
    min-width:58px !important;
    min-height:26px !important;
    padding:5px 9px !important;
    font-size:9px !important;
  }
}

/* =========================================================
   V3 — iPAD MINI 768–799 px
   Jemné vyvážení bannerů bez zásahu do iPad Air / Pro.
   ========================================================= */
@media (min-width:768px) and (max-width:799px) and (min-height:521px){

  body.josport-banner-rwd-v3 .next-to-carousel-banners{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:7px !important;
    width:100% !important;
    align-items:stretch !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners > .banner-wrapper{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    aspect-ratio:0.62 / 1 !important;
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .banner-wrapper > a{
    width:100% !important;
    height:100% !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .banner-wrapper img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-texts{
    padding:9px 6px 10px !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-title{
    -webkit-line-clamp:2 !important;

    margin-bottom:4px !important;

    font-size:12px !important;
    line-height:1.05 !important;
    letter-spacing:-0.02em !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-text{
    -webkit-line-clamp:2 !important;

    margin-bottom:6px !important;

    font-size:8px !important;
    line-height:1.12 !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-link{
    min-width:62px !important;
    min-height:29px !important;

    padding:6px 10px !important;

    border-radius:7px !important;

    font-size:9.5px !important;
  }
}

/*
 * iPad Mini má při 768 px často méně reálného prostoru kvůli browser UI.
 * Ještě o chlup kompaktnější varianta pro výšku do cca 1050 px.
 */
@media (min-width:768px) and (max-width:799px) and (min-height:521px) and (max-height:1050px){

  body.josport-banner-rwd-v3 .next-to-carousel-banners > .banner-wrapper{
    aspect-ratio:0.66 / 1 !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-title{
    font-size:11.5px !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-text{
    font-size:7.7px !important;
  }

  body.josport-banner-rwd-v3 .next-to-carousel-banners .extended-banner-link{
    min-width:60px !important;
    min-height:28px !important;
    font-size:9px !important;
  }
}