/* ==========================================================
   DANGYLSIRL PUBLIC ANNOUNCEMENTS V1
   ========================================================== */

html.dgl-announcement-open,
body.dgl-announcement-open {
  overflow:hidden !important;
}


.dgl-announcement-layer {

  position:fixed;

  inset:0;

  z-index:2147483000;

  display:flex;

  align-items:center;

  justify-content:center;

  padding:16px;

  background:
    rgba(
      1,
      5,
      8,
      var(--ann-backdrop,.72)
    );

  backdrop-filter:
    blur(
      var(--ann-blur,12px)
    )
    saturate(115%);

  -webkit-backdrop-filter:
    blur(
      var(--ann-blur,12px)
    )
    saturate(115%);
}


.dgl-announcement-card {

  position:relative;

  width:min(
    var(--ann-width,640px),
    calc(100vw - 32px)
  );

  max-height:
    calc(100vh - 32px);

  overflow:auto;

  border:
    1px solid
    color-mix(
      in srgb,
      var(--ann-accent,#27c5ff) 48%,
      #29343a
    );

  border-radius:20px;

  background:
    linear-gradient(
      160deg,
      rgba(20,29,34,.985),
      rgba(8,13,17,.99)
    );

  box-shadow:
    0 30px 100px rgba(0,0,0,.72);

  color:#eef5f7;

  font-family:
    var(--ann-font,inherit);
}


.dgl-announcement-close {

  position:absolute;

  top:12px;

  right:12px;

  z-index:4;

  width:38px;

  height:38px;

  display:grid;

  place-items:center;

  border:
    1px solid rgba(255,255,255,.13);

  border-radius:10px;

  background:
    rgba(6,10,13,.82);

  color:#eef5f7;

  font:inherit;

  font-size:24px;

  line-height:1;

  cursor:pointer;

  backdrop-filter:
    blur(10px);
}


.dgl-announcement-close:hover {

  color:
    var(--ann-accent,#27c5ff);

  border-color:
    var(--ann-accent,#27c5ff);
}


.dgl-announcement-image {

  display:block;

  width:100%;

  max-height:
    var(--ann-image-height,320px);

  object-fit:contain;

  border-radius:
    20px 20px 0 0;

  background:#070b0e;

  border-bottom:
    1px solid rgba(255,255,255,.07);
}


.dgl-announcement-content {

  display:flex;

  align-items:flex-start;

  gap:18px;

  padding:28px;
}


.dgl-announcement-icon {

  flex:0 0 auto;

  width:
    var(--ann-icon-size,36px);

  height:
    var(--ann-icon-size,36px);

  color:
    var(--ann-accent,#27c5ff);
}


.dgl-announcement-icon svg {

  display:block;

  width:100%;

  height:100%;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;

  stroke-linejoin:round;
}


.dgl-announcement-copy {

  min-width:0;

  flex:1;
}


.dgl-announcement-copy h2 {

  margin:
    0 44px 10px 0;

  color:#f3f8fa;

  font-size:
    var(--ann-title-size,30px);

  font-weight:
    var(--ann-title-weight,700);

  line-height:1.15;

  overflow-wrap:anywhere;
}


.dgl-announcement-body {

  color:#adbdc5;

  font-size:
    var(--ann-body-size,16px);

  font-weight:
    var(--ann-body-weight,400);

  line-height:1.65;

  white-space:pre-line;
  text-align:left;

  overflow-wrap:anywhere;
}


@media(max-width:620px) {

  .dgl-announcement-layer {
    padding:10px;
  }


  .dgl-announcement-card {

    width:
      calc(100vw - 20px);

    max-height:
      calc(100vh - 20px);

    border-radius:16px;
  }


  .dgl-announcement-image {

    border-radius:
      16px 16px 0 0;
  }


  .dgl-announcement-content {

    flex-direction:column;

    gap:13px;

    padding:
      23px 20px 22px;
  }
}




/* DANGYLSIRL_ANNOUNCEMENT_CTA_PUBLIC_V2 */

.dgl-announcement-cta-row {

  display:flex;

  align-items:center;

  justify-content:flex-start;

  margin-top:20px;
}


.dgl-announcement-cta {

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:10px;

  min-height:44px;

  padding:
    0 18px;

  border:
    1px solid
    color-mix(
      in srgb,
      var(--ann-accent,#27c5ff) 70%,
      #ffffff
    );

  border-radius:11px;

  background:
    color-mix(
      in srgb,
      var(--ann-accent,#27c5ff) 20%,
      #0a0f13
    );

  color:#ffffff;

  font:inherit;

  font-size:14px;

  font-weight:800;

  line-height:1;

  text-decoration:none;

  cursor:pointer;

  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease;
}


.dgl-announcement-cta:hover {

  transform:
    translateY(-1px);

  border-color:
    var(--ann-accent,#27c5ff);

  background:
    color-mix(
      in srgb,
      var(--ann-accent,#27c5ff) 28%,
      #0a0f13
    );

  text-decoration:none;
}


.dgl-announcement-cta-arrow {

  font-size:18px;

  line-height:1;
}


@media(max-width:620px) {

  .dgl-announcement-cta {

    width:100%;
  }
}

/* END_DANGYLSIRL_ANNOUNCEMENT_CTA_PUBLIC_V2 */


/* END DANGYLSIRL_PUBLIC_ANNOUNCEMENTS_V1 */

/* DANGYLSIRL_ANNOUNCEMENT_RESPONSIVE_V1 */

/*
 * Desktop:
 * nie pozwalamy modalowi przyklejać się
 * prawie do górnej i dolnej krawędzi ekranu.
 */
.dgl-announcement-layer {
  padding:
    30px 24px;
}

.dgl-announcement-card {
  max-height:
    calc(100dvh - 60px);
}

.dgl-announcement-image {
  max-height:
    min(
      var(--ann-image-height,320px),
      58dvh
    );
}


/*
 * Telefony:
 *
 * Modal ma wyglądać jak okno nad stroną,
 * a nie jak pełnoekranowa podstrona.
 */
@media(max-width:620px) {

  .dgl-announcement-layer {
    padding:
      28px 20px;
  }


  .dgl-announcement-card {

    width:
      min(
        var(--ann-width,640px),
        calc(100vw - 40px)
      );

    max-height:
      calc(100dvh - 56px);

    border-radius:
      16px;
  }


  .dgl-announcement-image {

    max-height:
      min(
        var(--ann-image-height,320px),
        46dvh
      );

    border-radius:
      16px 16px 0 0;
  }


  .dgl-announcement-content {

    gap:
      11px;

    padding:
      18px 17px 19px;
  }


  .dgl-announcement-copy h2 {

    margin:
      0 36px 9px 0;

    font-size:
      min(
        var(--ann-title-size,30px),
        24px
      );

    line-height:
      1.16;
  }


  .dgl-announcement-body {

    font-size:
      min(
        var(--ann-body-size,16px),
        15px
      );

    line-height:
      1.5;
  }


  .dgl-announcement-icon {

    width:
      min(
        var(--ann-icon-size,36px),
        30px
      );

    height:
      min(
        var(--ann-icon-size,36px),
        30px
      );
  }


  .dgl-announcement-close {

    top:
      9px;

    right:
      9px;

    width:
      34px;

    height:
      34px;

    border-radius:
      9px;

    font-size:
      21px;
  }


  .dgl-announcement-cta-row {
    margin-top:
      16px;
  }


  .dgl-announcement-cta {

    min-height:
      41px;

    padding:
      0 15px;

    font-size:
      13px;
  }

}


/*
 * Bardzo małe telefony.
 */
@media(max-width:390px) {

  .dgl-announcement-layer {
    padding:
      24px 17px;
  }


  .dgl-announcement-card {

    width:
      calc(100vw - 34px);

    max-height:
      calc(100dvh - 48px);
  }


  .dgl-announcement-image {

    max-height:
      min(
        var(--ann-image-height,320px),
        43dvh
      );
  }


  .dgl-announcement-content {

    padding:
      16px 15px 17px;
  }


  .dgl-announcement-copy h2 {

    font-size:
      min(
        var(--ann-title-size,30px),
        22px
      );
  }

}

/* END_DANGYLSIRL_ANNOUNCEMENT_RESPONSIVE_V1 */