ul.top-small li a{
    color:#071f5d;
}

.head-wrapper {
    background: #071f5d;
    border-top: 2px solid #1197d5;
}

.head-wrapper .navbar ul.nav > li > a:hover, .head-wrapper .navbar ul.nav > li.active > a {
    background: #1197d5;
}

.simple-languages li.active a {
    color: #071f5d !important;
}

ul.menu-onmap li.active, .wrap-search{
    border-color:#071f5d;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background: #1197d5;
}

ul.menu-onmap li
{
    background: #071f5d;
}

.wrap-bottom
{
    background: #071f5d;
}

.thumbnail h3
{
    background:#071f5d;
}

.btn-info
{
    background:#071f5d;
    border-color:#071f5d;
}

.btn-info:focus
{
    background:#071f5d;
    border-color:#071f5d;
}

.btn-info i.icon-edit,
.btn-info i.icon-shopping-cart,
.btn-info i.icon-plus
{
    background-image: url("../img/glyphicons-halflings-white.png");
}

.btn-info:hover
{
    background:#1197d5;
}

.label-info
{
    background-color:#071f5d;
}

.agent .mail a
{
    color:#071f5d;
}

.thumbnail.f_1
{
    border:1px solid #071f5d;
}

strong.f_1
{
    color: #071f5d;
}

#myCarousel ol.carousel-thumbs li.active a img, ol.carousel-thumbs li:hover a img {
    border: 3px solid #071f5d;
}

/* [START] Custom logo over map, codecanyon example */

.head-wrapper .logo
{
    display: none;
}

.head-wrapper .navbar.pull-left
{
    padding-left: 410px;
}

.head-wrapper .logo-over
{
    display: inline;
}

.head-wrapper a.logo-over img {
      position: absolute;
margin-left:-50px;
      z-index: 2000;
}


.navbar .nav > li > a, .navbar .nav > li:first-child > a {
    padding: 10px 18px 8px;
}

div.simple-languages {
    padding-bottom: 5px;
    padding-top: 4px;
}

/* Landscape phone to portrait tablet */
@media (max-width: 978px) {
    
.head-wrapper .navbar.pull-left
{
    padding-left:0px;
}

.head-wrapper a.logo-over img {
      position: relative;
      padding:5px;
}

}


/* [END] Custom logo over map, codecanyon example */

.head-wrapper {
    background-color: white;
}

.head-wrapper .navbar ul.nav > li > a {
    color: #071f5d;
}


.simple-languages li a {
    color: #071f5d;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-bottom-color: #777777;
    border-top-color: #071f5d;
}

.head-wrapper .navbar ul#main-top-menu > li:first-child > a
{
    background: white;
}


ul.doviz
{
    margin:0px 0px 0px 8px; padding:0px;
}

ul.doviz li
{
    list-style: none;
    margin:0px; padding:5px;
    width:70px;
    float:left;
}


.label-success,
.badge-success {
  background-color: #1197d6;
}

.purpose-badget.fea_1
{
    /* background: #008C00; */
    background: #1197d6;
    color: white;
}
.search-form
{
    margin-top: 0px;
}

ul.menu-onmap li.list-iletisim-button
{
    float:right;
    background: #1197d6;
}
div.atclear {
display: none !important;
}

.mavi_arka
{
    background: white;
    padding:5px;
}

.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
background: #e4e4e4;
}

.purpose-badget
{
    display:block;
    background:#8C0000;
    position:absolute;
    top:170px;right:0px;
    padding:5px 15px;
    color:white;

    
    background: #1197d6;
    color:white;
}

div.logo-transparent {
  position: absolute;
  top: 40px;
  left: 25px;
  width: 255px;
  height: 80px;
}

/* [END] Custom logo over map, codecanyon example */

#myCarousel ol.carousel-thumbs li a img {
    border: 3px solid white;
    height: 20px;
    width: 30px;
}

#myCarousel ol.carousel-thumbs.carousel-indicators {
    display: table;
    right: 0px;
    margin: 0;
    padding: 10px;
    position: absolute;
    /* right: 0px; */
    left: 550px;
    /* height: 50px; */
    height: 50px;
    top: 335px;
    /* height: 50px; */
}

strong {
    font-weight: bold;
    width: 105px;
    padding-right: 4px;
    float: left;
}

.property_options p.bottom-border {
    border-bottom: 1px solid #DDDDDD;
    padding: 5px 5px;
    /* width: 115px; */
    /* border-bottom: 1px dotted #ccc; */
}

.property_options p.bottom-border span, .property_options p.bottom-border a {
    float: inherit;
    font-style: italic;
    padding-left: 20px;
}

/* ==========================================================================
   TASK 13: VISIBLE DEFECT FIXES & RESPONSIVE POLISH (Additive only)
   ========================================================================== */

/* 1. Fix Consultant / Agent Sidebar Image & Email Overflow */
.agent .image {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-right: 8px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.agent .image img {
    max-width: 76px !important;
    max-height: 76px !important;
    width: auto !important;
    height: auto !important;
    object-fit: cover;
    padding: 0 !important;
    margin: auto;
    border-radius: 4px;
}

.agent .mail a {
    word-break: break-all;
    overflow-wrap: anywhere;
    font-size: 11px;
}

/* 2. Modern Back to Top Button */
a.to-top {
    position: absolute;
    right: 25px;
    left: auto !important;
    top: 15px;
    display: inline-block;
    padding: 6px 14px;
    background: #1197d6;
    color: #ffffff !important;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transition: all 0.2s ease-in-out;
}

a.to-top:hover {
    background: #0d79ac;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

a.to-top::before {
    content: "▲ ";
    font-size: 10px;
}

/* 3. Mobile Viewport & Responsiveness Polish (390px) */
@media (max-width: 767px) {
    html, body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }

    .container, .container-fluid, .row-fluid {
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .head-wrapper a.logo-over img {
        margin-left: 0 !important;
        max-width: 240px;
        height: auto;
    }

    .top-wrapper {
        padding: 5px 10px;
    }

    .simple-languages {
        float: none !important;
        display: flex;
        justify-content: flex-end;
        padding: 4px 10px;
    }

    .simple-languages a {
        min-height: 44px;
        min-width: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 6px;
    }

    .thumbnail {
        max-width: 100% !important;
    }

    .btn-info, .btn {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}

/* ==========================================================================
   APPROVED MODERNISATION ITEMS 4 & 5
   ========================================================================== */

/* 4. Print Stylesheet for 'İlanı Yazdır' and A4 Print */
@media print {
    *, *:before, *:after {
        background: transparent !important;
        color: #000000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    body {
        font-size: 12pt;
        line-height: 1.4;
        background: #ffffff !important;
    }

    .head-wrapper, .navbar, .wrap-bottom, .always-top, 
    .over-image, a.over-image, .share, .doviz, .sketch-bottom,
    .btn, a.btn, .to-top, .carousel-indicators, .carousel-control,
    #whatsapp_btn, .fixed-whatsapp, .modal, .gmap-controls {
        display: none !important;
    }

    .container, .span8, .span4, .row-fluid {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .property_options p.bottom-border {
        border-bottom: 1px solid #cccccc !important;
    }

    img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }

    h1, h2, h3 {
        page-break-after: avoid;
    }
}

/* 5. Accessible Focus Rings (:focus-visible) for Keyboard Navigation */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.btn:focus-visible {
    outline: 2px solid #1197d6 !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 3px rgba(17, 151, 214, 0.3) !important;
}