/* Erol Havuz — tema üstüne küçük yamalar */

/* Scroll-to-top ve WhatsApp çakışma önleme */
#scrollUp { bottom: 24px !important; right: 24px !important; }

/* Galeri başlık font boyutu */
.gallery-content h2 { font-size: 14px !important; font-weight: 600; margin: 0; }

/* ─── AVATAR BOYUTU ─── */
.h4author-ava { width:110px; height:110px; flex-shrink:0; }
.h4author-ava > img { width:110px; height:110px; object-fit:cover; }
.about-author { display:flex !important; align-items:center !important; gap:16px; }

/* ─── DİL SEÇİCİ (Desktop Dropdown) ─── */
.eh-lang-switcher{position:relative;z-index:100}
.eh-lang-btn{background:none;border:2px solid #e8ecf0;border-radius:8px;padding:8px 14px;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:6px;color:#223645;font-weight:600;transition:.25s}
.eh-lang-btn:hover{border-color:#0aa3c2;color:#0aa3c2}
.eh-lang-btn i{font-size:12px;margin-left:2px;transition:.25s}
.eh-lang-switcher:hover .eh-lang-btn i{transform:rotate(180deg)}
.eh-lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.15);min-width:120px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s}
.eh-lang-switcher:hover .eh-lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.eh-lang-dropdown a{display:flex;align-items:center;gap:8px;padding:12px 18px;color:#223645;text-decoration:none;font-size:15px;font-weight:500;transition:.2s}
.eh-lang-dropdown a:hover{background:#f0f8fa;color:#0aa3c2}

/* ─── DİL SEÇİCİ (Mobil — yatay butonlar) ─── */
.eh-lang-mobile{display:flex;justify-content:center;gap:8px;padding:12px 0;background:#f5f8fa;border-radius:0 0 12px 12px;margin-top:-5px}
.eh-lang-mobile a{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;color:#223645;text-decoration:none;background:#fff;border:2px solid #e8ecf0;transition:.2s}
.eh-lang-mobile a.active{background:#0aa3c2;color:#fff;border-color:#0aa3c2}
.eh-lang-mobile a:hover{border-color:#0aa3c2}

/* Logo boyut kısıtlaması (tema logo-4.png ~50px civarı) */
.logo a img{max-height:60px;width:auto;display:block}
.footer-logo a img{max-height:50px;width:auto}

/* Header arka planı temaya uygun beyaz kalsın */
.header-menu-area.menu-area4{background:#fff;padding:10px 0}
.top-bar4{background:#fff}

/* Ana menü hizalama — buton ve menü aynı hizada */
.header-menu-area .row{align-items:center}
.header-right{display:flex !important;align-items:center !important;justify-content:flex-end !important}

/* Menü yazı boyutu — admin ayarlarından CSS custom property ile */
.header-menu-area .header__menu ul li a{font-size:var(--menu-fs, 16px) !important;padding:20px 0 !important}
.header-menu-area .header__menu ul li ul.submenu li a{font-size:14px !important;padding:8px 20px !important}

/* Sayfa banner */
.breadcrumb-area{background-size:cover;background-position:center;position:relative}
.breadcrumb-area::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,46,71,.85),rgba(11,154,200,.65))}
.breadcrumb-area > .container{position:relative;z-index:2}
.breadcrumb-area h1{font-weight:700;font-size:46px}
.breadcrumb-menu{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:14px;color:#dff5fa}
.breadcrumb-menu li{position:relative;color:#dff5fa}
.breadcrumb-menu li a{color:#dff5fa}
.breadcrumb-menu li + li::before{content:'/';margin-right:14px;color:#a5dff0}
.breadcrumb-menu li.active{color:#fff;font-weight:600}

/* Hero bg fallback */
.h4slider-bg{background-size:cover !important;background-position:center !important;min-height:620px}

/* Service icon kutusu (tema imgleri yerine FontAwesome ikonlu görsel block) */
.eh-service-icon{display:flex;align-items:center;justify-content:center;height:230px;background:linear-gradient(135deg,#0aa3c2,#0a3a5c);color:#fff;font-size:80px}
.eh-service-img{display:flex;align-items:center;justify-content:center;height:230px;background-size:cover;background-position:center}
/* Hizmet kartı — GÖZ etiketi konumu düzeltmesi */
.h4service-box .h4services-tag{bottom:15px}


/* Hizmet kartları — eşit yükseklik & üst hizalama (slick slider) */
.h4service-active.slick-initialized{
  display:block;
}
.h4service-active .slick-track{
  display:flex !important;
  align-items:stretch;
}
.h4service-active .slick-slide{
  float:none;
  height:auto !important;
  display:flex !important;
  align-items:stretch;
}
.h4service-active .slick-slide > .h4service-box{
  display:flex;
  flex-direction:column;
  width:100%;
  flex:1;
}
.h4service-active .service-thumb{
  flex-shrink:0;
  overflow:hidden;
}
.h4service-active .service-thumb > img,
.h4service-active .service-thumb .eh-service-img{
  width:100%;
  height:230px;
  object-fit:cover;
  display:block;
}
.h4service-active .h4services-content{
  flex:1;
  display:flex;
  flex-direction:column;
}
.h4service-active .h4services-content p{
  flex:1;
}
.h4service-active .h4services-content .service-link{
  margin-top:auto;
}

/* Hizmetler sayfası grid — kartlar eşit yükseklik */
.hizmetler-grid > [class*="col-"]{
  display:flex;
}
.hizmetler-grid .h4service-box{
  display:flex;
  flex-direction:column;
  width:100%;
}
.hizmetler-grid .service-thumb > img,
.hizmetler-grid .service-thumb .eh-service-img{
  width:100%;
  height:230px;
  object-fit:cover;
  display:block;
}
.hizmetler-grid .h4services-content{
  flex:1;
  display:flex;
  flex-direction:column;
}
.hizmetler-grid .h4services-content p{flex:1}
.hizmetler-grid .h4services-content .service-link{margin-top:auto}

/* Cihaz kartları — fotoğraf her zaman görünür */
.eh-device-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #f1f1f1;transition:.3s;display:flex;flex-direction:column;height:100%}
.eh-device-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.1);border-color:transparent}
.eh-device-photo{height:240px;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#f8fafc}
.eh-device-photo--placeholder{display:flex;align-items:center;justify-content:center;font-size:60px;color:#0aa3c2;background:linear-gradient(135deg,#f1f7fa,#e3eef4)}
.eh-device-body{padding:30px;flex:1;display:flex;flex-direction:column}
.eh-device-body h4{font-size:22px;line-height:1.3;margin-bottom:10px}
.eh-device-body p{color:#647589;margin-bottom:0}

/* Counter bölümü — siyah gölge kaldır, yapı düzelt */
.h4facts-thumb::before{display:none}
.h4facts-thumb img{border-radius:8px}
.h6fact-wrapper{padding-left:40px}
.h4facts-brandicon{display:none}

/* Galeri item override */
.gallery-box img{width:100%;height:300px;object-fit:cover}

/* Anasayfa galerisi - Slick slider + hover lightbox efekti */
.eh-gallery-slider{margin:0 -8px;position:relative;padding-bottom:10px}
.eh-gallery-slider:not(.slick-initialized){display:flex;gap:16px;overflow:hidden}
.eh-gallery-slider:not(.slick-initialized) .eh-gallery-slide{flex:0 0 24%;min-width:0}
.eh-gallery-slider:not(.slick-initialized) .eh-gallery-slide:nth-child(n+5){display:none}
.eh-gallery-slide{padding:0 8px}
.eh-gallery-item{display:block;position:relative;overflow:hidden;border-radius:10px;background:#0a3a5c}
.eh-gallery-item img{width:100%;height:260px;object-fit:cover;display:block;transition:transform .5s ease,opacity .3s ease}
.eh-gallery-item:hover img{transform:scale(1.08);opacity:.55}
.eh-gallery-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease;text-align:center;padding:10px;background:linear-gradient(180deg,rgba(10,58,92,0) 40%,rgba(10,58,92,.65) 100%)}
.eh-gallery-overlay i{font-size:34px;background:#0aa3c2;width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:8px;transform:translateY(10px);transition:transform .3s ease}
.eh-gallery-overlay small{font-size:13px;font-weight:600;letter-spacing:.5px}
.eh-gallery-item:hover .eh-gallery-overlay{opacity:1}
.eh-gallery-item:hover .eh-gallery-overlay i{transform:translateY(0)}
.eh-gallery-slider .slick-arrow{position:absolute !important;z-index:10;top:50%;transform:translateY(-50%);background:#0aa3c2;color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:20px;cursor:pointer;transition:.3s;display:flex !important;align-items:center;justify-content:center;opacity:1 !important;visibility:visible !important}
.eh-gallery-slider .slick-prev{left:-25px}
.eh-gallery-slider .slick-next{right:-25px}
.eh-gallery-slider .slick-arrow:hover{background:#e12454}
.eh-gallery-slider .slick-dots{text-align:center;padding:15px 0 0;margin:0;list-style:none}
.eh-gallery-slider .slick-dots li{display:inline-block;margin:0 4px}
.eh-gallery-slider .slick-dots li button{width:12px;height:12px;border-radius:50%;background:#ccd8e0;border:none;padding:0;font-size:0;cursor:pointer;transition:.3s}
.eh-gallery-slider .slick-dots li.slick-active button{background:#0aa3c2}
@media (max-width:991px){ .eh-gallery-item img{height:200px} }
@media (max-width:575px){ .eh-gallery-item img{height:170px} }

/* Hasta Yorumları - orijinal tema stili */
.testimonials {
    background-size: cover;
    background-position: center;
}

.h4testimonials-wrapper {
    padding: 40px;
    margin-bottom: 50px;
    box-shadow: 0px 16px 32px 0px rgba(221, 217, 255, 0.2);
    transition: .4s;
}

.h4testimonials-wrapper:hover {
    box-shadow: 0px 20px 40px 0px rgba(221, 217, 255, 0.35);
}

.h4testimonials-ratings ul li {
    font-size: 14px;
    color: #ffc600;
}

.h4testimonials-ratings ul li i.off {
    color: #ddd;
}

.h4testimonials-ratings {
    margin-bottom: 5px;
}

.h4testimonials-content p {
    color: #48637a;
    font-size: 14px;
    line-height: 1.7;
}

.h4testimonials--author__info > h5 {
    margin-bottom: 4px;
    font-family: 'Poppins', sans-serif;
}

.h4testimonials--author__info {
    padding-left: 14px;
}

.h4testimonials--author__info > span {
    font-size: 12px;
}

.h4testi-iconquato > i {
    height: 45px;
    width: 45px;
    text-align: center;
    background: #e12454;
    line-height: 45px;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
}

.h4testi-iconquato {
    position: absolute;
    top: -20px;
    right: 20px;
}

.h4testi-col {
    padding-left: 39px;
}

.h4testimonials-author {
    margin-top: 20px;
}

/* Online randevu - takvim/slot */
.eh-booking{background:#fff;border-radius:14px;padding:30px;box-shadow:0 4px 26px rgba(0,0,0,.06);margin-bottom:24px}
.eh-booking h4{font-weight:700;color:#022e47}
.eh-step-num{display:inline-flex;width:36px;height:36px;border-radius:50%;background:#0aa3c2;color:#fff;align-items:center;justify-content:center;font-weight:700;margin-right:10px}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;background:#f1f7fa;cursor:pointer;font-weight:600;color:#022e47;font-size:14px;border:2px solid transparent;transition:.2s;user-select:none}
.cal-day .dow{font-size:10px;opacity:.6;font-weight:400}
.cal-day:hover{background:#dff1f6}
.cal-day.disabled{background:#f1f1f1;color:#bbb;cursor:not-allowed}
.cal-day.selected{background:#0aa3c2;color:#fff}
.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.cal-head button{background:#eef6fa;border:none;width:38px;height:38px;border-radius:50%;color:#0aa3c2;font-size:16px}
.cal-head button:hover{background:#0aa3c2;color:#fff}
.cal-head .ml{font-size:18px;font-weight:700;color:#022e47}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:14px}
.slot{background:#f1f7fa;border:2px solid transparent;border-radius:10px;padding:12px 8px;text-align:center;cursor:pointer;font-weight:600;color:#022e47}
.slot:hover{background:#dff1f6}
.slot.selected{background:#0aa3c2;color:#fff}
.slot:disabled, .slot.full{background:#f1f1f1;color:#aaa;cursor:not-allowed;text-decoration:line-through}

.eh-alert-ok{background:#d1f5e6;border:1px solid #5dd3a8;color:#0a5b3e;border-radius:10px;padding:14px 18px;margin-bottom:18px}
.eh-alert-err{background:#ffe1e1;border:1px solid #ffb3b3;color:#8a0b0b;border-radius:10px;padding:14px 18px;margin-bottom:18px}

.eh-input{width:100%;border:1.5px solid #e3e9ee;border-radius:10px;padding:11px 14px;background:#fff}
.eh-input:focus{border-color:#0aa3c2;outline:0;box-shadow:0 0 0 .2rem rgba(10,163,194,.15)}

@media (max-width:768px){
  .breadcrumb-area h1{font-size:30px}
  .h4slider-bg{min-height:460px}
}

/* Hizmet seçim dropdown — nice-select eklentisini input alanlarıyla eşleştir */
.h4appoinment-input .nice-select{
  width:100%;
  float:none;
  border:0;
  border-bottom:2px solid #cad2d7;
  border-radius:0;
  height:auto;
  line-height:1;
  padding:15px 45px;
  font-size:18px;
  font-family:'Rubik',sans-serif;
  color:#647589;
  background:transparent;
}
.h4appoinment-input .nice-select:hover{
  border-color:#cad2d7;
}
.h4appoinment-input .nice-select:active,
.h4appoinment-input .nice-select.open,
.h4appoinment-input .nice-select:focus{
  border-color:#0aa3c2;
}
.h4appoinment-input .nice-select:after{
  right:14px;
  border-color:#e12454;
}
.h4appoinment-input .nice-select .current{
  font-size:18px;
  color:#647589;
}
.h4appoinment-input .nice-select .list{
  width:100%;
  border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  margin-top:2px;
}
.h4appoinment-input .nice-select .option{
  font-size:16px;
  line-height:38px;
  min-height:38px;
  padding-left:18px;
}
.h4appoinment-input .nice-select .option:hover,
.h4appoinment-input .nice-select .option.focus{
  background-color:#f1f7fa;
}
.h4appoinment-input .nice-select .option.selected{
  color:#0aa3c2;
  font-weight:600;
}

/* Randevu sayfası — hizmet seçim dropdown (nice-select) taşma düzeltmesi */
.eh-booking .nice-select{
  width:100%;
  float:none;
  height:auto;
  line-height:1.4;
  padding:11px 35px 11px 14px;
  border:1.5px solid #e3e9ee;
  border-radius:10px;
  background:#fff;
  font-size:15px;
  box-sizing:border-box;
}
.eh-booking .nice-select:after{
  right:14px;
}
.eh-booking .nice-select .list{
  width:100%;
  border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  max-height:250px;
  overflow-y:auto;
}
.eh-booking .nice-select .option{
  font-size:14px;
  line-height:36px;
  min-height:36px;
  padding-left:14px;
  white-space:normal;
}

