@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800&display=swap');

:root{
	--cream:#ECDAD4;
	--orange:#D66A3D;
	--dark:#0b1b28;
}

  #avant-modal.modal{
    background:transparent;
    padding:0;
    box-shadow:none;
    border-radius:0;
    max-width:none;
    width:auto;
  }

/* --- karta modalu --- */
  .avant-aik-2026-modal__card{
    position:relative;
    overflow:hidden;
    font-family:'Inter', sans-serif;
    color:var(--cream);
    background-color:var(--dark);
    background-image:url('../img/aik-2026/pozadi.png');
    background-size:cover;
    background-position:left;
  }

  .avant-aik-2026-modal__people{
    display:block;
    user-select:none;
    pointer-events:none;
  }

  .avant-aik-2026-modal__close{
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0.2);
    border:1px solid var(--cream);
    cursor:pointer;
    padding:0;
    z-index:2;
  }
  .avant-aik-2026-modal__close svg{
    width:55%;
    height:55%;
    stroke:#fff;
    stroke-width:2;
    fill:none;
    stroke-linecap:round;
  }

  .avant-aik-2026-modal__content{
    margin:0;
  }

  .avant-aik-2026-modal__header{
    margin:0;
  }

  .avant-aik-2026-modal__logo{
    display:block;
    height:auto;
    margin:0;
    user-select:none;
    pointer-events:none;
  }

  .avant-aik-2026-modal__title{
    font-weight:700;
    color:var(--cream);
    letter-spacing:0.02em;
    margin:0;
  }

  .avant-aik-2026-modal__info{
    display:flex;
    flex-direction:column;
    list-style:none;
    margin:0;
    padding:0;
  }
  .avant-aik-2026-modal__info li{
    display:flex;
    align-items:center;
  }
  .avant-aik-2026-modal__info .icon{
    color:var(--orange);
    flex-shrink:0;
  }
  .avant-aik-2026-modal__info .icon svg{ display:block; width:100%; height:100%; }
  .avant-aik-2026-modal__info .txt{
    font-weight:600;
    color:var(--cream);
    line-height:1.2;
  }

  .avant-aik-2026-modal__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--orange);
    color:var(--cream);
    font-family:inherit;
    font-weight:400;
    letter-spacing:0.02em;
    text-decoration:none;
    white-space:nowrap;
    border:none;
    cursor:pointer;
    margin:0;
  }
  .avant-aik-2026-modal__button:hover{ opacity:.92; }

  .avant-aik-2026-modal__already-registered{
    display:block;
    width:fit-content;
    color:var(--cream);
    font-family:inherit;
    font-weight:400;
    letter-spacing:0.02em;
    text-decoration:underline;
    text-underline-offset:2px;
    opacity:.75;
    cursor:pointer;
  }
  .avant-aik-2026-modal__already-registered:hover{ opacity:1; }

  /* ============ MOBIL (výchozí, naskládané pod sebe) ============ */
  .avant-aik-2026-modal__card{
    width:92vw;
    max-width:460px;
    max-height:90vh;
    overflow-y:auto;
    display:flex;
    flex-direction:column;
  }
  .avant-aik-2026-modal__people{
    display:none;
  }
  .avant-aik-2026-modal__close{
    top:12px; right:12px;
    width:34px; height:34px;
  }
  .avant-aik-2026-modal__content{
    order:2;
    margin:22px 22px 26px;
  }
  .avant-aik-2026-modal__logo{
    width:100px;
  }
  .avant-aik-2026-modal__title{
    width:auto;
    font-size:26px;
    line-height:1.15;
    margin-top:14px;
  }
  .avant-aik-2026-modal__info{
    width:auto;
    gap:10px;
    margin-top:22px;
  }
  .avant-aik-2026-modal__info li{ gap:12px; padding-left: 0;}
  .avant-aik-2026-modal__info li:before{ display: none; }
  .avant-aik-2026-modal__info .icon{ width:22px; height:22px; }
  .avant-aik-2026-modal__info .txt{ font-size:15px; }
  .avant-aik-2026-modal__button{
    margin-top:24px;
    padding:12px 18px;
    font-size:15px;
  }
  .avant-aik-2026-modal__already-registered{
    margin-top:14px;
    font-size:13px;
  }

  /* ============ do 500px: modal na celou šířku ============ */
  @media (max-width:500px){
    #avant-modal.modal,
    .avant-aik-2026-modal__card{
      width:100%;
      max-width:100%;
    }
  }

  /* ============ DESKTOP (od 860px, pevný rozměr 1139×620 px dle Figmy) ============ */
  @media (min-width:860px){
    .avant-aik-2026-modal__card{
      --content-left:195px;
      width:1139px;
      height:auto;
      max-width: 1139px;
      max-height:none;
      overflow:hidden;
      display:block;
    }
    .avant-aik-2026-modal__people{
      display:block;
      position:absolute;
      top:0; right:0;
      height:100%;
      width:auto;
      max-height:none;
      object-fit:initial;
    }
    .avant-aik-2026-modal__close{
      right:21px; top:21px;
      width:40px; height:40px;
    }
    .avant-aik-2026-modal__content{
      margin-left:var(--content-left);
      margin-top:82px;
      width:360px;
    }
    .avant-aik-2026-modal__logo{
      width:134px;
    }
    .avant-aik-2026-modal__title{
      margin-top:26px;
      width:360px;
      font-size:53px;
      line-height:1.1;
    }
    .avant-aik-2026-modal__info{
      margin-top:50px;
      width:307px;
      gap:9px;
    }
    .avant-aik-2026-modal__info li{ gap:17px; }
    .avant-aik-2026-modal__info .icon{ width:29px; height:29px; }
    .avant-aik-2026-modal__info .txt{ font-size:21px; }
    .avant-aik-2026-modal__button{
      margin-top:50px;
      padding:12px 14px;
      font-size:18px;
    }
  }

  /* ============ od 860px do 1200px: užší varianta karty ============ */
  @media (min-width:860px) and (max-width:1200px){
    .avant-aik-2026-modal__card{
      --content-left:65px;
      width:960px;
    }
  }

  /* ============ od 860px do 1020px: ještě užší varianta karty ============ */
  @media (min-width:860px) and (max-width:1020px){
    .avant-aik-2026-modal__title{
      font-size:37px;
    }
    .avant-aik-2026-modal__info .txt{
      font-size:17px;
    }
    .avant-aik-2026-modal__card{
      --content-left:37px;
      width:812px;
    }
  }