/* Jump.AFRICA UI pass 2 (12 Nov 2026): pop-ups, alerts bell, settings cards, messages launcher */
/* ---- Bootstrap modals site-wide ---- */
.modal-backdrop{background:#06121A!important}
.modal-backdrop.in,.modal-backdrop.show{opacity:.55!important}
.modal-dialog{margin-top:8vh!important}
.modal-content{border-radius:0!important;border:1px solid var(--j-line2)!important;border-top:3px solid var(--j-blue)!important;background:var(--j-panel)!important;color:var(--j-ink)!important;box-shadow:0 24px 60px rgba(0,20,35,.28)!important;font-family:var(--j-sans)!important;overflow:hidden}
.modal-content *{font-family:inherit}
.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px!important;border-bottom:1px solid var(--j-line)!important;background:var(--j-panel)!important}
.modal-header::before,.modal-header::after{display:none!important}
.modal-title,.modal-content h1,.modal-content h2,.modal-content h3{margin:0!important;font-family:var(--j-cond)!important;font-weight:700!important;font-size:22px!important;line-height:1.2!important;color:var(--j-ink)!important;letter-spacing:0!important}
.modal-content h4,.modal-content h5{font-family:var(--j-sans)!important;font-weight:600!important;font-size:15px!important;color:var(--j-ink)!important}
.modal-body{padding:18px!important;font-size:14px!important;line-height:1.55;color:var(--j-body)!important}
.modal-body p{font-size:14px!important;color:var(--j-body)!important}
.modal-body label,.modal-body dt,.modal-body th{font:600 11px var(--j-mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--j-mute)!important}
.modal-body table{width:100%;border-collapse:collapse}
.modal-body td,.modal-body th{padding:9px 10px!important;border-bottom:1px solid var(--j-row)!important;text-align:left}
.modal-body td{font-weight:600;color:var(--j-ink)!important}
.modal-body input,.modal-body select,.modal-body textarea{border-radius:0!important;border:1px solid var(--j-line2)!important;background:var(--j-input)!important;color:var(--j-ink)!important;box-shadow:none!important}
.modal-footer{padding:12px 18px!important;border-top:1px solid var(--j-line)!important;background:var(--j-panel2)!important}
.modal-footer .btn,.modal-body .btn{border-radius:0!important;font-weight:600!important}
.modal .btn-primary,.modal .btn-success{background:var(--j-blue)!important;border-color:var(--j-blue)!important;color:#fff!important}
.modal .btn-default,.modal .btn-secondary{background:transparent!important;border:1px solid var(--j-line2)!important;color:var(--j-ink)!important}
.modal .close,.modal-header .close{position:static!important;float:none!important;order:2;margin:0 0 0 auto!important;width:32px;height:32px;padding:0!important;border:1px solid transparent!important;background:none!important;opacity:.7!important;font-size:22px!important;line-height:1!important;color:var(--j-ink)!important;text-shadow:none!important}
.modal .close:hover{opacity:1!important;border-color:var(--j-line)!important}
.modal-body .alert,.modal-body .warning,.modal-body .note{border-radius:0!important;border:0!important;border-left:3px solid var(--j-yellow)!important;background:var(--j-panel2)!important;color:var(--j-body)!important;font-size:13.5px!important}
.modal .fa-clone,.modal .fa-copy{cursor:pointer;color:var(--j-blue)!important;margin-right:6px}
.modal .accdetails{padding:0!important}
.modal .accdetails [class*="copy"],.modal .accdetails .form-control-static{color:var(--j-ink)!important;font-family:var(--j-mono)!important;font-weight:600!important;font-size:15px!important}
.modal .accdetails p.text-center{font-family:var(--j-sans)!important;font-weight:400!important;font-size:13.5px!important;color:var(--j-body)!important;border-left:3px solid var(--j-yellow);background:var(--j-panel2);padding:10px 12px!important;text-align:left!important}
.modal-content{position:relative}
.modal-content > .close,.modal-content > button.close,.modal-content .accdetails > .close{position:absolute!important;top:10px!important;right:10px!important;z-index:2}
.ja-copied{outline:2px solid var(--j-ok);outline-offset:2px}
/* ---- alerts bell dropdown ---- */
.ja-acct .srnotification{position:relative;list-style:none}
.ja-acct .notificationbar{height:auto!important;min-height:0!important;max-height:min(70vh,480px)!important;overflow-y:auto!important;width:min(360px,92vw)!important;z-index:1000!important;padding:0!important;box-shadow:0 18px 40px rgba(0,20,35,.18);border-top:3px solid var(--j-blue)!important}
.ja-acct .notificationbar .uparrow{display:none}
.ja-acct .notificationbar ul,.ja-acct .notificationbar .csbar{margin:0!important;padding:0!important;list-style:none!important;background:none!important;border:0!important}
.jn-alerts-h{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--j-line);font:600 11px var(--j-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--j-hl)}
.jn-alerts-h a{font:500 12px var(--j-sans);letter-spacing:0;text-transform:none;color:var(--j-link)!important}
.jn-alert{display:flex;gap:10px;padding:11px 14px;border-bottom:1px solid var(--j-row);color:var(--j-ink)!important;text-decoration:none!important;font-size:13.5px;line-height:1.4}
.jn-alert:hover{background:var(--j-hover)}
.jn-alert i.jn-adot{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--j-blue)}
.jn-alert.read i.jn-adot{background:var(--j-line2)}
.jn-alert small{display:block;margin-top:3px;font:400 11px var(--j-mono);color:var(--j-mute)}
.jn-alerts-empty{padding:26px 16px;text-align:center;color:var(--j-mute);font-size:13.5px}
.jn-alerts-empty b{display:block;color:var(--j-ink);font-size:15px;margin-bottom:4px}
.jn-alerts-f{display:block;padding:10px 14px;text-align:center;font-size:13px;color:var(--j-link)!important;background:var(--j-panel2)}
/* ---- old chat widget retired (replaced by private Messages) ---- */
.message-sidebar,.bottom-chat{display:none!important}
.jn-msg-fab{position:fixed;right:18px;bottom:18px;z-index:900;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px 0 14px;background:var(--j-ink);color:var(--j-panel)!important;font:600 13px var(--j-sans);text-decoration:none!important;box-shadow:0 10px 30px rgba(0,20,35,.25);border:0}
.jn-msg-fab:hover{background:var(--j-blue);color:#fff!important}
.jn-msg-fab svg{width:18px;height:18px}
.jn-msg-fab b:not(:empty){min-width:20px;height:20px;padding:0 6px;background:var(--j-yellow);color:var(--j-keyink);font:600 11px/20px var(--j-mono);text-align:center;border-radius:10px}
@media print{.jn-msg-fab{display:none}}
/* ---- My Profile Settings cards ---- */
.settings-card{transition:background .2s,border-color .2s}
.settings-card.ja-done .card-inner,.settings-card.ja-todo .card-inner{background:transparent!important;border-color:transparent!important}
.settings-card.ja-done{background:rgba(15,123,75,.09)!important;border-color:rgba(15,123,75,.35)!important;box-shadow:inset 3px 0 0 #0F7B4B}
.settings-card.ja-todo{background:rgba(197,48,48,.075)!important;border-color:rgba(197,48,48,.32)!important;box-shadow:inset 3px 0 0 #C53030}
[data-theme="dark"] .settings-card.ja-done .card-inner,.settings-card.ja-todo .card-inner{background:transparent!important;border-color:transparent!important}
.settings-card.ja-done{background:rgba(61,214,140,.11)!important;border-color:rgba(61,214,140,.35)!important;box-shadow:inset 3px 0 0 #3DD68C}
[data-theme="dark"] .settings-card.ja-todo{background:rgba(255,120,110,.1)!important;border-color:rgba(255,120,110,.32)!important;box-shadow:inset 3px 0 0 #FF7A6E}
.settings-card a.verified{display:inline-flex!important;align-items:center;gap:6px;margin-top:10px!important;padding:3px 9px!important;font:600 12px var(--j-mono)!important;letter-spacing:.06em;text-transform:uppercase;color:#0F7B4B!important;background:rgba(15,123,75,.1);border:1px solid rgba(15,123,75,.3);text-decoration:none!important;pointer-events:none;line-height:1.5!important;height:auto!important}
.settings-card a.verified i,.settings-card a.verified .fa{font-size:13px!important;line-height:1!important}
.settings-card a.verified span{font-size:12px!important}
[data-theme="dark"] .settings-card a.verified{color:#3DD68C!important;background:rgba(61,214,140,.1);border-color:rgba(61,214,140,.3)}
.settings-card .hint{margin-top:6px!important;font:400 12px var(--j-mono)!important;color:var(--j-mute)!important}
.settings-card .ja-state{display:inline-block;margin-left:6px;padding:0 5px;font:600 9.5px/16px var(--j-mono);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
.settings-card.ja-done .ja-state{background:#0F7B4B;color:#fff}
.settings-card.ja-todo .ja-state{background:#C53030;color:#fff}

/* ---- pass 3: header controls, trip form, photos ---- */
.ja-acct{align-items:center!important}
.ja-acct-menu{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important}
.ja-acct-menu > li{margin:0!important;padding:0!important;list-style:none;display:flex;align-items:center}
.ja-acct .ja-theme,.ja-acct .srnotification .nav-ball,.ja-acct-menu > li > a.dropdown-toggle{height:36px!important;box-sizing:border-box}
.ja-acct .ja-theme,.ja-acct .srnotification .nav-ball{width:36px!important}
form[class^="jn-"] > div[style*="display:inline"],form[class*=" jn-"] > div[style*="display:inline"]{display:none!important}
.jn-tripform{align-items:end}
.jn-tripform select,.jn-tripform input{font:14px var(--j-sans)!important;width:100%}
.jn-tripform label.jn-check{flex-direction:row!important;align-items:center;gap:8px;align-self:center;white-space:nowrap;font-size:14px}
.jn-tripform label.jn-check input{width:auto;height:auto}
.jn-tripform button{align-self:end;height:36px}
.jn-init img.ja-zoomable{cursor:zoom-in}
.ja-lightbox{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:rgba(4,10,14,.88);cursor:zoom-out}
.ja-lightbox img{max-width:min(92vw,720px);max-height:78vh;border:3px solid #fff;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.ja-lightbox b{color:#fff;font:600 16px var(--j-sans)}
.ja-photo-cta{position:relative;display:flex;align-items:center;gap:14px;margin:14px 0;padding:14px 16px;background:var(--j-panel);border:1px solid var(--j-line);border-left:4px solid var(--j-yellow)}
.ja-photo-cta .ja-ph{position:relative;flex:none;width:52px;height:52px;border-radius:50%;background:var(--j-blue);color:#fff;display:flex;align-items:center;justify-content:center;font:600 18px var(--j-mono)}
.ja-photo-cta .ja-ph i{position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;border-radius:50%;background:var(--j-yellow);color:#0A131A;display:flex;align-items:center;justify-content:center;border:2px solid var(--j-panel);font-style:normal}
.ja-photo-cta div{flex:1;min-width:0}
.ja-photo-cta b{display:block;font:700 18px var(--j-cond);color:var(--j-ink)}
.ja-photo-cta span{font-size:14px;color:var(--j-body)}
.ja-photo-cta .ja-x{position:absolute;top:6px;right:8px;border:0;background:none;color:var(--j-mute);font-size:18px;cursor:pointer}
.jn-me .ja-cam{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--j-yellow);color:#0A131A;display:flex;align-items:center;justify-content:center;border:2px solid var(--j-panel);font-size:11px}
.jn-me .jn-init{position:relative;overflow:visible}
.jn-me .jn-init img{border-radius:50%}
.ja-addphoto{display:inline-block;margin-top:8px;font:600 12px var(--j-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--j-link)!important}
.jn-fphoto.ja-flash{outline:3px solid var(--j-yellow);outline-offset:6px;transition:outline-color 1s}

/* ---- Messenger promotion ---- */
.ja-fn a[href="/network/messages"]::after{content:"NEW";margin-left:5px;padding:0 4px;background:var(--j-yellow);color:#0A131A;font:600 9px/14px var(--j-mono);letter-spacing:.06em;vertical-align:1px}
.ja-ribbon{background:#0A131A;color:#E8EFF4;border-bottom:1px solid #1F3241;font-size:13.5px}
.ja-ribbon .ja-wrap{display:flex;align-items:center;gap:12px;min-height:42px;padding-top:6px;padding-bottom:6px}
.ja-ribbon .ja-new{flex:none;padding:1px 6px;background:var(--j-yellow);color:#0A131A;font:600 10px/16px var(--j-mono);letter-spacing:.08em}
.ja-ribbon span.t{flex:1;min-width:0}
.ja-ribbon span.t b{color:#fff}
.ja-ribbon a.go{flex:none;display:inline-flex;align-items:center;height:30px;padding:0 12px;background:var(--j-blue);color:#fff!important;font-weight:600;text-decoration:none!important}
.ja-ribbon a.more{flex:none;color:#0ABFE8!important;font-size:13px}
.ja-ribbon button{flex:none;border:0;background:none;color:#93A8B8;font-size:18px;cursor:pointer;padding:0 4px}
@media (max-width:720px){.ja-ribbon a.more{display:none}.ja-ribbon span.t small{display:none}}
.ja-auth-promo{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;padding:10px 12px;border-left:3px solid var(--j-yellow);background:var(--j-panel2);font-size:13px;color:var(--j-body);line-height:1.45}
.ja-auth-promo b{color:var(--j-ink)}
.ja-auth-promo a{font-weight:600}