/* EthicalSMM Theme — Bootstrap resets / minimal overrides
   The main styling is in style.css with --nv- tokens.
   This file handles Bootstrap 3 compat within .nv scope. */

/* Remove default body padding Bootstrap 3 adds */
body{padding-top:0!important;}
.container-fluid{padding:0;}

/* Panel resets */
.panel{
  border-radius:14px!important;
  border:1px solid var(--nv-border)!important;
  background:var(--nv-card)!important;
  box-shadow:var(--nv-sh)!important;
}
.panel-heading{
  border-radius:14px 14px 0 0!important;
  background:var(--nv-surface-2)!important;
  border-bottom:1px solid var(--nv-border)!important;
  padding:12px 16px!important;
  font-weight:700!important;color:var(--nv-text)!important;
}
.panel-body{padding:16px!important;}

/* Nav tabs */
.nav-tabs{border-bottom:1px solid var(--nv-border);}
.nav-tabs>li>a{
  border-radius:var(--nv-r-sm) var(--nv-r-sm) 0 0;
  color:var(--nv-text-soft);border-color:transparent;
  font-weight:500;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover{
  background:var(--nv-card);
  color:var(--nv-accent);
  border-color:var(--nv-border) var(--nv-border) var(--nv-card);
  font-weight:700;
}
.nav-tabs>li>a:hover{background:var(--nv-surface-2);color:var(--nv-text);}

/* Input group */
.input-group-addon{
  background:var(--nv-surface-2);
  border:1.5px solid var(--nv-border);
  color:var(--nv-muted);
}

/* Checkboxes */
input[type="checkbox"],input[type="radio"]{accent-color:var(--nv-accent);}

/* Select */
select.form-control{cursor:pointer;}

/* Scrollable modals */
.modal-content{
  border-radius:var(--nv-r-lg)!important;
  border:1px solid var(--nv-border)!important;
  background:var(--nv-card)!important;
}
.modal-header{
  border-bottom:1px solid var(--nv-border)!important;
  background:var(--nv-surface-2)!important;
  border-radius:var(--nv-r-lg) var(--nv-r-lg) 0 0!important;
}

/* ═══════════════════════════════════════════════════════════════
   Bootstrap 3 MODAL base styles
   (This theme's bootstrap.css was only a stub, so .modal / .fade /
   .modal-dialog / .modal-backdrop had NO css and every modal —
   Add Funds QR, Service details, Referral rules, Edit account —
   rendered as plain inline content at the bottom of the page.)
   ═══════════════════════════════════════════════════════════════ */
.fade{opacity:0;transition:opacity .15s linear;}
.fade.in{opacity:1;}
.modal-open{overflow:hidden;}
.modal{
  display:none;overflow:hidden;
  position:fixed;top:0;right:0;bottom:0;left:0;
  z-index:1050;outline:0;-webkit-overflow-scrolling:touch;
}
.modal-open .modal{overflow-x:hidden;overflow-y:auto;}
.modal.fade .modal-dialog{transform:translate(0,-24px);transition:transform .25s ease-out;}
.modal.in .modal-dialog{transform:translate(0,0);}
.modal-dialog{position:relative;width:auto;margin:16px;}
.modal-content{
  position:relative;background-clip:padding-box;outline:0;
  box-shadow:0 24px 60px -18px rgba(0,0,0,.45)!important;
  overflow:hidden;
}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background:#0b1020;}
.modal-backdrop.fade{opacity:0;}
.modal-backdrop.in{opacity:.55;}
.modal-header{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 18px;
}
.modal-header .close{order:2;margin:0;}
.modal-title{margin:0;font-size:15px;font-weight:700;color:var(--nv-text);line-height:1.4;}
.modal-body{position:relative;padding:18px;color:var(--nv-text);}
.modal-footer{padding:14px 18px;text-align:right;border-top:1px solid var(--nv-border);}
.close{
  float:right;appearance:none;-webkit-appearance:none;
  background:transparent;border:0;cursor:pointer;
  width:30px;height:30px;border-radius:8px;
  font-size:22px;line-height:1;font-weight:400;
  color:var(--nv-muted);opacity:1;text-shadow:none;
}
.close:hover,.close:focus{background:var(--nv-surface-2);color:var(--nv-text);outline:0;}
@media(min-width:576px){
  .modal-dialog{max-width:500px;margin:48px auto;}
  .modal-lg{max-width:860px;}
}