/* =========================================================
   MARUTI TEXTILES - BOOTSTRAP 5 CUSTOM THEME OVERRIDES
   ========================================================= */

:root {
  --bs-primary: #0f274a;
  --bs-primary-rgb: 15, 39, 74;
  --bs-danger: #c81e27;
  --bs-danger-rgb: 200, 30, 39;
  --bs-warning: #c99839;
  --bs-warning-rgb: 201, 152, 57;
  --bs-success: #25d366;
  --bs-success-rgb: 37, 211, 102;
  --bs-body-bg: #faf8f5;
  --bs-body-color: #1a1e24;
  --bs-font-sans-serif: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
}

/* Custom Buttons */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #08162b;
  border-color: #08162b;
}

.btn-danger {
  background-color: var(--bs-danger);
  border-color: var(--bs-danger);
}
.btn-danger:hover, .btn-danger:focus {
  background-color: #9e141c;
  border-color: #9e141c;
}

.btn-gold {
  background: linear-gradient(135deg, #dfb059 0%, #c99839 100%);
  color: #07152a;
  font-weight: 700;
  border: none;
}
.btn-gold:hover {
  background: linear-gradient(135deg, #e8be6d 0%, #b88629 100%);
  color: #07152a;
}

.btn-whatsapp {
  background-color: #25d366;
  color: #ffffff;
  border: none;
  font-weight: 700;
}
.btn-whatsapp:hover {
  background-color: #1da851;
  color: #ffffff;
}

/* Bootstrap Offcanvas customizations */
.offcanvas {
  max-width: 420px;
}
.offcanvas-header {
  border-bottom: 1px solid #eee7dc;
  padding: 1.15rem 1.25rem;
}
.offcanvas-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 700;
  color: #0f274a;
}

/* Bootstrap Modal customizations */
.modal-content {
  border-radius: 18px;
  border: none;
  box-shadow: 0 20px 45px rgba(15, 39, 74, 0.25);
  overflow: hidden;
}

.modal-header {
  border-bottom: 1px solid #eee7dc;
}

.modal-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 700;
  color: #0f274a;
}

/* Bootstrap Card customizations */
.card {
  border: 1px solid #eee7dc;
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(15, 39, 74, 0.12);
  border-color: rgba(201, 152, 57, 0.4);
}

/* Badges */
.badge.bg-danger {
  background-color: #c81e27 !important;
}
.badge.bg-primary {
  background-color: #0f274a !important;
}
.badge.bg-warning {
  background-color: #ff9100 !important;
  color: #fff !important;
}