/* okei.lv - "Zinot par kludu". Desktopa: peldosa poga pie iezimeta teksta.
   Mobilaja: FIKSETA poga ekrana apaksa (delfi pattern) - pie teksta to aizsegtu iOS native izvelne. */

/* --- Ieteikuma kastite rakstā (markup nak no inc/report-error.php the_content filtra) --- */
.okei-report-hint{
  display:flex; align-items:flex-start; gap:12px;
  margin:40px 0 0; padding:16px 18px;
  background:#F8FAFC; border:1px solid #E2E8F0; border-radius:12px;
  font-size:15px; color:#64748B; line-height:1.5;
}
.okei-report-hint b{ color:#0F172A; }
.okei-rh-ico{ color:#06B6D4; font-size:18px; line-height:1.4; }

/* --- Poga --- */
#okei-report-btn{
  position:absolute; z-index:9998; transform:translateX(-50%);
  display:none; align-items:center; justify-content:center;
  padding:9px 16px; border:0; border-radius:999px; cursor:pointer;
  background:#0F172A; color:#fff;
  font-family:inherit; font-size:14px; font-weight:800; letter-spacing:.2px;
  box-shadow:0 6px 20px rgba(15,23,42,.28);
}
#okei-report-btn.is-visible{ display:flex; }
@media (hover:hover){ /* uz skarienekrana :hover iestregst pec pieskariena */
  #okei-report-btn:hover{ background:#06B6D4; color:#0F172A; }
}
#okei-report-btn:active{ transform:translateX(-50%) scale(.98); }
#okei-report-btn.is-fixed:active{ transform:scale(.99); }

/* Mobilais: pilna platuma josla ekrana apaksa */
#okei-report-btn.is-fixed{
  position:fixed; left:16px; right:16px; bottom:calc(16px + env(safe-area-inset-bottom));
  transform:none; width:auto; padding:16px 20px; border-radius:14px;
  font-size:16px; min-height:52px;
}

/* --- Modālis --- */
html.okei-rm-lock{ overflow:hidden; }
#okei-report-modal{ position:fixed; inset:0; z-index:9999; display:none; }
#okei-report-modal.is-open{ display:block; }
.okei-rm-backdrop{ position:absolute; inset:0; background:rgba(15,23,42,.55); }
.okei-rm-box{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(520px, calc(100vw - 32px)); max-height:calc(100vh - 32px); overflow:auto;
  background:#fff; border-radius:16px; padding:24px; box-sizing:border-box;
}
.okei-rm-close{
  position:absolute; top:10px; right:12px; width:36px; height:36px;
  border:0; background:none; font-size:26px; line-height:1; color:#64748B; cursor:pointer;
}
.okei-rm-title{ margin:0 0 14px; font-size:20px; font-weight:800; color:#0F172A; }
.okei-rm-quote{
  margin:0 0 16px; padding:12px 14px; border-left:3px solid #06B6D4;
  background:#F8FAFC; border-radius:0 8px 8px 0;
  font-size:15px; color:#334155; font-style:normal;
}
.okei-rm-label{ display:block; margin-bottom:6px; font-size:14px; font-weight:700; color:#0F172A; }
#okei-rm-comment{
  width:100%; box-sizing:border-box; padding:10px 12px;
  border:1px solid #E2E8F0; border-radius:10px; font-family:inherit; font-size:16px; color:#0F172A;
  resize:vertical;
}
#okei-rm-comment:focus{ outline:2px solid #06B6D4; outline-offset:1px; border-color:#06B6D4; }
.okei-rm-hp{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }
.okei-rm-actions{ display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-top:16px; }
.okei-rm-status{ font-size:14px; color:#64748B; margin-right:auto; }
.okei-rm-send{
  border:0; border-radius:999px; padding:11px 22px; cursor:pointer;
  background:#06B6D4; color:#0F172A; font-family:inherit; font-size:15px; font-weight:800;
}
.okei-rm-send:hover{ background:#0891B2; color:#fff; }
.okei-rm-send:disabled{ opacity:.55; cursor:default; }

@media (max-width:600px){
  .okei-rm-box{ left:0; right:0; bottom:0; top:auto; transform:none; width:100%;
    max-height:88vh; border-radius:16px 16px 0 0; padding:22px 18px calc(22px + env(safe-area-inset-bottom)); }
  .okei-rm-actions{ flex-wrap:wrap; }
  .okei-rm-send{ flex:1; min-height:48px; }
}

/* Kad redzama zinosanas josla, Kadence scroll-up poga (ari fikseta apaksa) tiek slepta - citadi tas parklajas */
html.okei-report-active #kt-scroll-up{ opacity:0 !important; pointer-events:none; }