:root{
  --primary:#2563eb;
  --success:#16a34a;
  --warning:#f59e0b;
  --danger:#dc2626;

  --bg:#f8fafc;
  --card:#ffffff;
  --border:#e5e7eb;
  --text:#0f172a;
  --muted:#64748b;
}

body{
  background:var(--bg);
  color:var(--text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.navbar{
  background:#ffffff;
  border-bottom:1px solid var(--border);
}

.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:0 4px 12px rgba(0,0,0,.04);
}

h1,h2,h3,h4{
  font-weight:700;
}

.text-muted{
  color:var(--muted)!important;
}

.btn-primary{
  background:var(--primary);
  border-color:var(--primary);
}
.btn-success{
  background:var(--success);
  border-color:var(--success);
}

.table th{
  font-weight:600;
}

.price{
  font-size:1.25rem;
  font-weight:700;
  color:var(--primary);
}

.form-control, .form-select{
  border-radius:10px;
}
/* ===== NatureRoof Header ===== */

.nr-header{
  background:#ffffff;
  border-bottom:1px solid var(--border);
  position:sticky;
  top:0;
  z-index:1000;
}

.nr-brand{
  font-size:1.4rem;
  font-weight:800;
  color:var(--primary);
  text-decoration:none;
}

.nr-link{
  color:var(--text);
  text-decoration:none;
  font-weight:500;
}

.nr-link:hover{
  color:var(--primary);
}

.nr-link-admin{
  font-weight:600;
}

.nr-user{
  font-size:.9rem;
  color:var(--muted);
}

/* Footer */
.nr-footer{
  border-top:1px solid var(--border);
  background:#ffffff;
}
/* ===== Country Cards ===== */

.country-card{
  transition: transform .25s ease, box-shadow .25s ease;
  cursor: pointer;
  color: var(--text);
}

.country-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.country-card h4{
  font-weight:700;
}

.country-card .text-primary{
  color: var(--primary)!important;
}
.nr-disclaimer {
  background: #7f1d1d;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.95rem;
}

.nr-countdown {
  font-weight: 800;
  color: #ff4d4d;
  margin-left: 6px;
}

.nr-countdown span {
  font-weight: 900;
}