/* Quixify – yetkinbayer.com ortak tasarım düzeltmeleri (2 Ekim 2026)
   Bu dosya mu-plugins/quixify-tasarim.php tarafından yüklenir. */

:root{
  --qx-navy:#010321; --qx-navy2:#0b1238; --qx-ink:#1d2433; --qx-text:#2c3446; --qx-muted:#5f687a;
  --qx-gold:#c8a45d; --qx-gold2:#dcbe82; --qx-green:#51b37f; --qx-green-d:#2b7a52; --qx-wa:#25d366;
  --qx-line:#e4e8ef; --qx-soft:#f4f6fa; --qx-link:#1d5fb8;
}

/* 1) Tablet ve mobilde sayfa yana kaymasın */
html,body{max-width:100%;overflow-x:clip}

/* 2) Marka yazı tipi her sayfada (Arapça ve Kiril harflerde sistem fontu devreye girer) */
body{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--qx-ink)}

/* 3) Yüzen sosyal medya ikonları: mobil ve tablette metnin üstüne biniyordu */
@media (max-width:1024px){ .floating-social{display:none!important} }
@media (min-width:1025px){
  .floating-social{left:14px;gap:10px}
  .floating-social .social-icon{width:40px;height:40px;border-radius:12px}
  .floating-social .social-icon svg{width:19px;height:19px}
}

/* 4) WhatsApp butonu: yeşil üstünde beyaz yazı okunmuyordu */
.e-contact-buttons-var-9 .e-contact-buttons__chat-button-text{color:#05361b!important;font-weight:600}
@media (max-width:767px){
  .e-contact-buttons-var-9 .e-contact-buttons__chat-button-text{font-size:14px;padding:7px 14px 7px 18px}
}

/* 5) Ana sayfa rakam şeridi: tablette taşma ve düşük kontrast */
.elementor-element-a69f09b{background-color:var(--qx-green-d)!important}
@media (max-width:1024px){
  .elementor-element-ec08f25{padding-left:0!important;padding-right:0!important}
  .elementor-element-a69f09b{border-radius:0!important}
  .elementor-element-a69f09b>.e-con-inner{max-width:100%!important;margin-left:auto!important;margin-right:auto!important;flex-wrap:wrap!important;justify-content:center!important;row-gap:14px!important}
}

/* 6) Alt bilgideki dil listesi: beyaz şerit yerine koyu zemin */
.wpml-ls-statics-footer{background:var(--qx-navy);margin:0!important;padding:12px 16px 20px!important;border-top:1px solid rgba(255,255,255,.08)}
.wpml-ls-statics-footer>ul{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 4px}
.wpml-ls-statics-footer a,
.wpml-ls-statics-footer li:not(.wpml-ls-current-language) .wpml-ls-link,
.wpml-ls-statics-footer li:not(.wpml-ls-current-language) .wpml-ls-link:link,
.wpml-ls-statics-footer .wpml-ls-current-language>a{background:transparent!important;color:rgba(255,255,255,.72)!important;font-size:13px;padding:5px 8px!important;border-radius:6px}
.wpml-ls-statics-footer a:hover,.wpml-ls-statics-footer a:focus{color:#fff!important;background:rgba(255,255,255,.08)!important}
.wpml-ls-statics-footer .wpml-ls-current-language>a{color:#fff!important;font-weight:600}
.wpml-ls-statics-footer .wpml-ls-display{display:none}

/* 7) Üst menü: dil seçici ve danışma butonu */
.qx-hdr-actions{display:flex;align-items:center;gap:10px}
.qx-ls{position:relative}
.qx-ls>summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;color:#fff;font:500 14px/1 "Poppins",sans-serif;padding:9px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;user-select:none;white-space:nowrap}
.qx-ls>summary::-webkit-details-marker{display:none}
.qx-ls>summary svg{width:17px;height:17px;flex:none}
.qx-ls>summary .qx-ls__chev{width:10px;height:10px;opacity:.8;transition:transform .2s}
.qx-ls[open]>summary{background:rgba(255,255,255,.1)}
.qx-ls[open]>summary .qx-ls__chev{transform:rotate(180deg)}
.qx-ls>summary:focus-visible{outline:2px solid var(--qx-gold);outline-offset:2px}
.qx-ls ul{position:absolute;top:calc(100% + 10px);inset-inline-end:0;z-index:10001;min-width:220px;max-height:min(70vh,460px);overflow:auto;margin:0;padding:6px;list-style:none;background:#fff;border-radius:12px;box-shadow:0 18px 44px rgba(1,3,33,.28)}
.qx-ls li{margin:0}
.qx-ls li a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;border-radius:8px;color:var(--qx-ink)!important;font:400 14px/1.25 "Poppins",-apple-system,"Segoe UI",sans-serif;text-decoration:none}
.qx-ls li a span{color:#8b93a5;font-size:12px;letter-spacing:.04em}
.qx-ls li a:hover,.qx-ls li a:focus{background:var(--qx-soft)}
.qx-ls li a.is-active{background:var(--qx-soft);font-weight:600}
.qx-hdr-cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:12px 20px;border-radius:999px;background:var(--qx-gold);color:var(--qx-navy)!important;font:600 14px/1 "Poppins",-apple-system,"Segoe UI",sans-serif;text-decoration:none!important;transition:background-color .2s,transform .1s}
.qx-hdr-cta:hover,.qx-hdr-cta:focus{background:var(--qx-gold2)}
.qx-hdr-cta:active{transform:translateY(1px)}
@media (max-width:767px){
  .qx-hdr-cta{display:none}
  .qx-ls>summary{padding:8px 10px;font-size:13px}
}

/* 8) Blog yazıları: okunur satır boyu, marka başlıkları */
.single-post .page-header,.single-post .page-content{max-width:780px;margin-left:auto;margin-right:auto}
.single-post .page-header .entry-title{font:600 clamp(28px,4.2vw,42px)/1.18 "Poppins",-apple-system,"Segoe UI",sans-serif;color:var(--qx-navy);letter-spacing:-.01em;margin:30px 0 14px}
.single-post .page-content{font-size:17.5px;line-height:1.75;color:var(--qx-text)}
.single-post .page-content p{margin:0 0 1.1em}
.single-post .page-content h2{font:600 clamp(22px,2.6vw,28px)/1.28 "Poppins",-apple-system,"Segoe UI",sans-serif;color:var(--qx-navy);margin:1.8em 0 .55em;scroll-margin-top:120px}
.single-post .page-content h3{font:600 clamp(18px,2.1vw,21px)/1.32 "Poppins",-apple-system,"Segoe UI",sans-serif;color:var(--qx-navy);margin:1.5em 0 .45em;scroll-margin-top:120px}
.single-post .page-content h4{font-weight:600;color:var(--qx-navy)}
.single-post .page-content a{color:var(--qx-link);text-decoration:underline;text-underline-offset:2px}
.single-post .page-content a:hover{color:var(--qx-navy)}
.single-post .page-content ul,.single-post .page-content ol{padding-inline-start:1.3em;margin:0 0 1.2em}
.single-post .page-content li{margin:.35em 0}
.single-post .page-content img{border-radius:12px;height:auto;max-width:100%}
.single-post .page-content blockquote{margin:1.4em 0;padding:14px 20px;border-inline-start:4px solid var(--qx-gold);background:var(--qx-soft);border-radius:0 10px 10px 0}
.single-post .page-content table{width:100%;border-collapse:collapse;font-size:15px;margin:1.2em 0;display:block;overflow-x:auto}
.single-post .page-content th,.single-post .page-content td{border:1px solid var(--qx-line);padding:10px 12px;text-align:start;vertical-align:top}
.single-post .page-content th{background:var(--qx-soft);font-weight:600}
@media (max-width:767px){
  .single-post .page-content{font-size:16.5px;line-height:1.72}
  .single-post .page-header .entry-title{margin-top:22px}
}

/* İlgili yazılar kutusu */
.qx-related{margin:2.4em 0 1em;padding:22px 24px;border:1px solid var(--qx-line);border-radius:14px;background:#fff}
.qx-related .qx-related__title{margin:0 0 .6em!important;font-size:19px!important}
.qx-related ul{list-style:none;margin:0;padding:0}
.qx-related li{margin:0;border-top:1px solid var(--qx-line)}
.qx-related li:first-child{border-top:0}
.qx-related li a{display:block;padding:10px 0;color:var(--qx-navy)!important;text-decoration:none!important;font-weight:500}
.qx-related li a:hover{color:var(--qx-link)!important}

/* 9) Blog listesi kartları */
.elementor-posts .elementor-post__read-more{font-style:normal!important;text-decoration:none!important;font-weight:600;color:var(--qx-navy)!important}
.elementor-posts .elementor-post__read-more::after{content:" →"}
.elementor-posts .elementor-post__title a{color:var(--qx-navy)}

/* 10) Elementor form gönder butonu (İletişim sayfası): kontrast */
.elementor-widget-form .elementor-button[type="submit"]{background-color:var(--qx-green-d)!important;color:#fff!important}

/* 11) Üst menü yerleşimi: logo | menü | dil + danışma butonu */
.elementor-element-6e8ed45d{align-items:center!important;column-gap:18px!important;flex-wrap:nowrap!important}
.elementor-element-6e8ed45d>.elementor-element-128d4cd3{--width:auto;width:auto!important;flex:0 0 auto!important;max-width:250px}
.elementor-element-6e8ed45d>.elementor-element-5c06468a{--width:auto;width:auto!important;flex:1 1 auto!important;min-width:0}
.elementor-element-6e8ed45d>.elementor-element-7ac1e01{--width:auto;width:auto!important;flex:0 0 auto!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:10px!important;padding:0!important}
.elementor-element-7ac1e01>.elementor-widget-shortcode{width:auto!important;margin:0!important}
@media (min-width:1025px) and (max-width:1300px){
  .elementor-element-424ff233 .elementor-nav-menu--main .elementor-item{font-size:14px!important}
  .elementor-element-424ff233{--e-nav-menu-horizontal-menu-item-margin:calc(18px / 2)}
}
@media (max-width:1024px){
  .elementor-element-6e8ed45d{column-gap:12px!important}
  .elementor-element-6e8ed45d>.elementor-element-128d4cd3{order:1;margin-inline-end:auto}
  .elementor-element-6e8ed45d>.elementor-element-7ac1e01{order:2}
  .elementor-element-6e8ed45d>.elementor-element-5c06468a{order:3;flex:0 0 auto!important}
}
@media (max-width:767px){
  .elementor-element-6e8ed45d>.elementor-element-128d4cd3{max-width:178px}
  .elementor-element-7ac1e03{display:none!important}
}

/* 12) Ana sayfa: hero çağrı butonları ve güven logoları */
.qx-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 22px}
.qx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 26px;border-radius:999px;font:600 16px/1.1 "Poppins",-apple-system,"Segoe UI",sans-serif;text-decoration:none!important;transition:background-color .2s,border-color .2s,transform .1s;box-sizing:border-box}
.qx-btn:active{transform:translateY(1px)}
.qx-btn--gold{background:var(--qx-gold);color:var(--qx-navy)!important}
.qx-btn--gold:hover,.qx-btn--gold:focus{background:var(--qx-gold2)}
.qx-btn--wa{background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.55)}
.qx-btn--wa:hover,.qx-btn--wa:focus{border-color:#fff;background:rgba(255,255,255,.07)}
.qx-btn svg{width:20px;height:20px;flex:none}
.qx-btn--wa svg{color:var(--qx-wa)}
.qx-trust{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.qx-trust img{height:54px;width:auto;background:#fff;border-radius:12px;padding:6px 10px;box-sizing:content-box}
@media (max-width:767px){
  .qx-hero-cta{gap:10px}
  .qx-btn{flex:1 1 100%;font-size:15.5px}
  .qx-trust img{height:44px}
}

/* 13) Klinik tanıtım videosu: tıklayınca yüklenir (sayfayı yavaşlatmaz) */
.qx-yt{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000;cursor:pointer;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.qx-yt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.qx-yt:hover img{transform:scale(1.03)}
.qx-yt__play{position:absolute;inset:0;margin:auto;width:78px;height:78px;border-radius:50%;border:0;padding:0;background:rgba(200,164,93,.96);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .2s}
.qx-yt:hover .qx-yt__play{transform:scale(1.06)}
.qx-yt__play svg{width:30px;height:30px;margin-left:5px;fill:var(--qx-navy)}
.qx-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* 14) Ana sayfa form başlığı (koyu zemin) */
.qx-form-title .elementor-heading-title{color:#fff!important;font:600 clamp(24px,3vw,34px)/1.2 "Poppins",-apple-system,"Segoe UI",sans-serif!important}
.qx-form-sub,.qx-form-sub p{color:rgba(255,255,255,.8)!important;font-size:15.5px;line-height:1.6}
.qx-form-sub p{margin:0}

/* 15) Ana sayfa ikinci bölüm: iki yana yaslı metin yerine sola hizalı; tablette alt alta */
.elementor-element-3d582fe0,.elementor-element-3d582fe0 p{text-align:start!important}
@media (max-width:1024px){
  .elementor-element-1b58c3f,.elementor-element-1b58c3f>.e-con-inner{flex-direction:column!important}
  .elementor-element-556ab5e,.elementor-element-5a4d4680{--width:100%!important;width:100%!important;max-width:100%!important}
}

/* 16) Süreç adımları: tablette 2 sütun */
@media (min-width:768px) and (max-width:1024px){
  .elementor-element-0f81840,.elementor-element-0f81840>.e-con-inner{flex-wrap:wrap!important}
  .elementor-element-0f81840 .elementor-widget-image-box{--container-widget-width:calc(50% - 20px)!important;width:calc(50% - 20px)!important;max-width:calc(50% - 20px)!important}
}

/* 17) Hakkımızda butonu: okunur kontrast */
.elementor-element-80e5250 .elementor-button{background-color:var(--qx-navy)!important;color:#fff!important;border-radius:999px!important;padding:14px 28px!important}
.elementor-element-80e5250 .elementor-button:hover{background-color:var(--qx-navy2)!important}

/* 18) Mobil başlık: kurum adı tek satıra sığsın */
@media (max-width:767px){
  .elementor-element-3454a4f span{font-size:10.5px!important;letter-spacing:.1px!important;white-space:nowrap}
}

/* 19) Ana sayfa ikinci bölüm: tablette metin ve liste tam genişlik */
@media (max-width:1024px){
  .elementor-element-47c23cd5{flex-wrap:wrap!important}
  .elementor-element-3d582fe0,.elementor-element-3072ee57{--container-widget-width:100%!important;width:100%!important;max-width:100%!important;flex:1 1 100%!important}
}
@media (min-width:768px) and (max-width:1024px){
  .elementor-element-0f81840 .elementor-widget-image-box{flex:0 0 calc(50% - 20px)!important}
}

/* 20) Alt bilgi: tablet 2 sütun, mobil tek sütun; belge görseli küçük */
@media (max-width:1024px){
  .elementor-element-abc36c3{display:grid!important;grid-template-columns:1fr 1fr;gap:30px 28px!important;padding:44px 28px!important}
  .elementor-element-abc36c3>.e-con{--width:auto!important;width:auto!important;max-width:none!important;margin:0!important}
  .elementor-element-53f678cb{grid-column:1;grid-row:1}
  .elementor-element-7361a5f4{grid-column:2;grid-row:1 / span 2}
  .elementor-element-6cb9e4e3{grid-column:1;grid-row:2}
  .elementor-element-5145e201{grid-column:1 / -1;grid-row:3}
}
@media (max-width:767px){
  .elementor-element-abc36c3{grid-template-columns:1fr;padding:36px 20px!important}
  .elementor-element-53f678cb,.elementor-element-7361a5f4,.elementor-element-6cb9e4e3,.elementor-element-5145e201{grid-column:1!important;grid-row:auto!important}
}
.elementor-element-568b2ae img{width:auto!important;max-width:190px!important;height:auto!important}
.elementor-element-240f399 iframe{width:100%!important;max-width:440px;height:210px}

/* 21) Blog yazısı bileşenleri */
.qx-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 20px;color:var(--qx-muted);font-size:14px;line-height:1.4}
.qx-meta a{color:var(--qx-navy)!important;font-weight:600;text-decoration:none!important}
.qx-meta img{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:top;margin:0!important}
.qx-meta__sep{opacity:.45}
.single-post .page-content .qx-hero-img{display:block;width:100%;height:auto;max-height:440px;object-fit:cover;border-radius:16px;margin:0 0 26px}
.qx-toc{margin:8px 0 30px;border:1px solid var(--qx-line);border-radius:14px;background:var(--qx-soft)}
.qx-toc summary{cursor:pointer;list-style:none;padding:14px 18px;font-weight:600;color:var(--qx-navy);display:flex;justify-content:space-between;align-items:center}
.qx-toc summary::-webkit-details-marker{display:none}
.qx-toc summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin-inline-start:12px}
.qx-toc details[open] summary::after{transform:rotate(-135deg)}
.single-post .page-content .qx-toc ol{margin:0;padding:0 18px 16px;padding-inline-start:38px;font-size:15.5px;line-height:1.5}
.qx-toc li{margin:.4em 0}
.single-post .page-content .qx-toc a{color:var(--qx-ink);text-decoration:none}
.single-post .page-content .qx-toc a:hover{color:var(--qx-link);text-decoration:underline}
.qx-cta{margin:2em 0;padding:24px 26px;border-radius:16px;background:var(--qx-navy);color:#fff;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between}
.qx-cta__txt{flex:1 1 300px}
.single-post .page-content .qx-cta__title{margin:0 0 6px;font:600 20px/1.3 "Poppins",-apple-system,"Segoe UI",sans-serif;color:#fff}
.single-post .page-content .qx-cta__txt p:not(.qx-cta__title){margin:0;color:rgba(255,255,255,.82);font-size:15.5px;line-height:1.6}
.qx-cta__btns{display:flex;flex-wrap:wrap;gap:10px}
.single-post .page-content .qx-cta .qx-btn{min-height:46px;padding:12px 20px;font-size:15px;text-decoration:none}
.qx-btn--wa2{background:var(--qx-wa);color:#05361b!important}
.qx-btn--wa2:hover,.qx-btn--wa2:focus{background:#3be07a}
.qx-btn--wa2 svg{color:#05361b}
.qx-author{display:flex;gap:18px;align-items:flex-start;margin:2.4em 0 1em;padding:22px;border:1px solid var(--qx-line);border-radius:16px;background:#fff}
.single-post .page-content .qx-author img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:top;flex:none;margin:0}
.single-post .page-content .qx-author__label{margin:0;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--qx-muted)}
.single-post .page-content .qx-author__name{margin:2px 0 6px;font:600 18px/1.3 "Poppins",-apple-system,"Segoe UI",sans-serif}
.single-post .page-content .qx-author__name a{color:var(--qx-navy);text-decoration:none}
.single-post .page-content .qx-author__bio{margin:0;font-size:15px;line-height:1.65;color:var(--qx-text)}
.single-post .page-content .qx-note{margin:1.2em 0;padding:14px 18px;border-radius:12px;background:#fff8e8;border:1px solid #f0dfb2;font-size:14px;line-height:1.6;color:#5b4a1f}
@media (max-width:767px){
  .qx-cta{padding:20px}
  .single-post .page-content .qx-cta .qx-btn{flex:1 1 100%}
  .qx-author{flex-direction:column}
}
/* Yorum alanı kapatıldı: eski yorum listesi görünmesin */
.single-post #comments,.single-post .comments-area{display:none}

/* 22) Masaüstü menü tek satır: öğe aralığı ve yazı boyu */
@media (min-width:1025px) and (max-width:1600px){
  .elementor-element-424ff233 .elementor-nav-menu--main .elementor-item{font-size:15px!important}
  .elementor-element-424ff233{--e-nav-menu-horizontal-menu-item-margin:calc(22px / 2)}
  .elementor-element-424ff233 .elementor-nav-menu--main>.elementor-nav-menu{flex-wrap:nowrap}
}
@media (min-width:1025px) and (max-width:1280px){
  .elementor-element-424ff233 .elementor-nav-menu--main .elementor-item{font-size:13.5px!important}
  .elementor-element-424ff233{--e-nav-menu-horizontal-menu-item-margin:calc(14px / 2)}
  .elementor-element-6e8ed45d>.elementor-element-128d4cd3{max-width:200px}
  .qx-hdr-cta{padding:11px 16px;font-size:13px}
}