:root {
    --primary: #777777;
    --primary-hover: #666666;
    --accent: #CA2126;
    --accent-hover: #AA1720;
    --background: #F8F8F8;
    --background-alt: #EBEBEB;
    --text: #333333;
    --border: #DDDDDD;
}

/* Általános megjelenés */
body,
section {
    background: var(--background);
    color: var(--text);
}

section:nth-of-type(2n),
.dimmed-bg,
.result-item:nth-child(2n+1),
.table-striped > tbody > tr:nth-of-type(odd),
.condensed-form .form-group:nth-child(2n),
.contentslider-std .sliderkit-panels,
.contentslider-std .sliderkit-panel {
    background: var(--background-alt) !important;
}

/* Címsorok */
h1, h2, h3, h4, h5, h6,
#garance,
.blue,
.company-name > span:last-child {
    color: var(--primary);
}

/* Piros arculati elemek */
.red,
.company-name > span:first-child,
header .tagline-dot,
.required::after,
span.asterisk::after {
    color: var(--accent);
}

.bg-red {
    background-color: var(--accent);
}

.bg-blue {
    background-color: var(--primary);
}

/* Navigáció */
.navbar {
    background: var(--primary);
    background-image: none;
}

.navbar-nav > li > a {
    color: #FFFFFF;
}

.navbar-nav > li:hover > a,
.navbar-nav > li > a:hover,
.navbar-nav > li.active > a,
.navbar-nav > li.dropdown.open > a,
.navbar-nav > li.dropdown.open:hover > a {
    background: var(--accent);
    color: #FFFFFF;
}

/* Lenyíló menü */
.navbar-collapse.collapse .navbar-nav .dropdown-menu {
    background: #F5F5F5;
}

.navbar-nav > li > ul > li > a:hover,
.navbar-nav > li > ul > li > a:focus {
    background: var(--accent);
    color: #FFFFFF;
}

/* Elsődleges gombok */
.btn-primary {
    background: var(--primary);
    background-image: none;
    border-color: var(--primary);
    color: #FFFFFF;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:focus:active {
    background: var(--accent);
    background-image: none;
    border-color: var(--accent);
    color: #FFFFFF;
}

/* Ingatlanok jelölései */
.relativ-box-inner {
    background: var(--primary);
    background-image: none;
}

.relativ-box-inner.kiado {
    background: var(--accent) !important;
}

/* Lapozás */
.pagination .pages .active {
    color: var(--accent);
}

/* Kezdőoldali ingatlanok */
.slides-container .slide .title,
.slides-container .slide .info .price {
    color: var(--primary);
}

.slides-container .slide .title,
.slides-container .slide .info {
    background: rgba(255,255,255,0.88);
}

/* Mobil */
@media only screen and (max-width: 767px) {
    header,
    .navbar-collapse.collapsing,
    .navbar-collapse.collapse.in {
        background: var(--primary);
    }

    .navbar-nav > li:hover > a,
    .navbar-nav > li.active > a,
    .navbar-nav > li > a:hover,
    .navbar-nav > li.dropdown.open > a {
        background: var(--accent);
    }
}

/* =========================================
   HÁZ INGATLAN – REDESIGN 2. LÉPÉS
   ========================================= */

/* Általános tipográfia */
body {
    font-size: 14px;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.3;
}

/* Navigáció */
.navbar {
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
}

.navbar-nav > li > a {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: background-color .2s ease;
}

/* Keresőpanel */
form[name="house_search"] {
    background: #FFFFFF !important;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    box-shadow: 0 5px 24px rgba(0,0,0,0.06);
    padding-top: 20px;
    padding-bottom: 25px;
}

/* Űrlapmezők */
.form-control {
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    box-shadow: none;
    color: #333333;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.form-control:focus {
    border-color: #999999;
    box-shadow: 0 0 0 3px rgba(119,119,119,0.12);
}

/* Űrlapfeliratok */
.control-label {
    color: #555555;
    font-weight: 600;
}

/* Gombok */
.btn {
    border-radius: 6px;
    font-weight: 600;
    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

/* Elsődleges keresőgomb */
#search.btn-primary {
    background: #CA2126;
    border-color: #CA2126;
    color: #FFFFFF;
    padding: 10px 24px;
    box-shadow: none;
}

#search.btn-primary:hover,
#search.btn-primary:focus {
    background: #AA1720;
    border-color: #AA1720;
    color: #FFFFFF;
}

/* Másodlagos gombok */
.btn-default {
    background: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    color: #555555;
    box-shadow: none;
}

.btn-default:hover,
.btn-default:focus {
    background: #F2F2F2;
    border-color: #AAAAAA;
    color: #333333;
}

/* Ingatlanlista */
.result-item {
    background: #FFFFFF !important;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 15px;
    transition:
        box-shadow .2s ease,
        border-color .2s ease;
}

.result-item:hover {
    border-color: #D5D5D5;
    box-shadow: 0 5px 18px rgba(0,0,0,0.07);
}

/* Ingatlanfotók */
.result-item .house-image img {
    border-radius: 6px;
}

/* Ingatlancímek */
.result-item .house-properties h5.house-name a {
    color: #555555;
    font-weight: 600;
}

.result-item .house-properties h5.house-name a:hover {
    color: #CA2126;
    text-decoration: none;
}

/* Ingatlanárak */
.result-item .house-properties .house-price {
    color: #CA2126;
    font-size: 130%;
    font-weight: 700;
}

/* Táblázatok */
.table {
    background: #FFFFFF;
}

.table > thead > tr > th {
    border-bottom: 2px solid #DDDDDD;
    color: #555555;
}

/* Mobilos finomítások */
@media only screen and (max-width: 767px) {

    form[name="house_search"] {
        border-radius: 8px;
        padding-top: 15px;
    }

    .result-item {
        border-radius: 8px;
        padding: 15px;
    }

    .result-item .house-image img {
        max-width: 100%;
    }

    .btn {
        white-space: normal;
    }
}

/* =========================================
   KAPCSOLAT OLDAL – SZÍNEK EGYSÉGESÍTÉSE
   ========================================= */

/* Ingatlanközvetítők vezetékneve */
.contact-profile .name .first {
    color: #CA2126;
}

/* Ingatlanközvetítők keresztneve */
.contact-profile .name .last {
    color: #777777;
}

/* Kapcsolat oldali ikonok */
.contact-info .glyphicon {
    color: #777777;
}

/* E-mail-címek */
#contact-office a,
#contact-agents a {
    color: #777777;
    text-decoration: none;
}

/* Hivatkozások egérrel történő kijelölése */
#contact-office a:hover,
#contact-agents a:hover {
    color: #CA2126;
    text-decoration: underline;
}

.logged-in-menu .nav.nav-pills.nav-stacked > li > a:hover {
	background: #eee !important;
}