.elementor-1650 .elementor-element.elementor-element-360c595{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}/* Start custom CSS for html, class: .elementor-element-b112539 *//* =========================================================
   BOX S IP ADRESOU – základní vzhled
   ========================================================= */
.moje-ip .ip-box{
  background: #f5f7fb !important;        /* pozadí boxu */
  color: #222222 !important;             /* základní barva textu v boxu */

  border: 2px solid #0a2a66 !important;  /* obrys boxu */
  border-radius: 12px !important;        /* zaoblení */
  padding: 14px 16px !important;         /* vnitřní odsazení */

  font-size: 18px !important;            /* velikost písma (PC) */
  line-height: 1.35;
  font-weight: 500;

  display: inline-flex;
  gap: 10px;
  align-items: baseline;
  box-sizing: border-box;
}

/* Popisek "Vaše IP adresa:" */
.moje-ip .ip-label{
  font-weight: 500;
  color: inherit;
}

/* =========================================================
   IP ADRESA – RÁMEČEK BEZ ANIMACE
   ---------------------------------------------------------
   - hover (myš) → rámeček
   - focus (myš i klávesnice) → rámeček
   ========================================================= */

/* Základ – zaoblení rohů */
.moje-ip .ip-copy{
  border-radius: 1px;
}

/* Hover – myš */
.moje-ip .ip-copy:hover{
  outline: 2px solid blue;
  outline-offset: 1px;
}

/* Focus – myš i klávesnice */
.moje-ip .ip-copy:focus,
.moje-ip .ip-copy:focus-visible{
  outline: 1px solid blue;
  outline-offset: 5px;
}


/* =========================================================
   IP – klikací prvek
   - výchozí barva je normální (dědí z boxu)
   - tmavě modrá je pouze na hover
   ========================================================= */
.moje-ip .ip-copy{
  position: relative;            /* kvůli tooltipu */
  cursor: pointer;

  color: inherit !important;     /* VÝCHOZÍ: není modrá, zdědí se (černá) */
  text-decoration: underline;    /* ať je jasné, že je klikací */
  font-weight: 700;
  outline: none;
  word-break: break-word;
}

/* HOVER: tmavě modrá až při najetí */
.moje-ip .ip-copy:hover{
  color: blue !important;     /* tmavě modrá na hover */
}

/* Efekt po zkopírování */
.moje-ip .ip-copy.ip-copied{
  transform: scale(1.02);
}

/* Deaktivace při chybě */
.moje-ip .ip-copy--disabled{
  cursor: not-allowed;
  opacity: 0.7;
  text-decoration: none;
}

/* =========================================================
   Tooltip – bere text z data-tooltip
   ========================================================= */
.moje-ip .ip-copy[data-tooltip]::after{
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);

  background: #0f172a;
  color: #ffffff;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
  z-index: 9999;
}

.moje-ip .ip-copy[data-tooltip]::before{
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 4px);
  transform: translateX(-50%);

  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #0f172a transparent transparent transparent;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
  z-index: 9999;
}

/* Tooltip se ukáže při hover nebo focus */
.moje-ip .ip-copy:hover::after,
.moje-ip .ip-copy:hover::before,
.moje-ip .ip-copy:focus::after,
.moje-ip .ip-copy:focus::before{
  opacity: 1;
}

/* Skrytý status pro čtečky */
.moje-ip .ip-sr{
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* =========================================================
   Responzivní úpravy
   ========================================================= */
@media (max-width: 1024px){
  .moje-ip .ip-box{
    font-size: 16px !important;
    padding: 12px 14px !important;
  }
}

@media (max-width: 767px){
  .moje-ip .ip-box{
    font-size: 15px !important;
    padding: 12px 12px !important;

    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
}/* End custom CSS */