:root {
    --directory-ink: #002858;
    --directory-slate: #004078;
    --directory-surface: #f8fafc;
    --directory-border: #e4e7ec;
    --directory-danger: #00A0B0;
    --directory-deep: #001040;
    --directory-accent: #00A898;
}

:root,
[data-bs-theme=light] {
    --bs-primary: #00A0B0;
    --bs-primary-rgb: 0, 160, 176;
    --bs-primary-2: #00A898;
    --bs-primary-text-emphasis: #004078;
    --bs-primary-bg-subtle: #dff7f8;
    --bs-primary-bg-dark: #002858;
    --bs-primary-border-subtle: #bcecef;
    --bs-link-hover-color: #004078;
    --bs-link-hover-color-rgb: 0, 64, 120;
    --bs-code-color: #00A0B0;
}

body {
    background: #fff;
}

.min-vh-75 {
    min-height: 75vh;
}

.hero-merged {
    background:
        radial-gradient(circle at top right, rgba(255,255,255,0.16), transparent 24%),
        linear-gradient(135deg, #001040 0%, #002858 52%, #00A0B0 100%);
}

.hero-backdrop {
    position: absolute;
    inset: 0;
    background-image: url("../img/brand-section.png");
    background-size: cover;
    background-position: center;
    opacity: 0.16;
}

.hero-search-panel {
    border: 1px solid rgba(255,255,255,0.25);
}

.glass-panel {
    background: rgba(0, 16, 64, 0.62);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 28px;
    backdrop-filter: blur(16px);
}

.feature-stack {
    display: grid;
    gap: 1rem;
}

.feature-item {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    color: rgba(255,255,255,0.88);
}

.feature-item h6,
.feature-item p {
    color: inherit;
    margin: 0;
}

.feature-icon {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(255,255,255,0.12);
    font-size: 1.2rem;
}

.listing-card-image,
.detail-hero-image {
    width: 100%;
    object-fit: cover;
}

.listing-card-image {
    height: 240px;
}

.detail-hero-image {
    height: 420px;
}

.listing-mini-image,
.listing-gallery-image {
    width: 100%;
    object-fit: cover;
}

.listing-mini-image {
    height: 180px;
}

.listing-gallery-image {
    height: 210px;
}

.category-panel,
.mini-spotlight,
.stat-card {
    background: #fff;
    border: 1px solid var(--directory-border);
    border-radius: 24px;
    padding: 1.5rem;
}

.category-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: #dff7f8;
    color: var(--directory-danger);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
}

.cta-panel {
    padding: 2rem;
    border-radius: 28px;
    background: linear-gradient(180deg, #002858 0%, #001040 100%);
}

.stat-card span {
    display: block;
    color: var(--directory-slate);
    margin-bottom: .65rem;
}

.stat-card strong {
    font-size: 2rem;
    color: var(--directory-ink);
    line-height: 1;
}

.directory-copy {
    color: var(--directory-slate);
    line-height: 1.9;
}

.contact-stack {
    display: grid;
    gap: .85rem;
    color: var(--directory-slate);
}

.related-card {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 1rem;
    align-items: center;
}

.related-image {
    width: 96px;
    height: 84px;
    object-fit: cover;
    border-radius: 18px;
}

.pagination {
    gap: .5rem;
}

.pagination .page-link {
    border-radius: 999px;
}

.header.header-light,
.header.header-light.header-fixed {
    background: #fff;
    box-shadow: 0 12px 30px rgba(0, 16, 64, 0.08);
}

.header.header-light .nav-menu > li > a,
.header.header-light .nav-menu.nav-menu-social > li > a,
.header.header-light .navCl,
.header.header-light .cart-content,
.header.header-light .mobile_nav ul li a,
.header.header-light .nav-toggle:before {
    color: #002858 !important;
}

.header.header-light .nav-menu > li > a:hover,
.header.header-light .nav-menu > li > a.active,
.header.header-light .nav-menu.nav-menu-social > li > a:hover,
.header.header-light .nav-menu.nav-menu-social > li > a.active,
.header.header-light .navCl:hover,
.header.header-light .cart-content:hover {
    color: #00A0B0 !important;
}

.header.header-light .submenu-indicator-chevron {
    border-color: transparent #002858 #002858 transparent;
}

.header.header-light .nav-menu > li:hover > a .submenu-indicator-chevron,
.header.header-light .nav-menu > li > a.active .submenu-indicator-chevron {
    border-color: transparent #00A0B0 #00A0B0 transparent;
}

.nav-menu.nav-menu-social > li.list-buttons a:hover,
.nav-menu.nav-menu-social > li.list-buttons a:focus,
.nav-menu.nav-menu-social > li.list-buttons a:active {
    color: #fff !important;
}

.header.header-light .nav-menu.nav-menu-social > li.list-buttons > a:hover,
.header.header-light .nav-menu.nav-menu-social > li.list-buttons > a:focus,
.header.header-light .nav-menu.nav-menu-social > li.list-buttons > a:active,
.header.header-light .nav-menu.nav-menu-social > li.list-buttons:hover > a {
    color: #fff !important;
}

.header.header-light .nav-menus-wrapper {
    padding-top: 10px;
}

.header.header-light .nav-menu > li > a {
    padding-top: 24px;
    padding-bottom: 14px;
}

.header.header-light .nav-menu.nav-menu-social > li > a {
    padding-top: 13px;
    padding-bottom: 13px;
}

.footer-three-column .footer-widget {
    margin-left: auto;
    margin-right: auto;
}

.text-primary,
a.text-primary,
.text-primary-emphasis {
    color: #00A0B0 !important;
}

.bg-primary,
.bg-title,
.btn-primary,
.nav-menu.nav-menu-social > li.list-buttons a,
.cart-content .head-cart-counter,
.progress .progress-bar,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: #00A0B0 !important;
    background-color: #00A0B0 !important;
}

.btn-primary,
.bg-primary,
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    border-color: #00A0B0 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.nav-menu.nav-menu-social > li.list-buttons a:hover,
.nav-menu.nav-menu-social > li.list-buttons a:focus,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
    background: #002858 !important;
    background-color: #002858 !important;
    border-color: #002858 !important;
    color: #fff !important;
}

.btn-light-primary,
.badge-transparent,
.singlelisting-item .listing-top-item .featuredList,
.listLayouts .featuredList,
.category-icon,
.singlelisting-item .listing-footer-item .catdWraps .catIcon,
.listLayouts .listCaption .catIcon {
    background: #dff7f8 !important;
    background-color: #dff7f8 !important;
    color: #00A0B0 !important;
    border-color: #bcecef !important;
}

.singlelisting-item .listing-top-item .listOpen,
.listLayouts .listOpen {
    background: #002858 !important;
    background-color: #002858 !important;
    color: #fff !important;
}

.form-check-input:checked,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,
.rd-day-selected,
.rd-time-selected,
.rd-time-option:hover {
    background-color: #00A0B0 !important;
    border-color: #00A0B0 !important;
    color: #fff !important;
}

.form-check-input:focus {
    border-color: #bcecef !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 160, 176, 0.2) !important;
}

.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.guests-input__ctrl,
.Pricecart .progress::after {
    background-color: #dff7f8 !important;
    border-color: #bcecef !important;
    color: #00A0B0 !important;
}

.Pricecart .progress .progress-left .progress-bar,
.Pricecart .progress .progress-right .progress-bar {
    border-color: #00A0B0 !important;
}

.header.header-light .nav-menu > li > a.active,
.header.header-light .nav-menu > li > a:hover,
.header.header-light .nav-menu.nav-menu-social > li > a:hover,
.header.header-light .nav-menu.nav-menu-social > li > a.active,
.nav-menu > li > a.active,
.nav-menu > li:hover > a,
a:hover,
a:focus {
    color: #004078 !important;
}

@media (max-width: 991px) {
    .header.header-light .nav-menus-wrapper,
    .header.header-light .nav-menu,
    .header.header-light .nav-menu > li,
    .header.header-light .nav-menu > li > a,
    .header.header-light .nav-menu.nav-menu-social > li > a {
        min-height: 0;
        height: auto;
        display: block;
    }

    .detail-hero-image {
        height: 300px;
    }

    .hero-merged h1 {
        font-size: 2.4rem;
    }
}