/* raskid-prosvjeta.css — PROSVJETA boje za JRU footer gumb + stranicu/popup.
   Override raskid.css varijabli. Site style.css NETAKNUT. Učitava se IZA raskid.css.
   Paleta iz sitea (templates/css/style.css :root): --blue #2a6db5, --blue-dark #1a4f8a (footer), --accent #e8f0fb.
   Footer je tamnoplav (#1a4f8a); gumb = akcentna plava „Kategorije" (#2a6db5). Konačan izgled footer-gumba = korak 3. */
:root{
    --rk-btn-bg:       #2a6db5;
    --rk-btn-bg-hover: #1a4f8a;
    --rk-btn-fg:       #fff;
}
.raskid-footer-btn,
.raskid-footer-btn:link,
.raskid-footer-btn:visited{
    background:#2a6db5 !important;
    color:#fff !important;
    text-transform:none !important;
    text-decoration:none !important;
}
.raskid-footer-btn:hover,
.raskid-footer-btn:focus{
    background:#3f83cc !important;   /* na tamnoplavom footeru hover posvijetli (ne potamni) radi kontrasta */
    color:#fff !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; }
}

/* ============ v1.2.2 — footer gumb (gejtana injekcija .jru-row/.jru-btn) ============ */
/* Zaseban red na sredini, iznad kartica za plaćanje (i kao bijela traka na gdpr). Stil kao gumb „Registracija" u zaglavlju. */
.jru-row{display:flex;justify-content:center;padding:14px 16px 6px}
.jru-btn{display:inline-flex;align-items:center;background:#2a6db5;color:#fff!important;border-radius:22px;font:700 13px Montserrat,sans-serif;letter-spacing:.3px;padding:10px 22px;text-decoration:none;text-transform:uppercase;box-shadow:0 2px 6px rgba(26,79,138,.25)}
.jru-btn:hover{background:#1a4f8a}

/* Responsiva reda pravnih linkova (uzrok = tema: flex-wrap:nowrap + skriveni horiz. scroll; 8 linkova već prelazi na 1024px). */
.shop_footer_functions nav ul{flex-wrap:wrap;overflow:visible;row-gap:6px}
.shop_footer_functions nav ul li:last-child::after{display:none}
@media (max-width:768px){
  .shop_footer_functions nav ul{justify-content:center}
  .jru-row{order:2;padding:12px 16px 16px}
}
@media (max-width:600px){
  .shop_footer_functions nav{padding:14px 16px}
  .shop_footer_functions nav ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}
  .shop_footer_functions nav ul li{justify-content:center}
  .shop_footer_functions nav ul li:not(:last-child)::after{display:none}
  .shop_footer_functions nav ul li a{white-space:normal;text-align:center;padding:8px 4px;font-size:11px}
}

/* ============ JRU stranica/popup — izgled forme ============ */
/* 1. makni 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 #dde8f4;border-top:4px solid #2a6db5;border-radius:10px;
  box-shadow:0 6px 24px rgba(42,109,181,.10);font-family:inherit;box-sizing:border-box}
.raskid-wrap h1,.raskid-wrap h2{margin:0 0 10px;font-size:26px;font-weight:700;color:#1a4f8a;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:#1a4f8a}
.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:#2d2d2d;background:#fff;border:1px solid #cfd8e4;border-radius:6px}
.raskid-form textarea{min-height:120px;resize:vertical}
.raskid-form input:focus,.raskid-form textarea:focus{outline:0;border-color:#2a6db5;box-shadow:0 0 0 3px rgba(42,109,181,.22)}

/* 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:#2a6db5 !important;color:#fff !important;
  font-family:inherit;font-size:15px !important;font-weight:700;line-height:1.2;cursor:pointer}
.raskid-wrap .raskid-btn:hover{background:#1a4f8a !important}

/* 5. napomena i greške */
.raskid-gdpr-info{margin:22px 0 0;padding-top:16px;border-top:1px solid #eef2f7;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%}
}