/*
Theme Name: SR Dark Bootstrap
Theme URI: https://example.local/
Author: Demo
Description: Tema leggero Bootstrap 5 dark mode pensato per il plugin "Sopralluoghi Rilievi".
Version: 0.1.4
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: sr-dark-bootstrap
*/

:root{
  --sr-bg: #0b0f1a;
  --sr-card: #121626;
  --sr-border: rgba(255,255,255,.10);
  --sr-text: #e7e9ee;
  --sr-muted: rgba(231,233,238,.75);
}

html, body{ height:100%; }
body{
  background: var(--sr-bg);
  color: var(--sr-text);
}

a{ color: #9ec5fe; }
a:hover{ color:#cfe2ff; }

.sr-site-header{
  position: sticky;
  top:0;
  z-index: 1030;
  backdrop-filter: blur(10px);
  background: rgba(11,15,26,.78);
  border-bottom: 1px solid var(--sr-border);
}

.sr-brand{
  font-weight: 700;
  letter-spacing: .2px;
}

.sr-main{
  min-height: calc(100vh - 110px);
}

.sr-footer{
  border-top: 1px solid var(--sr-border);
  color: var(--sr-muted);
}

.sr-shell{
  max-width: 1180px;
  margin: 0 auto;
  padding: 1rem .5rem;
}

.sr-card{
  background: var(--sr-card);
  border: 1px solid var(--sr-border);
  border-radius: 1rem;
}

.btn-outline-light{
  border-color: rgba(255,255,255,.22) !important;
}

.form-control, .form-select, textarea{
  background:#0f1320 !important;
  border-color: rgba(255,255,255,.12) !important;
  color: var(--sr-text) !important;
}
.form-control:focus, .form-select:focus, textarea:focus{
  box-shadow: 0 0 0 .2rem rgba(13,110,253,.25) !important;
  border-color: rgba(13,110,253,.55) !important;
}

/* Better spacing for plugin pages (alerts are fixed in the viewport) */
.entry-content > .sr-container{ padding-top: 4.25rem; }

/* WordPress blocks in dark */
.wp-block{
  color: var(--sr-text);
}



/* When on SR plugin pages, mimic demo layout */
body.sr-has-demo-nav .sr-shell{ padding: 1rem .5rem; }
body.sr-has-demo-nav .sr-main{ padding-top: .5rem; }
body.sr-has-demo-nav .sr-site-header .navbar{ padding-top:.6rem; padding-bottom:.6rem; }
body.sr-has-demo-nav .navbar-brand{ font-size: 1rem; opacity:.9; }

/* Demo-like navbar buttons */
body.sr-has-demo-nav .sr-demo-nav .btn{
  border-radius: .75rem;
  padding: .35rem .7rem;
}
body.sr-has-demo-nav .sr-demo-nav{
  gap:.5rem !important;
}

/* Home login layout */
body.home .sr-shell{ padding-top: 2rem; }
body.home .sr-card{ background: transparent; border: 0; }
body.home .sr-card .sr-card{ background: var(--sr-card); border: 1px solid var(--sr-border); }


/* Mobile navbar layout: title on top, menu below */
@media (max-width: 991.98px){
  body.sr-has-demo-nav .sr-site-header .sr-shell{
    align-items: flex-start !important;
  }

  body.sr-has-demo-nav .navbar-brand{
    margin-bottom: .5rem;
  }

  body.sr-has-demo-nav .sr-demo-nav{
    width:100%;
    justify-content:flex-start !important;
  }

  body.sr-has-demo-nav .sr-demo-nav .btn{
    flex: 0 0 auto;
  }
}

/* SR plugin alerts: always visible in the viewport (desktop included) */
#sr-alerts{
  position: fixed;
  top: calc(env(safe-area-inset-top, 0px) + .75rem);
  left: 50%;
  transform: translateX(-50%);
  width: min(1180px, calc(100% - 1.5rem));
  z-index: 1040; /* visible on page, but still under modal/backdrop */
  pointer-events: none;
}
#sr-alerts .alert{ pointer-events: auto; margin-bottom: .5rem; }