/* Bootstrap integration for the stylesheet copied from Rafaha-Farms/public/css/style.css. */
:root {
  --bs-body-font-family: "Cairo", sans-serif;
  --bs-primary: #0f6b5f;
  --bs-primary-rgb: 15, 107, 95;
  --bs-link-color: #0f6b5f;
  --bs-link-hover-color: #0a4f46;
}

body {
  display: flex;
  flex-direction: column;
  font-family: "Cairo", sans-serif;
}

.page-shell { flex: 1; padding-block: 32px; }
.page-content {
  padding: clamp(20px, 4vw, 40px);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  overflow-x: auto;
}

h1, h2, h3 { color: var(--primary-deep); font-weight: 800; }
a { color: var(--primary); }
a:hover { color: var(--primary-deep); }
.navbar { min-height: 84px; }
.navbar-brand { color: var(--primary); font-weight: 800; }
.nav-link { color: var(--text); font-weight: 700; }
.nav-link:hover { color: var(--primary); }

.btn-primary {
  --bs-btn-active-bg: var(--primary-deep);
  --bs-btn-active-border-color: var(--primary-deep);
  --bs-btn-disabled-bg: var(--primary);
  --bs-btn-disabled-border-color: var(--primary);
}
.form-control, .form-select {
  min-height: 44px;
  padding: 10px 12px;
  border-color: var(--line);
  border-radius: 12px;
  background-color: var(--surface-strong);
  color: var(--text);
}
.form-control:focus, .form-select:focus, .form-check-input:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 .2rem rgba(15, 107, 95, .18);
}
.form-check-input:checked { background-color: var(--primary); border-color: var(--primary); }
.btn:focus-visible, a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.table { --bs-table-bg: transparent; --bs-table-color: var(--text); --bs-table-border-color: var(--line); }
.table > :not(caption) > * > * { padding: 14px 12px; }
.table th { color: var(--muted); font-weight: 700; }
.form-floating > .form-control::placeholder { color: var(--muted); text-align: end; }
.form-floating > .form-control:focus::placeholder { text-align: start; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}
.language-switch { display: flex; gap: 8px; margin: 0; padding-block: 8px; }
.language-switch .lang-btn { background: var(--surface-soft); color: var(--primary); }
.language-switch .lang-btn[aria-pressed="true"] { background: var(--primary); color: white; }
.form-group { margin-block-end: 16px; }
.form-group label { margin-block-end: 6px; font-weight: 700; }
.table th, .table td { text-align: start; }