/* ------------------------------------------------------------------
   App-like interaction and base layout
------------------------------------------------------------------ */
html, body {
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  user-select: text;
  -webkit-user-select: text;
}

body {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overscroll-behavior-y: none;
  padding-bottom: env(safe-area-inset-bottom);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  /*background-color: #ebebe8;*/
  /*background-color: #F0ECE5;*/
  background-color: #F7F3EF;
}

.navbar-toggler {
  border-style: none;
}

/* Remove link highlight */
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Faster tapping */
* {
  touch-action: manipulation;
}

img {
  -webkit-touch-callout: none;
}

/* ------------------------------------------------------------------
   Arabic typography
------------------------------------------------------------------ */
html:lang(ar) {
  font-size: 125%;
}

body.rtl,
:lang(ar) {
  font-family: "Lateef", serif;
  line-height: 1.7;
}

body.rtl h1, body.rtl h2, body.rtl h3,
body.rtl h4, body.rtl h5, body.rtl h6,
body.rtl .display-1, body.rtl .display-2, body.rtl .display-3,
body.rtl .display-4, body.rtl .display-5, body.rtl .display-6 {
  font-weight: 800;
}

body.rtl .fw-semibold {
  font-weight: 700 !important;
}

body.rtl .fw-bold {
  font-weight: 800 !important;
}

/* ------------------------------------------------------------------
   Motion, press effects, and accessibility
------------------------------------------------------------------ */
/* App-like press effect */
.card,
.btn {
  transform-origin: center;
  transition: transform 0.1s ease;
}

.card:active,
.btn:active {
  transform: scale(0.98);
}

/* Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .card:active,
  .btn:active {
    transform: none !important;
  }
}
/* ------------------------------------------------------------------
   Colour system & buttons
   Brand colors are wired through Bootstrap's CSS variables so utilities
   like .text-primary, .bg-primary, etc. pick them up automatically.
   Each button maps Bootstrap's --bs-btn-* tokens so we avoid !important.
------------------------------------------------------------------ */
:root {
  --bs-primary: #2C6BA0;
  --bs-primary-rgb: 44, 107, 160;
  --bs-success: #4B9E8F;
  --bs-success-rgb: 75, 158, 143;
  --bs-danger: #BC2D40;
  --bs-danger-rgb: 188, 45, 64;
}

.link-primary {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.link-primary:hover,
.link-primary:focus {
  color: #255c8b;
  text-decoration-color: #255c8b;
}

.btn-primary {
  --bs-btn-bg: #2C6BA0;
  --bs-btn-border-color: #2C6BA0;
  --bs-btn-hover-bg: #255c8b;
  --bs-btn-hover-border-color: #255c8b;
  --bs-btn-active-bg: #1f4d75;
  --bs-btn-active-border-color: #1f4d75;
}

.btn-outline-primary {
  --bs-btn-color: #2C6BA0;
  --bs-btn-border-color: #2C6BA0;
  --bs-btn-hover-bg: #2C6BA0;
  --bs-btn-hover-border-color: #2C6BA0;
  --bs-btn-active-bg: #255c8b;
  --bs-btn-active-border-color: #255c8b;
}

.btn-success {
  --bs-btn-bg: #4B9E8F;
  --bs-btn-border-color: #4B9E8F;
  --bs-btn-hover-bg: #428b81;
  --bs-btn-hover-border-color: #428b81;
  --bs-btn-active-bg: #38766d;
  --bs-btn-active-border-color: #38766d;
}

.btn-outline-success {
  --bs-btn-color: #4B9E8F;
  --bs-btn-border-color: #4B9E8F;
  --bs-btn-hover-bg: #4B9E8F;
  --bs-btn-hover-border-color: #4B9E8F;
  --bs-btn-active-bg: #428b81;
  --bs-btn-active-border-color: #428b81;
}

.btn-danger {
  --bs-btn-bg: #DE5A44;
  --bs-btn-border-color: #DE5A44;
  --bs-btn-hover-bg: #c94f3c;
  --bs-btn-hover-border-color: #c94f3c;
  --bs-btn-active-bg: #b44636;
  --bs-btn-active-border-color: #b44636;
}

.btn-outline-danger {
  --bs-btn-color: #DE5A44;
  --bs-btn-border-color: #DE5A44;
  --bs-btn-hover-bg: #DE5A44;
  --bs-btn-hover-border-color: #DE5A44;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #b44636;
  --bs-btn-active-border-color: #b44636;
}

.text-gold {
  color: #C78F53;
}

.btn-gold {
  --bs-btn-color: #fff;
  --bs-btn-bg: #C78F53;
  --bs-btn-border-color: #C78F53;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #A87845;
  --bs-btn-hover-border-color: #A87845;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #A87845;
  --bs-btn-active-border-color: #A87845;
}

.btn-outline-gold {
  --bs-btn-color: #C78F53;
  --bs-btn-border-color: #C78F53;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #A87845;
  --bs-btn-hover-border-color: #A87845;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #A87845;
  --bs-btn-active-border-color: #A87845;
}

/* ------------------------------------------------------------------
   Panels / cards / backgrounds
------------------------------------------------------------------ */
.dark-panel {
  background-color: #eeddcb;
}

/*# sourceMappingURL=main.css.map */