/* raskid-atel.css — ATEL boje za JRU footer gumb (zadatak 18 t.3). Override raskid.css varijabli. style.css NETAKNUT. Učitava se IZA raskid.css. */
:root{
    --rk-btn-bg:       #f5b400;
    --rk-btn-bg-hover: #e0a400;
    --rk-btn-fg:       #111;
}
.raskid-footer-btn,
.raskid-footer-btn:link,
.raskid-footer-btn:visited{
    background:#f5b400 !important;
    color:#111 !important;
    text-transform:none !important;
    text-decoration:none !important;
}
.raskid-footer-btn:hover,
.raskid-footer-btn:focus{
    background:#e0a400 !important;
    color:#111 !important;
}
.raskid-footer-btn::after{ content:none !important; }
@media (max-width:480px){
    .raskid-footer-btn{ display:block; width:100%; text-align:center; box-sizing:border-box; }
}

/* ============ JRU stranica/popup — izgled forme (Miksa) ============ */
/* 1. makni plavi izbornik iznad forme */
.basic_site_inner_content:has(.raskid-wrap) > ul.menu{display:none !important}

/* 2. forma kao kartica */
.raskid-wrap{max-width:680px;margin:40px auto 60px;padding:36px 40px;background:#fff;
  border:1px solid #e3e6ea;border-top:4px solid #f5b400;border-radius:10px;
  box-shadow:0 6px 24px rgba(15,27,48,.06);font-family:inherit;box-sizing:border-box}
.raskid-wrap h1,.raskid-wrap h2{margin:0 0 10px;font-size:26px;font-weight:700;color:#0f1b30;line-height:1.25}
.raskid-uvod{margin:0 0 26px;font-size:15px;line-height:1.6;color:#4a5260}

/* 3. polja */
.raskid-form label{display:block;margin:0 0 6px;font-size:14px;font-weight:600;color:#0f1b30}
.raskid-form input[type=text],.raskid-form input[type=email],.raskid-form textarea{
  display:block;width:100%;box-sizing:border-box;margin:0 0 18px;padding:12px 14px;
  font:15px/1.4 inherit;color:#111;background:#fff;border:1px solid #cfd4da;border-radius:6px}
.raskid-form textarea{min-height:120px;resize:vertical}
.raskid-form input:focus,.raskid-form textarea:focus{outline:0;border-color:#f5b400;box-shadow:0 0 0 3px rgba(245,180,0,.25)}

/* 4. gumbi (korak 1 "Dalje — pregled" i korak 2 "Potvrditi raskid ugovora") */
.raskid-wrap .raskid-btn,.raskid-form .raskid-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:12px 28px;margin-top:6px;border:0;border-radius:6px;
  background:#f5b400 !important;color:#111 !important;
  font-family:inherit;font-size:15px !important;font-weight:700;line-height:1.2;cursor:pointer}
.raskid-wrap .raskid-btn:hover{background:#e0a400 !important}

/* 5. napomena i greške */
.raskid-gdpr-info{margin:22px 0 0;padding-top:16px;border-top:1px solid #eef0f3;font-size:12.5px;line-height:1.6;color:#6b7280}
.raskid-err{color:#c0392b;font-size:14px}

/* 6. mobitel */
@media (max-width:640px){
  .raskid-wrap{margin:20px 12px 40px;padding:24px 18px;border-radius:8px}
  .raskid-wrap h1,.raskid-wrap h2{font-size:22px}
  .raskid-wrap .raskid-btn{width:100%}
}