/* ==========================================================================
   OPTIRH - Custom Styles
   ========================================================================== */

/* ==========================================================================
   Global Typography - Inter Font
   ========================================================================== */

:root {
    /* Font Family */
    --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

    /* Font Sizes - Standard Scale */
    --font-size-xs: 0.75rem;     /* 12px */
    --font-size-sm: 0.8125rem;   /* 13px */
    --font-size-base: 0.875rem;  /* 14px */
    --font-size-md: 0.9375rem;   /* 15px */
    --font-size-lg: 1rem;        /* 16px */
    --font-size-xl: 1.125rem;    /* 18px */
    --font-size-2xl: 1.25rem;    /* 20px */
    --font-size-3xl: 1.5rem;     /* 24px */

    /* Font Weights */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* Line Heights */
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.625;
}

/* Apply Inter font globally */
body,
.body {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Headings */
h1, .h1 {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-tight);
}

h2, .h2 {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-tight);
}

h3, .h3 {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-tight);
}

h4, .h4 {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-normal);
}

h5, .h5 {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-normal);
}

h6, .h6 {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-normal);
}

/* Paragraphs and text */
p, .text-base {
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
}

.text-sm, small, .small {
    font-size: var(--font-size-sm);
}

.text-xs {
    font-size: var(--font-size-xs);
}

.text-lg {
    font-size: var(--font-size-lg);
}

/* Labels and form elements */
label,
.form-label {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    margin-bottom: 0.375rem;
}

.form-control,
.form-select,
input,
textarea,
select {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
}

/* Buttons */
.btn {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
}

.btn-sm {
    font-size: var(--font-size-sm);
}

.btn-lg {
    font-size: var(--font-size-lg);
}

/* Tables */
.table {
    font-size: var(--font-size-base);
}

.table th {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.table td {
    font-size: var(--font-size-base);
}

/* Cards */
.card-title {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
}

.card-subtitle {
    font-size: var(--font-size-sm);
}

.card-text {
    font-size: var(--font-size-base);
}

/* Badges */
.badge {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
}

/* Navigation */
.nav-link {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
}

/* Dropdown */
.dropdown-item {
    font-size: var(--font-size-base);
}

/* Modals */
.modal-title {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semibold);
}

/* Alerts */
.alert {
    font-size: var(--font-size-base);
}

/* Breadcrumb */
.breadcrumb-item {
    font-size: var(--font-size-sm);
}

/* Pagination */
.page-link {
    font-size: var(--font-size-sm);
}

/* ==========================================================================
   SweetAlert2 Override
   ========================================================================== */

.swal2-confirm.btn.btn-primary {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #7066e0 !important;
    color: #fff !important;
    font-size: var(--font-size-base);
    font-family: var(--font-family-base);
}

.swal2-title {
    font-family: var(--font-family-base);
    font-size: var(--font-size-xl) !important;
}

.swal2-html-container {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base) !important;
}

/* ==========================================================================
   Other Custom Styles
   ========================================================================== */

.pdf-image {
  max-height: 600px;
  object-fit: contain;
}


.preview-image {
  max-height: 80vh;
}

/* Add your custom styles here */
.max-width-150 {
  max-width: 150px;
}