/* minimal custom styling */
:root{
  --brand:#24c48f; /* search bubble green */
  --brand-dk:#1da277;
}
body{font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", Helvetica, "Apple Color Emoji","Segoe UI Emoji";}

/* Header */
.site-header{position:relative; padding:18px 0;}
.logo img{height:36px}

/* User icon dropdown with triangle */
.user-menu{position:relative}
.user-menu .dropdown-menu{border-radius:14px; border:1px solid #e6ecf1; padding:8px; min-width:220px; box-shadow:0 8px 30px rgba(0,0,0,.08)}
.user-menu .dropdown-menu:before{content:""; position:absolute; right:18px; top:-10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; filter:drop-shadow(0 -1px 0 #e6ecf1)}

/* Search bar */
.search-wrap{position:relative; margin:24px auto 6px; max-width:980px}
.search-input{border:2px solid var(--brand); border-radius:999px; padding-left:56px; height:58px}
.search-icon{position:absolute; left:14px; top:50%; transform:translateY(-50%); width:32px; height:32px; background:var(--brand); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center}

/* Search dropdown */
.search-results{position:absolute; top:66px; left:0; right:0; z-index:30; background:#fff; border:1px solid #e6ecf1; border-radius:14px; overflow:hidden; display:none}
.search-results a{display:flex; gap:10px; align-items:center; padding:12px 14px; color:#2a2e33; text-decoration:none}
.search-results a:hover{background:#f5f7fb}
.search-results .city{font-size:.9rem; color:#6b7280}

/* Slider card look */
.owl-theme .item-card{background:#fff; border-radius:22px; border:3px solid #6176b3; padding:12px;}
.item-inner{display:grid; grid-template-columns: 1.2fr 1fr; gap:20px; align-items:stretch}
.item-inner .photo{border-radius:14px; overflow:hidden}
.item-inner .photo img{width:100%; height:100%; object-fit:cover}
.item-inner .content{padding:6px 2px}
.item-inner .title{font-weight:700; font-size:1.4rem}
.item-inner .text{color:#4b5563; line-height:1.6}

/* Slider nav arrows */
.custom-nav .nav-btn{width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid #90a2d6; color:#90a2d6; background:#fff}
.custom-nav .nav-btn:hover{background:#eef2ff}

/* Yan oklar */
.slider-wrap .nav-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:10;
  width:46px;
  height:46px;
  border-radius:50%;
  border:2px solid rgba(0,0,0,.15);
  background:rgba(255,255,255,.9);
  color:#333;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 6px rgba(0,0,0,.15);
  transition:all .2s ease-in-out;
}
.slider-wrap .nav-btn:hover{ background:#333; color:#fff; }

.slider-wrap .nav-prev{ left:-22px; }
.slider-wrap .nav-next{ right:-22px; }
/* Sağtaki ok butonu */
.search-go{
  position:absolute; right:10px; top:50%; transform:translateY(-50%);
  width:40px; height:40px; border-radius:50%;
  border:1px solid #e6ecf1; background:#fff; color:#334155;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
}
.search-go:hover{ background:#f5f7fb; }

/* Input sağa yer açılsın */
.search-input{ padding-right:60px; }

.searchbar-page { position: relative; }
.searchbar-page input.form-control { padding-left: 46px; padding-right: 54px; height: 52px; }
.searchbar-page .fa-magnifying-glass { position:absolute; left:12px; top:50%; transform:translateY(-50%); opacity:.7; }
.searchbar-page .btn-go { position:absolute; right:6px; top:50%; transform:translateY(-50%); }
.card-hotel .thumb { width: 140px; height: 100px; object-fit: cover; border-radius: 10px; }
.card-hotel .h-title { font-weight: 600; text-decoration: none; color: #1f2937; }
.card-hotel .addr { color:#6b7280; font-size:.92rem; }
.price-pill { background:#eef7ff; color:#0b5ed7; border:1px solid #d6e8ff; padding:.2rem .55rem; border-radius:999px; font-size:.85rem; }

footer {
  font-size: 0.9rem;
  letter-spacing: 0.3px;
}
footer a:hover {
  text-decoration: underline;
}
  .social-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #ccc;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
  }
  .social-icon:hover {
    background-color: #f8f9fa;
    color: #000;
    border-color: #f8f9fa;
  }

/* Küçük ekranlarda biraz içeri al */
@media (max-width: 992px){
  .slider-wrap .nav-prev{ left:6px; }
  .slider-wrap .nav-next{ right:6px; }
  .slider-wrap .nav-btn{ width:40px; height:40px; }
}

@media (max-width: 991.98px){
  .item-inner{grid-template-columns:1fr}
  .search-input{height:52px}
}