/* Atakent Cihan — kurumsal hareket, geçiş ve UI düzeltmeleri */
:root {
    --ht-primary: #0d9488;
    --ht-primary-dark: #0f766e;
    --ht-navy: #08233f;
    --ht-ease: cubic-bezier(.22, 1, .36, 1);
}

html { scroll-behavior: smooth; }
html, body { max-width: 100%; overflow-x: clip; }
body { background: #fff; }

.ht-skip {
    position: absolute;
    left: -999px;
    top: 8px;
    z-index: 10000;
    background: var(--ht-navy);
    color: #fff;
    padding: 10px 16px;
    border-radius: 8px;
    font-weight: 800;
}
.ht-skip:focus { left: 8px; color: #fff; }

/* Sayfa perdesi kapalı */
.ht-page-curtain,
.ht-page-curtain.is-out,
.ht-page-curtain.is-in {
    display: none !important;
}

::view-transition-old(root),
::view-transition-new(root) { animation: none !important; }

.ht-doc-grid.ht-reveal,
.ht-doc-grid.ht-stagger > .is-child {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}
.ht-reveal {
    opacity: 0;
    transform: translateY(36px);
    filter: blur(6px);
    transition: opacity .8s var(--ht-ease), transform .8s var(--ht-ease), filter .8s var(--ht-ease);
}
.ht-reveal.is-in {
    opacity: 1;
    transform: none;
    filter: none;
}
.ht-reveal-left { transform: translateX(-40px); }
.ht-reveal-right { transform: translateX(40px); }
.ht-reveal-scale { transform: scale(.94); }
.ht-stagger > .is-child {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .7s var(--ht-ease), transform .7s var(--ht-ease);
}
.ht-stagger.is-in > .is-child { opacity: 1; transform: none; }
.ht-stagger.is-in > .is-child:nth-child(1) { transition-delay: .04s; }
.ht-stagger.is-in > .is-child:nth-child(2) { transition-delay: .1s; }
.ht-stagger.is-in > .is-child:nth-child(3) { transition-delay: .16s; }
.ht-stagger.is-in > .is-child:nth-child(4) { transition-delay: .22s; }
.ht-stagger.is-in > .is-child:nth-child(5) { transition-delay: .28s; }
.ht-stagger.is-in > .is-child:nth-child(6) { transition-delay: .34s; }
.ht-stagger.is-in > .is-child:nth-child(7) { transition-delay: .4s; }
.ht-stagger.is-in > .is-child:nth-child(8) { transition-delay: .46s; }
.ht-stagger.is-in > .is-child:nth-child(n+9) { transition-delay: .5s; }

/* Görseller */
.ht-img-zoom, .ht-card, .ht-treat-card, .ht-doc-card, .ht-rel-card, .ht-hosp-card,
.ht-certs-card, .ht-award-card, .ht-blog-card, .ht-hospital {
    overflow: hidden;
}
.ht-img-zoom img, .ht-card-img, .ht-treat-media img, .ht-doc-photo img,
.ht-rel-media img, .ht-certs-card img, .ht-tuska-grid img, .ht-hospital img,
.ht-td-cover img, .ht-blog-card img {
    transition: transform 1.15s var(--ht-ease), filter .5s ease;
    will-change: transform;
}
.ht-card:hover .ht-card-img,
.ht-treat-card:hover .ht-treat-media img,
.ht-doc-card:hover .ht-doc-photo img,
.ht-rel-card:hover .ht-rel-media img,
.ht-certs-card:hover img,
.ht-hospital:hover img,
.ht-blog-card:hover img,
.ht-img-zoom:hover img {
    transform: scale(1.08);
    filter: saturate(1.08);
}
.ht-tuska-grid img {
    transform-origin: center;
}
.ht-tuska-grid img:hover { transform: scale(1.06); }

@keyframes htKenBurns {
    0% { transform: scale(1) translate(0, 0); }
    100% { transform: scale(1.08) translate(-1.2%, 0); }
}
.hero-1 .th-hero-bg,
.hero-slider-1 .th-hero-bg {
    animation: htKenBurns 18s ease-in-out infinite alternate;
    transform-origin: top center;
}
.hero-style1 .sub-title,
.hero-style1 .hero-title,
.hero-style1 .hero-text,
.hero-style1 .btn-group {
    animation: htHeroIn .9s var(--ht-ease) both;
}
.hero-style1 .hero-title { animation-delay: .15s; }
.hero-style1 .hero-text { animation-delay: .28s; }
.hero-style1 .btn-group { animation-delay: .42s; }
@keyframes htHeroIn {
    from { opacity: 0; transform: translateY(28px); }
    to { opacity: 1; transform: none; }
}

.ht-card, .ht-pkg-card, .ht-treat-card, .ht-doc-card, .ht-testimonial,
.ht-info-card, .ht-certs-card, .ht-stat, .ht-award-card, .ht-form-card {
    transition: transform .45s var(--ht-ease), box-shadow .45s var(--ht-ease), border-color .3s ease;
}
.ht-card:hover, .ht-pkg-card:hover, .ht-treat-card:hover, .ht-doc-card:hover,
.ht-testimonial:hover, .ht-info-card:hover, .ht-certs-card:hover, .ht-stat:hover,
.ht-award-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 48px rgba(8, 35, 63, .14);
}

.ht-btn, .th-btn, .ht-treat-btn, .ht-cta-btn, .ht-doc-btn {
    transition: transform .25s var(--ht-ease), box-shadow .25s ease, background .25s ease !important;
}
.ht-btn:hover, .th-btn:hover, .ht-treat-btn:hover, .ht-cta-btn:hover, .ht-doc-btn:hover {
    transform: translateY(-2px);
}

/* Header */
.slider-drag-cursor { display: none !important; }
    @media (max-width: 1399.98px) {
        .th-header.header-layout1 .header-top .header-links li.d-xl-inline-block:has(.fa-envelope) { display: none !important; }
    }
.th-header.header-layout1 .header-links ul {
    flex-wrap: wrap;
    row-gap: 4px;
}
.th-header.header-layout1 .sticky-wrapper.sticky {
    box-shadow: 0 12px 32px rgba(8, 35, 63, .12);
    backdrop-filter: blur(10px);
}
.th-header,
.th-header .header-top,
.th-header .sticky-wrapper,
.th-header .menu-area,
.th-header .header-right,
.ht-mobile-tools {
    overflow: visible !important;
}

/* Dil seçici */
.ht-lang { position: relative; z-index: 30; display: inline-flex; }
.ht-lang.is-open { z-index: 1300; }
.th-header.header-layout1 .header-top { position: relative; z-index: 60; }
.ht-lang-btn {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    min-height: 34px;
    padding: 0 10px 0 8px;
    margin: 0;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.12);
    color: #fff;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: none;
    transition: background .2s ease, border-color .2s ease;
}
.ht-lang-btn:hover,
.ht-lang.is-open .ht-lang-btn {
    background: rgba(255,255,255,.2);
    border-color: rgba(255,255,255,.35);
    color: #fff;
}
.ht-lang-btn .ht-lang-flag { font-size: 15px; line-height: 1; }
.ht-lang-btn i {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
    border-radius: 0;
    font-size: 9px;
    opacity: .8;
    color: inherit;
    transition: transform .2s ease;
}
.ht-lang.is-open .ht-lang-btn i { transform: rotate(180deg); }
.ht-lang-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 240px;
    padding: 10px 8px 8px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(8, 35, 63, .18);
    border: 1px solid #e8eef3;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s;
    text-align: left;
}
[dir="rtl"] .ht-lang-menu { right: auto; left: 0; text-align: right; }
.ht-lang.is-open .ht-lang-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}
.ht-lang-label,
.ht-lang-more p,
.ht-mobile-langs-label {
    margin: 0 8px 6px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #7b8a99;
}
.ht-lang-menu ul { list-style: none; margin: 0; padding: 0; }
.ht-lang-menu a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    text-decoration: none !important;
    color: var(--ht-navy) !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}
.ht-lang-menu a:hover { background: #f4faf9; }
.ht-lang-menu a.is-active { background: #e8f6f4; color: var(--ht-primary-dark, #0f766e) !important; }
.ht-lang-menu .ht-lang-flag { font-size: 16px; width: 22px; text-align: center; flex: 0 0 auto; }
.ht-lang-name { flex: 1 1 auto; }
.ht-lang-iso {
    font-size: 11px;
    font-weight: 800;
    color: #8a97a6;
    letter-spacing: .04em;
}
.ht-lang-menu a.is-active .ht-lang-iso { color: var(--ht-primary, #0d9488); }
.ht-lang-menu a .fa-check { font-size: 11px; color: var(--ht-primary, #0d9488); }
.ht-lang-more {
    display: none;
    margin-top: 6px;
    padding: 8px 8px 6px;
    border-top: 1px solid #eef2f6;
}
.ht-lang--light .ht-lang-btn {
    height: 32px;
    min-height: 32px;
    padding: 0 10px 0 8px;
    border-color: #d5e0ea;
    background: #fff;
    color: #08233f;
    box-shadow: 0 1px 2px rgba(8, 35, 63, .06);
}
.ht-lang--light .ht-lang-btn:hover,
.ht-lang--light.is-open .ht-lang-btn {
    border-color: var(--ht-primary, #0d9488);
    background: #f4faf9;
    color: #08233f;
}

.ht-mobile-tools {
    display: none;
    align-items: center;
    gap: 8px;
}
.ht-mobile-wa {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #25d366;
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 8px 18px rgba(37, 211, 102, .35);
}
.ht-mobile-langs {
    display: grid;
    gap: 6px;
    padding: 20px 16px 28px;
    text-align: left;
}
.ht-mobile-langs-label { margin: 0 0 8px; }
.ht-mobile-langs a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 8px 12px;
    border-radius: 12px;
    border: 1px solid #e8eef3;
    color: var(--ht-navy) !important;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    background: #fff;
}
.ht-mobile-langs a .ht-lang-flag { font-size: 18px; width: 24px; text-align: center; }
.ht-mobile-langs a .ht-lang-iso { margin-left: auto; font-size: 11px; color: #8a97a6; font-weight: 800; }
.ht-mobile-langs a.is-active { background: #e8f6f4; border-color: var(--ht-primary); color: var(--ht-primary-dark, #0f766e) !important; }

@media (max-width: 1199.98px) {
    .ht-mobile-tools { display: inline-flex; }
    .th-header .th-menu-toggle.d-xl-none { margin-left: 0; }
}
@media (max-width: 767.98px) {
    .th-header.header-layout1 .header-top { display: none !important; }
    .th-header.header-layout1 .header-logo img { height: 36px; max-width: 160px; }
    .ht-consult-wrap { margin-top: 16px !important; }
    .ht-consult { border-radius: 16px; padding: 18px 14px !important; }
    .ht-consult .form-control,
    .ht-consult .form-select { min-height: 46px; }
    .ht-consult .form-control[type=file] { height: auto; padding: 8px; font-size: 12px; }
    .hero-1, .hero-slider-1, .hero-1 .hero-inner { min-height: 360px !important; }
    .th-swiper-custom { transform: scale(.9); }
    .ht-form-wrap, .ht-td-layout, .ht-td-hero-grid { grid-template-columns: 1fr !important; }
    .ht-td-side { position: static !important; }
    .ht-td-cover { width: 100% !important; max-width: 100%; height: 200px; }
    .ht-info-grid { margin-top: 16px !important; }
    .ht-toolbar { margin-top: 16px !important; }
    .ht-corp-stats { margin-top: 16px !important; grid-template-columns: 1fr 1fr !important; }
    main { padding-bottom: 24px; }
    .ht-wa-float { bottom: 18px; right: 14px; width: 54px; height: 54px; }
}

/* Tek WhatsApp */
.whatsapp-support-btn { display: none !important; }
body.has-wa-live-support { padding-bottom: 0 !important; }
.ht-wa-float {
    animation: htFabPulse 2.4s ease-in-out infinite;
}
.ht-wa-float:hover { transform: scale(1.06); color: #fff; }
@keyframes htFabPulse {
    0%, 100% { box-shadow: 0 12px 28px rgba(37, 211, 102, .4); }
    50% { box-shadow: 0 12px 28px rgba(37, 211, 102, .4), 0 0 0 12px rgba(37, 211, 102, .12); }
}

/* Google Translate */
.goog-te-banner-frame.skiptranslate,
body > .skiptranslate,
.goog-te-gadget-icon { display: none !important; }
body { top: 0 !important; }
.goog-te-gadget { font-size: 0 !important; color: transparent !important; }
#htGoogleTranslate { width: 100%; }
#htGoogleTranslate .goog-te-gadget-simple,
#htGoogleTranslate .goog-te-combo {
    width: 100% !important;
    max-width: 100%;
    height: 34px;
    border: 1px solid #e8eef3 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    font-size: 12px !important;
    color: var(--ht-navy) !important;
    padding: 0 8px;
}

/* Hero / form üst üste */
.hero-1 { position: relative; z-index: 1; }
.ht-consult-wrap { position: relative; z-index: 3; }

/* Odak ve dokunma */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--ht-primary);
    outline-offset: 3px;
}
.th-menu-toggle { min-width: 44px; min-height: 44px; }
.ht-controls button { min-width: 44px; min-height: 44px; }

/* Footer Instagram boşsa gizlenir */
.ht-ig-hidden { display: none !important; }

/* Sayaç */
.ht-stat strong, .ht-corp-stat strong { font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .ht-reveal, .ht-stagger > .is-child, .ht-card, .ht-pkg-card, img,
    .hero-1 .th-hero-bg, .ht-page-curtain, .ht-wa-float {
        animation: none !important;
        transition: none !important;
        transform: none !important;
        opacity: 1 !important;
        filter: none !important;
    }
}
