/* ===== LAPOD Paleointensity Analysis ===== */

body {
  background:#fff;
  color:#212529;
  scroll-behavior:smooth;
}

/* ===== Header: same visual structure as dbv3 ===== */
.site-header {
  background:#fff;
  border-bottom:1px solid #e9ecef;
  position:sticky;
  top:0;
  z-index:1030;
}

.brand {
  display:flex;
  align-items:center;
  gap:.75rem;
}

.brand img {
  height:80px;
  width:auto;
  object-fit:contain;
}

@media (min-width:768px){
  .brand img { height:100px; }
}

.site-title {
  font-weight:700;
  letter-spacing:.3px;
  margin:0;
}

.site-subtitle {
  margin:0;
  color:#6c757d;
  font-size:.95rem;
}

.lang-switch .btn {
  padding:.25rem .6rem;
  border-radius:999px;
}

.lang-switch .btn.active {
  background:#0d6efd;
  color:#fff;
}

/* ===== LAPOD section palette ===== */
.color1 { background-color:#f0eeeb; }
.color2 { background-color:#d9e6f0; }
.color3 { background-color:#f9f9f8; }
.color5 { background-color:#d3d9ec; }

.section-box {
  position:relative;
  padding:1rem;
  border-radius:10px;
  margin-bottom:1.5rem;
  box-shadow:0 1px 4px rgba(0,0,0,.08);
}

.section-title {
  font-weight:700;
  font-size:1.15rem;
  margin-bottom:.9rem;
  padding-bottom:.45rem;
  border-bottom:3px solid #cfcfcf;
}

.color1 .section-title { border-bottom-color:#d4cdc5; }
.color2 .section-title { border-bottom-color:#5b88a5; }
.color3 .section-title { border-bottom-color:#bfc0bd; }
.color5 .section-title { border-bottom-color:#243a69; }

.card {
  margin-bottom:1.25rem;
  background:#fff;
  border-color:#e9ecef;
}

.card-header {
  font-weight:600;
}

.readout {
  min-height:38px;
  display:flex;
  align-items:center;
  padding:.375rem .75rem;
  background:#fff;
  border:1px solid #ced4da;
  border-radius:.375rem;
  font-weight:600;
}

.graph-plot {
  width:100% !important;
  max-width:100% !important;
  height:520px !important;
  min-height:320px;
  margin:0 auto;
  display:block;
}

@media (max-width:900px){
  .graph-plot {
    height:390px !important;
    min-height:260px;
  }
}

.result-main {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  padding:.6rem 0;
}

.result-main strong {
  font-size:1.45rem;
  color:#0d6efd;
}

.status-a {
  background:#d1e7dd !important;
  color:#0f5132 !important;
}

.status-b {
  background:#fff3cd !important;
  color:#664d03 !important;
}

.status-c {
  background:#f8d7da !important;
  color:#842029 !important;
}

.criteria-reference td,
.criteria-reference th,
#criteriaTable td,
#criteriaTable th {
  white-space:nowrap;
}

/* ===== Footer: same structure as dbv3 ===== */
.site-footer {
  background:#fff;
  border-top:1px solid #e9ecef;
}

.footer-logos img {
  height:44px;
  width:auto;
  object-fit:contain;
}

.footer-credit {
  font-size:.95rem;
  color:#495057;
}

.footer-links a {
  color:#0d6efd;
  text-decoration:none;
}

.footer-links a:hover {
  text-decoration:underline;
}

/* ===== Back to top ===== */
#backToTop {
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:1050;
  display:none;
  border-radius:999px;
  box-shadow:0 6px 20px rgba(0,0,0,.15);
}


.plot-actions {
  display:flex;
  justify-content:flex-end;
  gap:.5rem;
  flex-wrap:wrap;
  margin-top:.75rem;
  padding-top:.75rem;
  border-top:1px solid #e9ecef;
}

.criteria-editor input {
  min-width:110px;
}

#sequenceStatus.text-danger,
#sequenceStatus.text-success,
#sequenceStatus.text-primary {
  font-weight:600;
}

@media (max-width: 767px){
  .criteria-editor input { min-width:90px; }
}