/* Tadawi branding – blue/red from logo */
:root {
  --tadawi-blue: #2563a8;
  --tadawi-red: #dc3545;
  --tadawi-gold: #b8860b;
  --tadawi-green: #28a745;
}
.tadawi-nav { background: linear-gradient(135deg, var(--tadawi-blue) 0%, #1e4d7b 100%) !important; }
.tadawi-nav .navbar-brand { font-weight: 600; }
.tadawi-nav .btn-link.nav-link:hover { color: rgba(255,255,255,.9) !important; }
.tadawi-nav-logo { height: 36px; width: auto; max-width: 140px; object-fit: contain; }
.tadawi-logo-icon {
  display: inline-block;
  width: 32px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath fill='%23fff' d='M12 0C5.4 0 0 5.4 0 12c0 3.3 1.3 6.3 3.5 8.5l.5-.5v-2c0-2.2 1.8-4 4-4s4 1.8 4 4v2l.5.5C20.7 18.3 24 15.3 24 12 24 5.4 18.6 0 12 0z'/%3E%3Cpath fill='%23dc3545' d='M6 10h2v4H6zm4 0h2v4h-2zm4 0h2v4h-2z' opacity='.9'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}