/* „Ještě moment!" — okno při odchodu ze stránky (vzor cartop.cz).
   Šablona: src/View/partials/exit_intent.php, chování: assets/js/exit-intent.js */

.eip{--eip-red:var(--orange,#d10000);--eip-navy:var(--blue,#012c5f);
  position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;
  background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s ease}
.eip[hidden]{display:none}
.eip.is-open{opacity:1}

.eip-dialog{display:grid;grid-template-columns:38% 1fr;width:100%;max-width:900px;max-height:90dvh;overflow-y:auto;
  border-radius:24px;background:#fff;color:#1a1a1a;box-shadow:0 25px 50px -12px rgba(0,0,0,.35);
  transform:scale(.95);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.eip.is-open .eip-dialog{transform:none}

/* Levý panel */
.eip-panel{display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:32px;background:var(--eip-navy);color:#fff}
.eip-logo{display:block;width:150px;height:auto;filter:brightness(0) invert(1)}
.eip-panel-title{margin:0;font-size:34px;font-weight:700;line-height:1.1;letter-spacing:.01em}
.eip-panel-sub{margin:12px 0 0;font-size:16px;line-height:1.5;color:rgba(255,255,255,.8)}
.eip-benefits{display:grid;gap:12px;margin:0;padding:0;list-style:none;font-size:14px;line-height:1.4}
.eip-benefits li{display:flex;align-items:center;gap:12px}
.eip-benefits svg{flex:none;color:#34d399}

/* Pravá část */
.eip-main{padding:32px 40px 28px}
.eip-strip{display:none}
.eip-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.eip-badge{display:inline-block;padding:4px 12px;border-radius:9999px;background:rgba(209,0,0,.1);color:var(--eip-red);font-size:12px;font-weight:600}
.eip-close{flex:none;display:grid;place-items:center;width:40px;height:40px;margin:-4px -4px 0 0;border-radius:50%;color:#5d6b7a;background:transparent;transition:background .15s}
.eip-close:hover{background:#e5e7eb}
.eip-close:focus-visible,.eip-dismiss:focus-visible,.eip-submit:focus-visible{outline:2px solid var(--eip-red);outline-offset:3px}
.eip-title{margin:0;color:#000;font-size:36px;font-weight:700;line-height:1.1;letter-spacing:.01em}
.eip-sub{margin:8px 0 0;color:var(--eip-red);font-size:22px;font-weight:600;line-height:1.2}
.eip-body{margin:16px 0 0;color:#3b4b58;font-size:16px;line-height:1.6}
.eip-body [data-eip-when]{font-weight:600;color:#1a1a1a}
.eip-form{display:grid;gap:14px;margin:24px 0 0}
.eip-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.eip-field{position:relative}
.eip-field-ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;color:#5d6b7a;pointer-events:none}
.eip-field input{display:block;width:100%;height:56px;box-sizing:border-box;padding:0 16px 0 46px;border:1px solid #bfcbd4;border-radius:9999px;
  background:#fff;color:#262d37;font:inherit;font-size:16px;outline:none;transition:border-color .15s}
.eip-field input::placeholder{color:#4c6172}
.eip-field input:focus{border-color:var(--eip-red)}
.eip-error{padding:8px 12px;border-radius:8px;background:#fef2f2;color:#991b1b;font-size:14px;line-height:1.4}
.eip-error[hidden]{display:none}
.eip-submit{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;box-sizing:border-box;
  padding:8px 56px;border:0;border-radius:9999px;background:var(--eip-red);color:#fff;font-size:16px;font-weight:600;line-height:1.2;transition:background .2s}
.eip-submit:hover{background:#b00000}
.eip-submit:disabled{cursor:progress;opacity:.85}
.eip-submit-ic{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;
  border-radius:9999px;background:#fff;color:var(--eip-red)}
.eip-submit.is-loading .eip-submit-ic svg{animation:eipPulse 1s ease-in-out infinite}
@keyframes eipPulse{50%{opacity:.35}}
.eip-dismiss{display:block;margin:18px auto 0;padding:8px;background:none;border:0;color:#1a1a1a;font-size:14px;font-weight:600;cursor:pointer}
.eip-dismiss:hover{text-decoration:underline}

/* Poděkování */
.eip-done{text-align:center;padding:24px 0 16px}
.eip-done[hidden]{display:none}
.eip-done-ic{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 16px;box-sizing:border-box;border:4px solid var(--eip-red);border-radius:50%;color:var(--eip-red)}
.eip-done-ic svg{stroke-width:3}
.eip-done .eip-title{font-size:30px}

/* Mobil: levý panel zmizí, zůstane z něj tmavý pruh nahoře */
@media(max-width:767px){
  .eip{padding:12px}
  .eip-dialog{grid-template-columns:1fr;border-radius:20px}
  .eip-panel{display:none}
  .eip-main{padding:16px 20px 18px}
  .eip-strip{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 16px;border-radius:16px;
    background:var(--eip-navy);color:#fff;font-size:14px;font-weight:600}
  .eip-top{margin-bottom:14px}
  .eip-title{font-size:28px}
  .eip-sub{font-size:19px}
  .eip-body{font-size:14.5px;margin-top:12px}
  .eip-form{margin-top:18px;gap:12px}
  .eip-field input{height:50px}
  .eip-submit{min-height:50px;font-size:15px}
  .eip-dismiss{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){
  .eip,.eip-dialog{transition:none}
}
@media print{.eip{display:none}}