/*
 * Böbedoki – levendula színvilág
 * Paletta: #915FF0, #A76EEE, #C894F7, #D6BEFA, #E2E1FC
 */

:root {
    --base-color: #915ff0;
    --dark-gray: #30283f;
    --medium-gray: #756b82;
    --medium-light-gray: #b9aec8;
    --lavender-strong: #915ff0;
    --lavender-medium: #a76eee;
    --lavender-soft: #c894f7;
    --lavender-mauve: #d6befa;
    --lavender-pale: #e2e1fc;
    --lavender-surface: #f4f1fe;
}

body {
    background-color: #fdfcff;
}

::selection {
    color: #fff;
    background-color: var(--lavender-strong);
}

/* Világos szekciók és ikonhátterek */
.bg-light-turquoise-blue {
    background-color: var(--lavender-surface) !important;
}

.bg-light-sea-green-transparent {
    background-color: rgba(167, 110, 238, 0.86) !important;
}

.bg-light-sea-green-transparent-light {
    background-color: rgba(200, 148, 247, 0.22) !important;
}

.bg-gradient-very-light-gray {
    background-image: linear-gradient(135deg, #fdfcff 0%, var(--lavender-pale) 100%) !important;
}

/* Az eredeti körmintás hero-háttér levendulás változata */
section[style*="demo-medical-hero-banner-bg.jpg"] {
    background-color: var(--lavender-mauve);
    background-image: url("../images/demo-medical-hero-banner-bg.jpg") !important;
    background-blend-mode: luminosity;
    background-position: center center;
    background-size: cover;
}

/* Navigáció és interaktív elemek */
.navbar .navbar-nav .nav-item:hover .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item .nav-link.active {
    color: var(--lavender-strong);
}

a:hover,
.elements-social .light li a:hover {
    color: var(--lavender-strong);
}

.btn.btn-base-color,
.btn.btn-box-shadow.btn-base-color {
    background-color: var(--lavender-strong);
    border-color: var(--lavender-strong);
}

.btn.btn-base-color:hover,
.btn.btn-base-color:active,
.btn.btn-box-shadow.btn-base-color:hover,
.btn.btn-box-shadow.btn-base-color:active {
    background-color: var(--lavender-medium);
    border-color: var(--lavender-medium);
    color: #fff;
}

.btn.btn-transparent-light-gray:hover,
.btn.btn-transparent-light-gray:active,
.btn.btn-dark-gray:hover,
.btn.btn-dark-gray:active {
    background-color: var(--lavender-strong);
    border-color: var(--lavender-strong);
    color: #fff;
}

/* Kártyák, folyamatjelzők és lapozók */
.feature-box-icon.bg-light-turquoise-blue,
.process-step-icon.bg-light-turquoise-blue {
    background-color: rgba(214, 190, 250, 0.58) !important;
}

.swiper-pagination-bullet-active,
.scroll-progress .scroll-point,
.scroll-progress .scroll-line:after {
    background-color: var(--lavender-strong) !important;
}

.accordion-button:not(.collapsed),
.accordion-style-02 .accordion-item.active-accordion .accordion-title {
    color: var(--lavender-strong);
}

/* Űrlapok */
input:focus,
select:focus,
textarea:focus,
.form-control:focus {
    border-color: var(--lavender-medium) !important;
    box-shadow: 0 0 0 3px rgba(145, 95, 240, 0.12);
}

/* Finom, levendulás árnyék a kiemelt elemekhez */
.btn-box-shadow,
.box-shadow-large-hover:hover {
    box-shadow: 0 10px 30px rgba(145, 95, 240, 0.20);
}

/* Hero cím – 1200px-től kisebb betűméret */
@media (min-width: 1200px) {
    .hero-heading {
        font-size: 3.5rem;
        line-height: 3.5rem;
    }
}

/* Mobil menü */
@media (max-width: 991px) {
    .navbar-collapse {
        border-color: rgba(145, 95, 240, 0.16);
    }

    .navbar .navbar-nav .nav-link.active {
        color: var(--lavender-strong);
    }
}

/* Hover-szöveges gombok (btn-switch-text): a látható szöveg sose törjön sorba,
   mert az animáció fix magasságú, overflow:hidden dobozt feltételez – törés esetén
   a gomb több sorosra nyúlik és szétesik. */
.btn.btn-switch-text > span,
.btn.btn-switch-text .btn-double-text {
    white-space: nowrap;
}