/*
 * Bridge layer: apply Smart Bootstrap Manager runtime variables to AI-HTML theme tokens.
 */

:root {
    --primary: var(--bs-primary, #0d6efd);
    --secondary: var(--bs-secondary, #6c757d);
    --light: var(--bs-light, #f8f9fa);
    --dark: var(--bs-dark, #212529);
}

body {
    background-color: var(--bs-body-bg, #ffffff);
    color: var(--bs-body-color, #212529);
    font-family: var(--bs-body-font-family, inherit);
    font-size: var(--bs-body-font-size, 1rem);
    line-height: var(--bs-body-line-height, 1.5);
}

a {
    color: var(--bs-link-color, var(--primary));
}

a:hover {
    color: var(--bs-link-hover-color, var(--secondary));
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--bs-heading-color, inherit);
}

.btn {
    border-color: var(--bs-border-color, rgba(0, 0, 0, 0.15));
}

.form-control,
.form-select,
.input-group-text {
    border-radius: var(--bs-border-radius, 0.375rem);
    border-color: var(--bs-border-color, #dee2e6);
}

.card,
.service-item,
.team-item,
.footer {
    border-radius: var(--bs-border-radius, 0.375rem);
    border-color: var(--bs-border-color, #dee2e6);
}

.navbar .nav-link,
.navbar .dropdown-item {
    padding-top: var(--bs-nav-link-padding-y, 0.5rem);
    padding-bottom: var(--bs-nav-link-padding-y, 0.5rem);
    padding-left: var(--bs-nav-link-padding-x, 1rem);
    padding-right: var(--bs-nav-link-padding-x, 1rem);
}

.navbar .dropdown-menu {
    border-color: var(--bs-border-color, #dee2e6);
    border-radius: var(--bs-border-radius-lg, 0.5rem);
}

.aihl-header-nav {
    background-color: var(--bs-body-bg, #ffffff) !important;
    color: var(--bs-body-color, #212529);
}

.aihl-header-nav .navbar-brand,
.aihl-header-nav .dropdown-item,
.aihl-header-nav .offcanvas-title {
    color: var(--bs-body-color, #212529);
}

.aihl-header-nav .nav-link,
.aihl-header-nav .dropdown-item {
    color: var(--bs-link-color, var(--bs-primary, #0d6efd));
}

.aihl-header-nav .nav-link:hover,
.aihl-header-nav .nav-link:focus,
.aihl-header-nav .nav-link.active,
.aihl-header-nav .current-menu-item > .nav-link,
.aihl-header-nav .current-menu-ancestor > .nav-link,
.aihl-header-nav .dropdown-item:hover,
.aihl-header-nav .dropdown-item:focus {
    color: var(--bs-link-hover-color, var(--bs-primary, #0d6efd));
}

.container,
.container-fluid,
.container-xxl {
    --aihl-space: calc(var(--bs-spacer, 1rem) * 3);
}

.py-5 {
    padding-top: var(--aihl-space, 3rem) !important;
    padding-bottom: var(--aihl-space, 3rem) !important;
}