/* Phase 16.1d – ICE Fox Selects premium public UI */

body.selects-page {
  background:
    radial-gradient(circle at 12% 8%, rgba(0,111,214,.16), transparent 28%),
    radial-gradient(circle at 88% 20%, rgba(8,36,74,.10), transparent 30%),
    linear-gradient(180deg, #f7fbff 0%, #eef8ff 42%, #ffffff 100%);
}

.selects-main {
  padding: 42px 0 58px !important;
}

body.selects-page .page-card {
  border-radius: 34px;
}

.select-hero {
  position: relative;
  overflow: hidden;
  display: grid !important;
  grid-template-columns: 1.25fr .85fr !important;
  gap: 32px !important;
  align-items: stretch !important;
  padding: 0 !important;
  border: 1px solid rgba(7,88,200,.18) !important;
  box-shadow: 0 28px 80px rgba(6,27,61,.14) !important;
}

.select-hero::before {
  content: "";
  position: absolute;
  inset: -40% -20% auto auto;
  width: 520px;
  height: 520px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(0,111,214,.18), transparent 64%);
  pointer-events: none;
}

.select-hero > div:first-child {
  padding: clamp(28px, 4vw, 52px);
  position: relative;
  z-index: 1;
}

.select-hero > .page-card {
  margin: 22px !important;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    linear-gradient(145deg, #ffffff 0%, #f1f8ff 100%) !important;
  border: 1px solid rgba(7,88,200,.16) !important;
  box-shadow: 0 18px 44px rgba(6,27,61,.12) !important;
}

.select-hero h1 {
  font-size: clamp(46px, 7vw, 82px) !important;
  line-height: .88 !important;
  letter-spacing: -.055em;
  margin: 12px 0 20px !important;
}

.select-blue {
  color: #0758c8;
}

.select-hero p {
  font-size: 18px !important;
  line-height: 1.65 !important;
  color: #465b76 !important;
}

.select-hero .actions {
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.select-hero img {
  filter: drop-shadow(0 16px 24px rgba(6,27,61,.14));
}

.select-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.select-mini {
  position: relative;
  overflow: hidden;
  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(7,88,200,.15) !important;
  border-radius: 26px !important;
  padding: 22px !important;
  box-shadow: 0 18px 45px rgba(6,27,61,.08);
}

.select-mini::after {
  content: "";
  position: absolute;
  right: -42px;
  top: -42px;
  width: 110px;
  height: 110px;
  border-radius: 999px;
  background: rgba(0,111,214,.10);
}

.select-mini h2 {
  margin: 0 0 10px;
  font-size: 22px;
}

.select-mini p {
  margin: 0;
  color: #52677f;
  line-height: 1.55;
}

.select-timeline {
  display: grid !important;
  gap: 18px !important;
}

.select-timeline article,
.select-row {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(7,88,200,.14) !important;
  border-left: 0 !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 18px 48px rgba(6,27,61,.09) !important;
  padding: 22px 24px 22px 28px !important;
}

.select-timeline article::before,
.select-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 7px;
  background: linear-gradient(180deg, #006fd6, #003b82);
}

.select-timeline article strong {
  display: block;
  font-size: 19px;
  margin-bottom: 8px;
  color: #061b3d;
}

.select-timeline article p {
  color: #52677f;
  line-height: 1.55;
}

body.selects-page .badge {
  box-shadow: inset 0 0 0 1px rgba(0,111,214,.05);
}

body.selects-page .btn {
  box-shadow: 0 12px 28px rgba(0,96,190,.18);
}

body.selects-page .btn.light {
  box-shadow: none;
}

.select-meta {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.select-meta div {
  background: #f8fbff !important;
  border: 1px solid #dbeafe !important;
  border-radius: 18px !important;
  padding: 16px !important;
}

.select-meta small {
  color: #64748b;
  font-weight: 800;
}

.select-meta strong {
  display: block;
  margin-top: 4px;
  font-size: 17px;
}

.select-cat-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.select-cat-grid > article {
  background: linear-gradient(180deg, #ffffff, #f7fbff) !important;
  border: 1px solid rgba(7,88,200,.16) !important;
}

.select-list {
  display: grid !important;
  gap: 18px !important;
}

.select-row {
  display: grid !important;
  grid-template-columns: 110px 1fr auto !important;
  gap: 22px !important;
  align-items: center !important;
}

.select-row h2 {
  margin: 0 0 8px !important;
}

@media (max-width: 900px) {
  .select-hero,
  .select-grid,
  .select-meta,
  .select-cat-grid,
  .select-row {
    grid-template-columns: 1fr !important;
  }

  .select-hero > .page-card {
    margin: 0 22px 22px !important;
  }

  .select-hero h1 {
    font-size: clamp(38px, 13vw, 58px) !important;
  }
}

/* Phase 16.1e – GWHL / Selects storytelling polish */
.select-collab {
  display: grid;
  grid-template-columns: 1fr .9fr;
  gap: 22px;
  align-items: stretch;
  background:
    linear-gradient(135deg, rgba(0,111,214,.10), rgba(255,255,255,.94) 42%, rgba(6,27,61,.06)) !important;
  border: 1px solid rgba(7,88,200,.16) !important;
}

.select-collab h2 {
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1;
  letter-spacing: -.04em;
  margin: 8px 0 14px;
}

.select-collab p {
  color: #465b76;
  font-size: 17px;
  line-height: 1.65;
}

.select-proof {
  display: grid;
  gap: 12px;
}

.select-proof-item {
  background: #fff;
  border: 1px solid #dbeafe;
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 14px 34px rgba(6,27,61,.07);
}

.select-proof-item strong {
  display: block;
  color: #061b3d;
  font-size: 18px;
  margin-bottom: 6px;
}

.select-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.select-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #e6f5ff;
  color: #0758c8;
  font-weight: 900;
  font-size: 13px;
}

.select-cta-band {
  margin-top: 24px;
  padding: 24px;
  border-radius: 28px;
  background: linear-gradient(135deg, #061b3d, #0758c8);
  color: #fff;
  box-shadow: 0 24px 70px rgba(6,27,61,.22);
}

.select-cta-band h2,
.select-cta-band p {
  color: #fff !important;
}

.select-cta-band .btn.light {
  background: #fff;
  color: #0758c8;
}

@media (max-width: 900px) {
  .select-collab {
    grid-template-columns: 1fr;
  }
}

/* Phase 16.1f – Selects hero title size + calmer premium layout */
body.selects-home .select-hero h1 {
  font-size: clamp(36px, 5.6vw, 62px) !important;
  line-height: .94 !important;
  letter-spacing: -.045em !important;
  max-width: 720px;
}

body.selects-home .select-hero p {
  max-width: 760px !important;
}

body.selects-home .select-hero > div:first-child {
  padding-top: clamp(30px, 3.4vw, 44px) !important;
  padding-bottom: clamp(30px, 3.4vw, 44px) !important;
}

@media (max-width: 900px) {
  body.selects-home .select-hero h1 {
    font-size: clamp(34px, 11vw, 52px) !important;
  }
}

/* Phase 17.9b – Selects premium clarity polish */
body.selects-page{
  --select-blue:#0758c8;
  --select-blue-dark:#061b3d;
  --select-muted:#52677f;
  --select-card:#ffffff;
  --select-soft:#f4f9ff;
}

body.selects-page .wrap.selects-main{
  max-width:1180px;
}

body.selects-page .page-card{
  border:1px solid rgba(7,88,200,.14) !important;
  box-shadow:0 18px 50px rgba(6,27,61,.08) !important;
}

body.selects-page .badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:999px;
  background:#eaf4ff;
  color:#0758c8;
  border:1px solid rgba(7,88,200,.12);
  font-weight:900;
  letter-spacing:.01em;
}

body.selects-page .badge::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:#0758c8;
  box-shadow:0 0 0 4px rgba(7,88,200,.12);
}

body.selects-page h1,
body.selects-page h2,
body.selects-page h3{
  color:#061b3d;
}

body.selects-page p{
  color:#465b76;
}

.select-hero{
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,247,255,.96)),
    radial-gradient(circle at 80% 10%, rgba(7,88,200,.16), transparent 35%) !important;
}

.select-hero > .page-card{
  position:relative;
  overflow:hidden;
}

.select-hero > .page-card::after{
  content:"SELECTS";
  position:absolute;
  right:-16px;
  bottom:4px;
  font-size:54px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.08em;
  color:rgba(7,88,200,.08);
}

.select-grid{
  align-items:stretch;
}

.select-mini{
  min-height:170px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.select-mini:hover{
  transform:translateY(-3px);
  border-color:rgba(7,88,200,.28) !important;
  box-shadow:0 22px 54px rgba(6,27,61,.12) !important;
}

.select-mini h2{
  display:flex;
  align-items:center;
  gap:10px;
}

.select-mini h2::before{
  content:"";
  width:12px;
  height:12px;
  border-radius:4px;
  background:linear-gradient(135deg,#0758c8,#43a3ff);
}

.select-collab,
.select-cta-band{
  border-radius:34px;
}

.select-proof{
  display:grid;
  gap:14px;
}

.select-proof-item{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(7,88,200,.12);
  border-radius:22px;
  padding:18px;
}

.select-proof-item strong{
  display:block;
  color:#061b3d;
  margin-bottom:6px;
}

.select-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}

.select-pill{
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(7,88,200,.16);
  color:#0758c8;
  padding:8px 12px;
  font-weight:900;
  font-size:13px;
}

.select-cta-band{
  margin-top:24px;
  padding:clamp(24px,4vw,42px);
  background:
    linear-gradient(135deg,#0758c8,#003b82) !important;
  color:#fff;
  box-shadow:0 24px 70px rgba(7,88,200,.26);
}

.select-cta-band h2,
.select-cta-band p{
  color:#fff !important;
}

.select-cta-band p{
  max-width:900px;
  opacity:.92;
  line-height:1.68;
}

.select-cta-band .btn.light{
  background:#fff;
  color:#0758c8;
  border-color:#fff;
}

.select-timeline article{
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:center;
}

.select-timeline article p{
  margin:.35rem 0;
}

.select-list .select-row{
  background:
    linear-gradient(135deg,#fff,#f7fbff) !important;
  border-radius:28px !important;
  transition:transform .18s ease, box-shadow .18s ease;
}

.select-list .select-row:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 62px rgba(6,27,61,.13) !important;
}

.select-list .select-row > div:first-child .badge{
  font-size:18px;
  padding:12px 16px;
}

body.selects-history .page-card:first-child,
body.selects-detail main > .page-card:first-child{
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(234,244,255,.96)),
    radial-gradient(circle at 85% 0%,rgba(7,88,200,.18),transparent 32%) !important;
}

.selects-detail main > .page-card:first-child h1{
  max-width:960px;
}

.select-meta div{
  min-height:82px;
}

.select-cat-grid > article{
  position:relative;
  overflow:hidden;
  border-radius:26px !important;
}

.select-cat-grid > article::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  background:linear-gradient(180deg,#0758c8,#43a3ff);
}

.select-cat-grid h3{
  margin-top:0;
  font-size:23px;
}

.select-cat-grid p{
  line-height:1.58;
}

.select-media-grid{
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr)) !important;
  gap:18px !important;
}

.select-media-item{
  border-radius:24px !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.select-media-item:hover{
  transform:translateY(-3px);
  border-color:rgba(7,88,200,.32) !important;
  box-shadow:0 24px 62px rgba(6,27,61,.14) !important;
}

.select-media-item img{
  background:#f8fbff !important;
  object-fit:contain !important;
}

.select-media-body strong{
  color:#061b3d;
}

@media(max-width:900px){
  .select-timeline article{
    grid-template-columns:1fr;
  }

  .select-collab{
    grid-template-columns:1fr;
  }

  .select-list .select-row{
    grid-template-columns:1fr !important;
  }
}

/* Phase 17.9c – Select tournament cover photos */
.select-row-cover{
  grid-template-columns:220px 1fr auto !important;
  align-items:stretch !important;
}

.select-cover-thumb,
.select-timeline-cover{
  display:block;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(7,88,200,.16);
  background:#f8fbff;
}

.select-cover-thumb img,
.select-timeline-cover img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transition:transform .22s ease;
}

.select-cover-thumb{
  min-height:145px;
}

.select-row-cover:hover .select-cover-thumb img,
.select-timeline-card:hover .select-timeline-cover img{
  transform:scale(1.035);
}

.select-row-top{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.select-row-main{
  min-width:0;
}

.select-timeline-card{
  display:grid !important;
  grid-template-columns:220px 1fr !important;
  gap:18px !important;
  align-items:stretch !important;
}

.select-timeline-card::before{
  display:none !important;
}

.select-timeline-cover{
  min-height:150px;
}

.select-detail-hero-card{
  overflow:hidden;
  padding:0 !important;
}

.select-detail-cover{
  width:100%;
  height:clamp(220px,34vw,420px);
  background:#f8fbff;
  border-bottom:1px solid rgba(7,88,200,.14);
}

.select-detail-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

.select-detail-hero-card > span,
.select-detail-hero-card > h1,
.select-detail-hero-card > p,
.select-detail-hero-card > .select-meta,
.select-detail-hero-card > .actions{
  margin-left:clamp(22px,4vw,42px) !important;
  margin-right:clamp(22px,4vw,42px) !important;
}

.select-detail-hero-card > span{
  margin-top:clamp(22px,3vw,34px);
}

.select-detail-hero-card > .actions{
  margin-bottom:clamp(22px,3vw,34px);
}

@media(max-width:900px){
  .select-row-cover,
  .select-timeline-card{
    grid-template-columns:1fr !important;
  }

  .select-cover-thumb,
  .select-timeline-cover{
    height:210px;
  }

  .select-detail-cover{
    height:240px;
  }
}


/* ICEFOX_PHASE17_9D_COVER_HTML_FIX_CSS */
.select-row-cover{
  grid-template-columns:220px 1fr auto !important;
  align-items:stretch !important;
}

.select-cover-thumb,
.select-timeline-cover{
  display:block;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(7,88,200,.16);
  background:#f8fbff;
}

.select-cover-thumb img,
.select-timeline-cover img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transition:transform .22s ease;
}

.select-cover-thumb{
  min-height:145px;
}

.select-row-cover:hover .select-cover-thumb img,
.select-timeline-card:hover .select-timeline-cover img{
  transform:scale(1.035);
}

.select-row-top{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.select-row-main{
  min-width:0;
}

.select-timeline-card{
  display:grid !important;
  grid-template-columns:220px 1fr !important;
  gap:18px !important;
  align-items:stretch !important;
}

.select-timeline-card::before{
  display:none !important;
}

.select-timeline-cover{
  min-height:150px;
}

.select-detail-hero-card{
  overflow:hidden;
  padding:0 !important;
}

.select-detail-cover{
  width:100%;
  height:clamp(220px,34vw,420px);
  background:#f8fbff;
  border-bottom:1px solid rgba(7,88,200,.14);
}

.select-detail-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

.select-detail-hero-card > span,
.select-detail-hero-card > h1,
.select-detail-hero-card > p,
.select-detail-hero-card > .select-meta,
.select-detail-hero-card > .actions{
  margin-left:clamp(22px,4vw,42px) !important;
  margin-right:clamp(22px,4vw,42px) !important;
}

.select-detail-hero-card > span{
  margin-top:clamp(22px,3vw,34px);
}

.select-detail-hero-card > .actions{
  margin-bottom:clamp(22px,3vw,34px);
}

@media(max-width:900px){
  .select-row-cover,
  .select-timeline-card{
    grid-template-columns:1fr !important;
  }

  .select-cover-thumb,
  .select-timeline-cover{
    height:210px;
  }

  .select-detail-cover{
    height:240px;
  }
}


/* ICEFOX_PHASE17_10_COVER_VIDEO_POLISH */
.select-detail-cover{
  height:clamp(190px,28vw,330px) !important;
}

.select-cover-thumb,
.select-timeline-cover{
  aspect-ratio:16/9;
  min-height:0 !important;
}

.select-cover-thumb img,
.select-timeline-cover img,
.select-detail-cover img{
  object-fit:cover;
  object-position:center;
}

.select-media-video video{
  width:100%;
  max-height:420px;
  display:block;
  background:#061b3d;
  border-radius:22px 22px 0 0;
}

.select-media-video .select-media-body a{
  color:#0758c8;
  font-weight:900;
  text-decoration:none;
}

@media(max-width:700px){
  .select-detail-cover{
    height:220px !important;
  }

  .select-media-video video{
    max-height:320px;
  }
}


/* ICEFOX_PHASE17_10B_VIDEO_CARD_CSS */
.select-media-video video{
  width:100%;
  display:block;
  max-height:430px;
  background:#061b3d;
  border-radius:22px 22px 0 0;
}

.select-media-video .select-media-body a{
  color:#0758c8;
  font-weight:900;
  text-decoration:none;
}


/* ICEFOX_PHASE17_10C_SELECT_COVER_LAYOUT_FIX */
body.selects-history .select-list{
  display:grid !important;
  gap:18px !important;
}

body.selects-history .select-row-cover{
  display:grid !important;
  grid-template-columns:180px minmax(0,1fr) 96px !important;
  gap:18px !important;
  align-items:center !important;
  padding:18px !important;
  overflow:hidden !important;
}

body.selects-history .select-cover-thumb{
  width:180px !important;
  min-width:180px !important;
  height:112px !important;
  min-height:112px !important;
  max-height:112px !important;
  aspect-ratio:auto !important;
  border-radius:18px !important;
  background:#fff !important;
  overflow:hidden !important;
  position:relative !important;
  z-index:1 !important;
}

body.selects-history .select-cover-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  transform:none !important;
  padding:4px !important;
  box-sizing:border-box !important;
  background:#fff !important;
}

body.selects-history .select-row-main{
  min-width:0 !important;
  position:relative !important;
  z-index:2 !important;
}

body.selects-history .select-row-main h2{
  margin:8px 0 6px !important;
  line-height:1.18 !important;
  overflow-wrap:anywhere !important;
}

body.selects-history .select-row-main p{
  margin:6px 0 !important;
}

body.selects-history .select-row-action{
  justify-self:end !important;
  align-self:center !important;
  position:relative !important;
  z-index:3 !important;
  white-space:nowrap !important;
}

body.selects-history .select-row-action .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:76px !important;
}

/* Hlavní Selects timeline – fotka nesmí sahat do textu */
body.selects-home .select-timeline-card{
  display:grid !important;
  grid-template-columns:180px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:center !important;
  padding:18px !important;
}

body.selects-home .select-timeline-cover{
  width:180px !important;
  height:112px !important;
  min-height:112px !important;
  border-radius:18px !important;
  background:#fff !important;
  overflow:hidden !important;
}

body.selects-home .select-timeline-cover img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:4px !important;
  box-sizing:border-box !important;
  background:#fff !important;
}

@media(max-width:820px){
  body.selects-history .select-row-cover{
    grid-template-columns:1fr !important;
  }

  body.selects-history .select-cover-thumb,
  body.selects-home .select-timeline-cover{
    width:100% !important;
    min-width:0 !important;
    height:190px !important;
    max-height:190px !important;
  }

  body.selects-history .select-row-action{
    justify-self:start !important;
  }

  body.selects-home .select-timeline-card{
    grid-template-columns:1fr !important;
  }
}

/* ICEFOX_PHASE17_11B_VIDEO_SECTION */
.select-section-lead{
  margin-top:-4px;
  color:#52677f;
  line-height:1.6;
}

.select-video-section{
  background:linear-gradient(135deg,#ffffff,#f4f9ff) !important;
}

.select-video-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  margin-top:18px;
}

.select-video-card{
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(7,88,200,.16);
  background:#fff;
  box-shadow:0 18px 48px rgba(6,27,61,.09);
}

.select-video-card video{
  width:100%;
  max-height:520px;
  display:block;
  background:#061b3d;
}

.select-video-link{
  display:flex;
  min-height:180px;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  background:linear-gradient(135deg,#061b3d,#0758c8);
  color:#fff;
  font-size:24px;
  font-weight:1000;
}

.select-video-card .select-media-body{
  padding:18px 20px;
}

.select-video-card .select-media-body strong{
  font-size:20px;
}

.select-video-card .select-media-body small{
  display:block;
  margin-top:8px;
}

.select-video-card .select-media-body a,
.select-link-media a{
  color:#0758c8;
  font-weight:900;
  text-decoration:none;
}

@media(max-width:700px){
  .select-video-card video{
    max-height:340px;
  }
}

/* ICEFOX_PHASE17_12_CLEAN_GALLERY_TITLES */
.select-media-item:not(:has(.select-media-body)){
  padding-bottom:0;
}