/* ========================================
   AIRI PAGES TEMPLATE - MAIN STYLESHEET
   ======================================== */

/* ========================================
   CUSTOMIZATION
   ======================================== */
:root {
    /* ===== PRIMARY COLORS ===== */
    --bs-primary: #2ebead;
    --bs-primary-rgb: 46, 190, 173;
    --bs-primary-hover: #29ac9d;
    --bs-primary-light: #35d0be;
    --bs-secondary: #8c9090;
    --bs-secondary-rgb: 140, 144, 144;
    --bs-success: #53d98a;
    --bs-success-rgb: 83, 217, 138;
    --bs-info: #64bbf3;
    --bs-info-rgb: 100, 187, 243;
    --bs-info-hover: #56a1d3;
    --bs-warning: #fef3e3;
    --bs-warning-rgb: 254, 243, 227;
    --bs-danger: #e6434e;
    --bs-danger-rgb: 230, 67, 78;
    --bs-light: #f4f4f4;
    --bs-light-rgb: 244, 244, 244;
    --bs-dark: #171c27;
    --bs-dark-rgb: 23, 28, 39;

    /* ===== TEXT COLORS ===== */
    --bs-body-color: #333;
    --bs-body-color-rgb: 51, 51, 51;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;

    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-primary-hover);

    /* ===== TYPOGRAPHY ===== */
    --bs-font-sans-serif:
            'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 16px;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.6;

    /* ===== FONT SIZES ===== */
    --bs-h1-font-size: 38px;
    --bs-h2-font-size: 32px;
    --bs-h3-font-size: 26px;
    --bs-h4-font-size: 22px;
    --bs-h5-font-size: 18px;
    --bs-h6-font-size: 16px;

    /* ===== SPACING ===== */
    --bs-spacer: 1rem;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;

    /* ===== BREAKPOINTS ===== */
    /*--bs-breakpoint-xs: 0;*/
    /*--bs-breakpoint-sm: 576px;*/
    /*--bs-breakpoint-md: 768px;*/
    /*--bs-breakpoint-lg: 992px;*/
    /*--bs-breakpoint-xl: 1200px;*/
    /*--bs-breakpoint-xxl: 1400px;*/

    /* ===== CONTAINER WIDTHS ===== */
    /*--bs-container-sm: 540px;*/
    /*--bs-container-md: 720px;*/
    /*--bs-container-lg: 960px;*/
    /*--bs-container-xl: 1140px;*/
    /*--bs-container-xxl: 1320px;*/

    /* ===== BORDER RADIUS ===== */
    /*--bs-border-radius: 0.375rem;*/
    /*--bs-border-radius-sm: 0.25rem;*/
    /*--bs-border-radius-lg: 0.5rem;*/
    /*--bs-border-radius-xl: 1rem;*/
    /*--bs-border-radius-2xl: 2rem;*/
    /*--bs-border-radius-pill: 50rem;*/

    /* ===== BORDERS ===== */
    /*--bs-border-width: 1px;*/
    /*--bs-border-color: #f5f5f5;*/
    /*--bs-border-style: solid;*/

    /* ===== SHADOWS ===== */
    /*--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);*/
    /*--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);*/
    /*--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);*/

    /* ===== SWIPER ===== */
    --swiper-theme-color: var(--bs-primary);
    --swiper-navigation-color: var(--bs-primary);
}

/* ========================================
   BOOTSTRAP COMPONENT OVERRIDES
   ======================================== */

/* ===== Nav Pills ===== */
.nav-pills {
    --bs-nav-pills-link-active-bg: var(--bs-primary);
}

/* ===== Nav Tabs ===== */
.nav-tabs {
    --bs-nav-tabs-link-active-color: var(--bs-primary);
    --bs-nav-tabs-link-hover-border-color: var(--bs-primary);
}

.nav-tabs .nav-link.active {
    color: var(--bs-primary);
    border-bottom-color: transparent;
}

/* ===== Nav Links ===== */
.nav-link {
    --bs-nav-link-color: #333;
    --bs-nav-link-hover-color: var(--bs-primary);
}

/* ===== Alerts ===== */
.alert-primary {
    --bs-alert-bg: var(--bs-primary);
    --bs-alert-border-color: rgba(46, 190, 173, 0.2);
    --bs-alert-color: white;
}

/* ===== Badges ===== */
.badge.text-bg-primary {
    --bs-badge-bg: var(--bs-primary);
}

/* ===== Progress Bars ===== */
.progress-bar {
    --bs-progress-bar-bg: var(--bs-primary);
}

.progress-bar.bg-primary {
    background-color: var(--bs-primary) !important;
}

/* ===== Pagination ===== */
.pagination {
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-primary);
    --bs-pagination-hover-color: var(--bs-primary);
    --bs-pagination-focus-color: var(--bs-primary);
}

/* ===== List Group ===== */
.list-group-item-primary {
    --bs-list-group-color: var(--bs-primary);
    --bs-list-group-bg: rgba(var(--bs-primary-rgb), 0.1);
    --bs-list-group-border-color: rgba(var(--bs-primary-rgb), 0.2);
}

.list-group-item.active {
    --bs-list-group-active-bg: var(--bs-primary);
    --bs-list-group-active-border-color: var(--bs-primary);
}

/* ===== Accordion ===== */
.accordion-button:not(.collapsed) {
    color: var(--bs-primary);
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    --bs-accordion-btn-focus-border-color: var(--bs-primary);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.accordion-button:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* ===== Forms ===== */
.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.form-check-input:focus {
    border-color: var(--bs-primary-light);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--bs-primary-light);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.form-range::-webkit-slider-thumb {
    background-color: var(--bs-primary);
}

.form-range::-moz-range-thumb {
    background-color: var(--bs-primary);
}

.form-range::-webkit-slider-thumb:active {
    background-color: var(--bs-primary-light);
}

.form-range::-moz-range-thumb:active {
    background-color: var(--bs-primary-light);
}

/* ===== Dropdown ===== */
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--bs-primary);
}

/* ===== Modal ===== */
.btn-close:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* ===== Tooltips & Popovers ===== */
.tooltip-inner {
    background-color: var(--bs-primary);
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow::before {
    border-top-color: var(--bs-primary);
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow::before {
    border-right-color: var(--bs-primary);
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow::before {
    border-bottom-color: var(--bs-primary);
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before {
    border-left-color: var(--bs-primary);
}

/* ===== Spinner ===== */
.spinner-border.text-primary,
.spinner-grow.text-primary {
    color: var(--bs-primary) !important;
}

/* ===== Buttons ===== */
.btn {
    --bs-btn-border-radius: 100rem;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary-light);
    --bs-btn-hover-border-color: var(--bs-primary-light);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary-hover);
    --bs-btn-active-border-color: var(--bs-primary-hover);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary-light);
    --bs-btn-disabled-border-color: var(--bs-primary-light);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1.2rem;
}