:root { /* Core palette */ --fi-blue: #3f697d; --fi-indigo: #56637a; --fi-purple: #6e7a8f; --fi-pink: #b89aa5; --fi-red: #8f5f5f; --fi-orange: #b58d63; --fi-yellow: #cbbf94; --fi-green: #8f9888; --fi-teal: #6e8989; --fi-cyan: #8eaeb2; --fi-black: #1f2730; --fi-white: #ffffff; /* Luxury neutral system */ --fi-gray: #8d95a1; --fi-gray-dark: #465161; --fi-gray-100: #f5f3ef; --fi-gray-200: #ece9e2; --fi-gray-300: #d8dde1; --fi-gray-400: #c8ccd1; --fi-gray-500: #aab0b8; --fi-gray-600: #7d8793; --fi-gray-700: #667181; --fi-gray-800: #4f5b6b; --fi-gray-900: #2f3f56; /* Brand colors based on your palettes */ --fi-primary: #3f697d; /* deep ocean */ --fi-primary-bright: #6e8989; /* muted teal */ --fi-primary-brighter: #88a2a4; /* light mist teal */ --fi-accent: #a8ab88; /* soft olive */ --fi-secondary: #f5f3ef; /* warm ivory */ --fi-success: #7f9580; --fi-info: #70869a; --fi-warning: #c3b589; --fi-danger: #9a6f73; --fi-light: #ffffff; --fi-dark: #2f3f56; /* RGB */ --fi-primary-rgb: 63, 105, 125; --fi-accent-rgb: 168, 171, 136; --fi-secondary-rgb: 245, 243, 239; --fi-success-rgb: 127, 149, 128; --fi-info-rgb: 112, 134, 154; --fi-warning-rgb: 195, 181, 137; --fi-danger-rgb: 154, 111, 115; --fi-light-rgb: 255, 255, 255; --fi-dark-rgb: 47, 63, 86; --fi-white-rgb: 255, 255, 255; --fi-black-rgb: 31, 39, 48; /* Typography and body */ --fi-body-color-rgb: 79, 91, 107; --fi-body-bg-rgb: 245, 243, 239; --fi-font-sans-serif: "Noto Sans", sans-serif; --fi-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* Elegant gradient */ --fi-gradient: linear-gradient(135deg, #3f697d 0%, #6e8989 38%, #8f9888 68%, #a8ab88 100%); --fi-body-font-family: var(--fi-font-sans-serif); --fi-body-font-size: 1rem; --fi-body-font-weight: 400; --fi-body-line-height: 1.6; --fi-body-color: #4f5b6b; --fi-body-bg: #f5f3ef; /* Borders */ --fi-border-width: 1px; --fi-border-style: solid; --fi-border-color: #d8dde1; --fi-border-color-translucent: rgba(47, 63, 86, 0.14); /* Radius */ --fi-border-radius: 0.65rem; --fi-border-radius-sm: 0.45rem; --fi-border-radius-lg: 0.95rem; --fi-border-radius-xl: 1.6rem; --fi-border-radius-2xl: 2rem; --fi-border-radius-pill: 50rem; /* Links */ --fi-link-color: #3f697d; --fi-link-hover-color: #2f3f56; --fi-nav-link-hover-color: #ffffff; /* Misc */ --fi-code-color: #7a5f74; --fi-highlight-bg: #ece9e2; /* Shadows */ --fi-shadow-light: rgba(63, 105, 125, 0.12); --fi-shadow-dark: rgba(47, 63, 86, 0.24); } .bg-primary.text-white.d-flex.flex-column.align-items-center.justify-content-center.rounded.p-2.me-3 { background: #2f3f55 !important; } article a.nav-link:hover { color: black !important; } .evaluateBtn.btn.btn-primary.d-none.d-md-block.order-lg-3{ animation: luxuryPulse 4s ease-in-out infinite; } @keyframes luxuryPulse{ 0%{ transform: scale(1); box-shadow: 0 0 0 0 rgba(214,185,107,0.45); } 50%{ transform: scale(1.03); box-shadow: 0 0 20px 4px rgba(214,185,107,0.25); } 100%{ transform: scale(1); box-shadow: 0 0 0 0 rgba(214,185,107,0); } } /* По-видим badge за избрания параметър */ #send_lead span.badge{ background: linear-gradient(135deg,#e6f0f6,#d6e4ee) !important; border: 1px solid #3f697d !important; color: #2f3f56 !important; font-size: 13px; font-weight: 600; padding: 6px 12px !important; border-radius: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); } /* малък ефект при hover */ #send_lead span.badge:hover{ background: linear-gradient(135deg,#d6e4ee,#c7d9e6) !important; } .header2 .navbar-expand-lg .navbar-nav .nav-link { padding: 0.75rem 1.1rem; font-size: 15px; font-weight: 600; letter-spacing: 0.04em; border-left: 1px solid rgba(255, 255, 255, 0.18); color: #ffffff; text-transform: uppercase; text-shadow: none; transition: all 0.25s ease; } .header2 .navbar-expand-lg .navbar-nav .nav-link:hover, .header2 .navbar-expand-lg .navbar-nav .nav-link:focus, .header2 .navbar-expand-lg .navbar-nav .nav-link.active { background: rgba(255, 255, 255, 0.08); color: #ffffff; } .btn-primary, body .btn.btn-primary, body a.btn.btn-primary { background: var(--fi-primary); border: 1px solid var(--fi-primary); color: #fff; box-shadow: 0 8px 20px rgba(63, 105, 125, 0.18); } .btn-primary:hover, body .btn.btn-primary:hover, body a.btn.btn-primary:hover { background: var(--fi-dark); border-color: var(--fi-dark); color: #fff; } body, .fi-body, .page-wrapper, main { background: #ffffff !important; } .header2, .navbar { background: #2f3f56 !important; box-shadow: 0 6px 25px rgba(0,0,0,0.08); } .header2 .btn{ background: #3f697d; border: none; color: #fff; border-radius: 8px; padding: 10px 18px; font-weight: 600; } .header2 .btn:hover{ background:#2f3f56; } .breadcrumb{ background:#ffffff; border-bottom:1px solid #e6e6e6; } .card{ border:none; box-shadow:0 8px 30px rgba(0,0,0,0.06); border-radius:12px; } .header2 .btn-primary, .header2 .btn-accent { background: linear-gradient(135deg,#6e8989,#3f697d); border: none; color: #fff; font-weight: 600; padding: 10px 18px; border-radius: 8px; box-shadow: 0 6px 18px rgba(0,0,0,0.25); } .header2 .btn-primary:hover, .header2 .btn-accent:hover { background: linear-gradient(135deg,#8f9888,#3f697d); } .header2 .currency-dropdown, .header2 .language-dropdown { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.15); color: #fff; padding: 8px 14px; border-radius: 8px; backdrop-filter: blur(6px); }.header2 .header-phone{ color: rgba(255,255,255,0.65); font-weight:500; } .header2 .header-icons a{ opacity:0.7; } .header2 .header-icons a:hover{ opacity:1; } /* телефон в хедъра */ .header2 a[href^="tel"], .header2 .phone, .header2 .header-phone { color: rgba(255,255,255,0.75) !important; font-weight: 500; font-size: 14px; } .header2 a[href^="tel"]{ opacity: 0.7; } .header2 a[href^="tel"]:hover{ opacity: 1; } /* CTA бутони в хедъра – Онлайн оценка + Добави имота си */ /* Онлайн оценка + Добави имота си */
.header2 .btn-primary, .header2 .btn-accent, .header2 a[href*="imota"], .header2 a[href*="ocenka"] { background: linear-gradient(135deg,#d6b96b,#c9a94f) !important; border: 1px solid #c9a94f !important; color: #1f2b38 !important; font-weight: 600; border-radius: 8px; padding: 10px 18px; box-shadow: 0 8px 20px rgba(0,0,0,0.25); } .header2 .btn-primary:hover, .header2 .btn-accent:hover, .header2 a[href*="imota"]:hover, .header2 a[href*="ocenka"]:hover { background: linear-gradient(135deg,#e4c979,#b8963d) !important; } /* Намалява цветовете на Viber / WhatsApp / Telegram иконките *//* Стилни и приглушени Viber / WhatsApp / Telegram */ /* Viber / WhatsApp / Telegram – бели и стилни */ /* Viber / WhatsApp / Telegram – стилни бели икони */ .header2 .social-media-icons i{ color: rgba(255,255,255,0.75); font-size: 18px; transition: all .2s ease; } .header2 .social-media-icons a:hover i{ color: #ffffff; }

.navbar.navbar-expand-lg.navbar-dark.bg-primary {
    background: #3a5f6f !important;
}

.header2, .navbar {
    background: #838d82 !important;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08);
}

footer#footer_container {
    background: #838d82 !important;
}

footer h5, footer a.nav-link.py-1.px-0, footer div, footer a {
    color: white;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
 
    color: #4d5c4c;
}

.header2 .btn-primary, .header2 .btn-accent, .header2 a[href*="imota"], .header2 a[href*="ocenka"] {
    background: linear-gradient(135deg, #e9ecd0, #feffff) !important;
      background: linear-gradient(135deg, #fff9ca, #e9c655) !important;

    border: 1px solid #4b6f94 !important;
    color: #1f2b38 !important;
    font-weight: 600;
    border-radius: 8px;
    padding: 10px 18px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}



 .header2 .btn-primary:hover, .header2 .btn-accent:hover, .header2 a[href*="imota"]:hover, .header2 a[href*="ocenka"]:hover {
    background: linear-gradient(135deg, #fcffdc, #f9fbe7) !important;
}




button.btn.btn-sm.btn-outline-primary.border-0.dropdown-toggle {
    background: #838d82;
}

.header2, .navbar {
    background: #aac1b1 !important;
}


.navbar.navbar-expand-lg.navbar-dark.bg-primary {
    
  background:linear-gradient(180deg, rgb(131 141 130), rgb(63 105 125)) !important;}

 

.header2, .navbar {
    background: linear-gradient(180deg, rgb(131 141 130), rgb(63 105 125)) !important;
}


.navbar.navbar-expand-lg.navbar-dark.bg-primary {
    background: #31454b !important;
}

button.btn.btn-sm.btn-outline-primary.border-0.dropdown-toggle {
    background: #31454b;
}

footer#footer_container {
    background: #838d82 !important;
    background: linear-gradient(180deg, rgb(131 141 130), rgb(63 105 125)) !important;
}

.nav-link:hover, .nav-link:focus {
    color: #828282 !important;
}

span.material-icons.fs-1.pb-3.icon {
    display: none;
}