/*
 * DT Group Clinics — paketin kendi kuralları (legacy.css ve temanın şablon
 * CSS'lerinden SONRA yüklenir). Buradakiler ya eski sistemde Vue'nun
 * durumla yaptığı işin CSS karşılığı (çekmecenin aç/kapa'sı), ya da bu
 * sistemde eklenenler (WhatsApp + yukarı çık, footer'daki iletişim kutusu,
 * KVKK onay kutusu).
 */

/* ===== Mobil çekmece: eski sistemde v-if ile DOM'a giriyordu, burada sınıfla ===== */
@media (max-width: 991px) {
    .theme-maxi-health .mxh-scrim:not(.is-open),
    .theme-maxi-health .mxh-drawer:not(.is-open) { display: none; }
    .theme-maxi-health .mxh-drawer.is-open { animation: dgDrawerIn .28s cubic-bezier(.22, 1, .36, 1); }
    .theme-maxi-health .mxh-scrim.is-open { animation: dgFadeIn .25s ease; }
    html.dg-drawer-open, html.dg-drawer-open body { overflow: hidden; }
}
@keyframes dgDrawerIn { from { transform: translateX(100%); } to { transform: none; } }
@keyframes dgFadeIn { from { opacity: 0; } to { opacity: 1; } }

/* ===== Dil seçici =====
   Eski sistemin paylaşılan dil seçicisi işletim sistemi karanlık moddaysa
   menüyü koyu çiziyordu (prefers-color-scheme), temanın üst bant link
   kuralları da maddeleri büyük/mavi/sağa yaslı yapıyordu. Site her
   koşulda açık renkli: menü beyaz, maddeler sola yaslı ve sade. */
.theme-maxi-health .lang-switcher .lang-switcher__menu {
    margin: 0;
    padding: 6px;
    list-style: none;
    min-width: 170px;
    background: #fff;
    color: #1f2b38;
    border: 1px solid rgba(9, 27, 43, .08);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(9, 27, 43, .12);
    text-align: left;
}
.theme-maxi-health .lang-switcher .lang-switcher__menu li { list-style: none; margin: 0; padding: 0; float: none; display: block; }
.theme-maxi-health .lang-switcher .lang-switcher__menu a.lang-switcher__item {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 8px 10px;
    border-radius: 7px;
    background: transparent;
    color: #1f2b38 !important;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
    box-shadow: none;
}
.theme-maxi-health .lang-switcher .lang-switcher__menu a.lang-switcher__item:hover,
.theme-maxi-health .lang-switcher .lang-switcher__menu a.lang-switcher__item:focus-visible { background: rgba(9, 27, 43, .05); color: #1f2b38 !important; }
.theme-maxi-health .lang-switcher .lang-switcher__menu a.lang-switcher__item--active { background: rgba(42, 148, 210, .1); color: var(--mxh-primary, #2a94d2) !important; font-weight: 600; }
.theme-maxi-health .lang-switcher .lang-switcher__name { flex: 1 1 auto; }
.theme-maxi-health .lang-switcher .lang-switcher__check { margin-left: auto; flex: 0 0 auto; }
.theme-maxi-health .lang-switcher .lang-switcher__flag.fi { width: 1.4em; height: 1em; flex: 0 0 auto; border-radius: 2px; background-size: cover; }

/* ===== WhatsApp + yukarı çık (sağ alt) =====
   Eski sitedeki sohbet widget'ının yerine (kural: WhatsApp butonu). Yeşil:
   eski widget'ın WhatsApp butonunun rengi. Nabız halkası ve yukarı çık
   davranışı Klinik Bursa/Vita'daki gibi: yukarı çık 500px kaydırınca
   beliriyor, o görünürken WhatsApp bir sıra yukarı kayıyor. */
.dg-wa-float {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1036;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #25d366;
    color: #fff;
    font-size: 30px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    transition: bottom .3s cubic-bezier(.2, .7, .3, 1), transform .25s ease, box-shadow .25s ease;
}
a.dg-wa-float, a.dg-wa-float:hover, a.dg-wa-float:focus, a.dg-wa-float:focus-visible { color: #fff; text-decoration: none; }
.dg-wa-float:hover, .dg-wa-float:focus-visible {
    transform: scale(1.08);
    box-shadow: 0 12px 26px rgba(37, 211, 102, .45);
}
.dg-wa-float i { position: relative; z-index: 1; line-height: 1; }
.dg-wa-float::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: rgba(37, 211, 102, .45);
    animation: dgWaPulse 2.6s ease-out infinite;
    z-index: -1;
}
@keyframes dgWaPulse {
    0% { transform: scale(1); opacity: .6; }
    70% { transform: scale(1.7); opacity: 0; }
    100% { transform: scale(1.7); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) { .dg-wa-float::before { animation: none; } }
body.dg-has-totop .dg-wa-float { bottom: calc(24px + 64px); }

.dg-to-top {
    position: fixed;
    right: 28px;
    bottom: 24px;
    z-index: 1035;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #1d6a99;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .25s ease, transform .25s ease, visibility .25s, background-color .25s ease;
}
.dg-to-top.is-visible { opacity: 1; visibility: visible; transform: none; }
.dg-to-top:hover { background: var(--color-primary, #2a94d2); }

/* Mobilde alttaki hızlı erişim çubuğu (62px) var — butonlar onun üstünde.
   WhatsApp çubukta zaten olduğu için yüzen olanı mobilde gizli değil ama
   çubuğun üstüne kalkıyor (eski sistem sohbet butonlarını da öyle
   kaldırıyordu). */
@media (max-width: 991px) {
    .dg-wa-float { bottom: calc(24px + 62px); width: 50px; height: 50px; font-size: 26px; right: 16px; }
    .dg-to-top { bottom: calc(24px + 62px); right: 19px; width: 44px; height: 44px; }
    body.dg-has-totop .dg-wa-float { bottom: calc(24px + 62px + 58px); }
}

/* ===== Footer: "Bülten" kutusunun yerindeki "İletişime geç" çağrısı =====
   Bülten formunun (input + mavi kutu) görsel ağırlığında tek bir buton. */
.theme-maxi-health .widget-newsletter .dg-footer-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 4px 0 30px;
    padding: 14px 24px;
    background-color: var(--mxh-primary, #2a94d2);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .2s ease;
}
.theme-maxi-health .widget-newsletter .dg-footer-cta:hover,
.theme-maxi-health .widget-newsletter .dg-footer-cta:focus { background-color: var(--mxh-primary-dark, #1d6a99); color: #fff; text-decoration: none; }

/* ===== İletişim formu: KVKK onay kutusu (bu sistemde zorunlu) ===== */
.theme-maxi-health .mxhc-form .dg-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 4px 0 18px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #5b6b7a;
    cursor: pointer;
}
.theme-maxi-health .mxhc-form .dg-consent input { margin-top: 3px; flex: 0 0 auto; width: 16px; height: 16px; }
.theme-maxi-health .mxhc-form .dg-consent a { color: var(--mxh-primary, #2a94d2); text-decoration: underline; }

/* ===== Blog: sunucu tarafı sayfalama (eski <button>'ların <a> karşılığı) ===== */
.theme-maxi-health .mxhbl-pagination a.mxhbl-page-btn { text-decoration: none; }
.theme-maxi-health .mxhbl-pagination span.mxhbl-page-btn[aria-disabled="true"] { opacity: .45; cursor: default; }
.theme-maxi-health .mxhbl-search, .theme-maxi-health .mxhbd-search { margin: 0; }

/* ===== Hero slider yazı boyutları =====
   Slider eski sistemin paylaşılan bileşeni; boyutları Tailwind'in rem
   sınıflarıyla (text-xs/base/6xl). Temanın Bootstrap 3'ü kök fontu 10px
   yaptığı için hepsi %62'ye küçülüyordu (rozet 8.5px, butonlar 10px —
   canlıda da böyleydi). Tasarlandıkları boyutlar burada piksel olarak. */
.hero-slider-wrapper .hero-content-box > span { font-size: 12px; padding: 5px 14px; letter-spacing: .12em; }
.hero-slider-wrapper .hero-content-box h1 { font-size: 56px; line-height: 1.08; }
.hero-slider-wrapper .hero-content-box .hero-desc { font-size: 18px; line-height: 1.6; max-width: 640px; }
.hero-slider-wrapper .hero-content-box .hero-desc p { margin: 0; font-size: inherit; line-height: inherit; }
.hero-slider-wrapper .hero-content-box a { font-size: 16px; padding: 14px 28px; border-radius: 12px; }
.hero-slider-wrapper .hero-content-box a svg { width: 18px; height: 18px; }
/* İkinci (çerçeveli beyaz) buton açık görselde okunmuyordu. */
.hero-slider-wrapper .hero-content-box a.border-2 { background: rgba(9, 27, 43, .22); text-shadow: rgba(0, 0, 0, .4) 1px 2px 8px; }
.hero-slider-wrapper .hero-content-box a.border-2:hover { background: rgba(9, 27, 43, .35); }
@media (max-width: 991px) {
    .hero-slider-wrapper .hero-content-box h1 { font-size: 42px; }
    .hero-slider-wrapper .hero-content-box .hero-desc { font-size: 16px; }
}
@media (max-width: 640px) {
    .hero-slider-wrapper .hero-content-box > span { font-size: 11px; }
    .hero-slider-wrapper .hero-content-box h1 { font-size: 32px; }
    .hero-slider-wrapper .hero-content-box .hero-desc { font-size: 15px; }
    .hero-slider-wrapper .hero-content-box a { font-size: 14px; padding: 11px 20px; }
}