/* ========================================================================== Dr. Melis Ülger teması — BeTheme taban stillerinin ve BeBuilder üst/alt bilgisinin karşılığı. Değerler BeTheme seçeneklerinden (font-size-*, color-*) ve eski temanın canlı ölçümünden (yerel-ortam.php ?agac=) alındı. ========================================================================== */ :root { --mu-ink: #211D17; --mu-ink2: #2B2721; --mu-metin: #4A443B; --mu-soluk: #5E584E; --mu-etiket: #7A7367; --mu-zemin: #F6F2EA; --mu-panel: #EDE7DB; --mu-cizgi: #DED8CC; --mu-cizgi2: #D7CDBD; --mu-font: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } /* --- Taban (BeTheme be.css sıfırlaması + dinamik tipografi) --- */ html { background-color: var(--mu-zemin); height: 100%; } body { margin: 0; background-color: var(--mu-zemin); color: var(--mu-metin); font-family: var(--mu-font); font-size: 15px; line-height: 26px; font-weight: 400; letter-spacing: 0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } *, *::before, *::after { box-sizing: inherit; } .mu-ust, .mu-ust *, .mu-yan, .mu-yan *, .mu-alt, .mu-alt *, .fixed-nav, .fixed-nav *, .mu-ilgili, .mu-ilgili *, .mu-liste-sayfa, .mu-liste-sayfa *, .mu-404, .mu-404 *, .mu-sade, .mu-sade *, .mu-atla { box-sizing: border-box; } h1, h2, h3, h4, h5, h6, p, blockquote, figure, ul, ol, li, dl, dd { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-family: var(--mu-font); color: var(--mu-ink); margin-bottom: 15px; } h1 { font-size: 40px; line-height: 48px; font-weight: 500; letter-spacing: -1px; } h2 { font-size: 30px; line-height: 38px; font-weight: 500; letter-spacing: 0; } h3 { font-size: 24px; line-height: 32px; font-weight: 500; letter-spacing: 0; } h4 { font-size: 20px; line-height: 28px; font-weight: 500; letter-spacing: 0; } h5 { font-size: 17px; line-height: 26px; font-weight: 500; letter-spacing: 0; } h6 { font-size: 13px; line-height: 20px; font-weight: 600; letter-spacing: 1px; color: var(--mu-etiket); } h1 a, h2 a, h3 a, h4 a, h5 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color: var(--mu-ink); } p { margin: 0 0 15px; } a { color: var(--mu-ink); text-decoration: none; outline: 0; } a:hover { color: var(--mu-etiket); text-decoration: underline; } b, strong { font-weight: 700; } em, i { font-style: italic; } ul { list-style: none outside; } ol { list-style: decimal; } img { max-width: 100%; height: auto; } iframe { max-width: 100%; } hr { display: block; border: none; height: 1px; width: 100%; margin: 0 auto 15px; clear: both; background-color: var(--mu-cizgi); color: var(--mu-cizgi); } blockquote { font-size: 17px; line-height: 31px; margin: 0 0 35px 25px; position: relative; top: 15px; } table { width: 100%; margin-bottom: 15px; border-collapse: collapse; border-spacing: 0; border-radius: 5px; } table th, table td { padding: 10px; text-align: center; border: 1px solid rgba(0, 0, 0, .08); vertical-align: middle; } table th { font-weight: 700; background: #f9f9f9; color: #444; box-shadow: inset 0 4px 3px -2px rgba(0, 0, 0, .04); } input, textarea, select, button { font-family: var(--mu-font); font-size: 100%; } input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea { color: var(--mu-etiket); background-color: var(--mu-zemin); border-color: #EBEBEB; } input[type="email"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="search"]:focus, select:focus, textarea:focus { color: var(--mu-ink); background-color: var(--mu-zemin); border-color: var(--mu-cizgi); } .elementor-widget-text-editor ul, .mfn-acc ul { list-style: disc outside; margin: 0 0 15px 30px; } .elementor-widget-text-editor ol { margin: 0 0 15px 30px; } .elementor-widget-text-editor ul li, .elementor-widget-text-editor ol li { margin-bottom: 10px; } .elementor .wp-caption { margin-bottom: 0; } @media (min-width: 768px) and (max-width: 959px) { h1 { font-size: 34px; line-height: 42px; } h2 { font-size: 27px; line-height: 35px; letter-spacing: -.5px; } h3 { font-size: 22px; line-height: 30px; } h4 { font-size: 19px; line-height: 27px; } h5 { font-size: 16px; line-height: 24px; } blockquote { font-size: 15px; } } @media (max-width: 767px) { body { line-height: 25px; } h1 { font-size: 30px; line-height: 38px; } h2 { font-size: 24px; line-height: 32px; letter-spacing: -.5px; } h3 { font-size: 20px; line-height: 28px; } h4 { font-size: 18px; line-height: 26px; } h5 { font-size: 16px; line-height: 24px; } h6 { font-size: 12px; line-height: 18px; } blockquote { font-size: 14px; } } #Wrapper { position: relative; overflow-x: clip; display: flow-root; } /* flow-root: kahraman kutusunun ust boslugu disari tasip ust bilgiyi asagi itmesin */ #Content { position: relative; } .mu-atla { position: absolute; left: -9999px; top: 0; z-index: 9999; background: #fff; padding: 10px 16px; } .mu-atla:focus { left: 10px; top: 10px; } .mu-gizli-baslik { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } /* --- Üst bilgi (BeBuilder #7) --- */ .mu-ust { position: absolute; top: 0; left: 0; right: 0; z-index: 701; margin-top: 24px; padding: 32px; transition: background .25s, box-shadow .25s; } .mu-ust-ic { max-width: 1320px; margin: 0 auto; display: flex; align-items: center; min-height: 86px; } .mu-ust-sol { display: flex; align-items: center; width: 337px; flex: 0 0 auto; } .mu-burger { background: none; border: 0; padding: 0; margin: 0 10px 0 5px; width: 25px; height: 25px; color: var(--mu-ink); cursor: pointer; display: flex; align-items: center; } .mu-burger svg { display: block; } .mu-logo { display: block; width: 240px; line-height: 0; } .mu-logo img { width: 240px; height: 45px; object-fit: contain; object-position: left center; } .mu-ana-nav { flex: 0 0 auto; margin: 0 24px; background: #fff; border-radius: 38px; padding: 4px; } .mu-ana-menu { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; } .mu-ana-menu > li { position: relative; margin: 0; } .mu-ana-menu > li > a { display: flex; align-items: center; gap: 5px; padding: 12px 24px; border-radius: 38px; font-size: 14px; font-weight: 600; line-height: 21px; color: var(--mu-ink); text-decoration: none; white-space: nowrap; transition: background .2s, color .2s; } .mu-ana-menu > li:hover > a, .mu-ana-menu > li:focus-within > a { background: var(--mu-ink); color: #fff; text-decoration: none; } .mu-ana-menu img.trp-flag-image { width: 18px; height: 12px; } .mu-ust-sag { display: flex; align-items: center; justify-content: flex-end; margin-left: auto; flex: 0 0 auto; } .mu-tel { display: flex; align-items: center; gap: 10px; margin-right: 10px; font-size: 15px; font-weight: 600; line-height: 26px; color: var(--mu-ink); white-space: nowrap; } .mu-tel:hover { text-decoration: none; color: var(--mu-ink); } .mu-tel img { width: 16px; height: 22px; } .mu-tel-yuvarlak { display: block; line-height: 0; margin-right: 5px; } .mu-tel-yuvarlak img { width: 54px; height: 54px; } /* yapışkan sürüm (BeBuilder #7 "sticky" bölümü): kaydırınca beyaz zemin */ .mu-ust.yapisik { position: fixed; margin-top: 0; padding: 16px; background: #fff; animation: mu-in .5s ease; } .mu-ust.yapisik .mu-ust-ic { min-height: 0; } .mu-ust.yapisik .mu-ust-sol { width: 352px; } .mu-ust.yapisik .mu-logo, .mu-ust.yapisik .mu-logo img { width: 260px; height: 49px; } .mu-ust.yapisik .mu-ana-nav { border: 1px solid #EAE4E1; } .mu-ust.yapisik .mu-ana-menu > li > a { padding: 13px 16px; } @keyframes mu-in { from { transform: translateY(-100%); } to { transform: none; } } @media (prefers-reduced-motion: reduce) { .mu-ust.yapisik { animation: none; } } /* mega menü (BeBuilder #103) */ /* mega menü: tek yumuşak panel, iki sütun; görsel + ad + tek satır açıklama */ .mu-mega { position: absolute; top: 100%; left: 50%; padding-top: 14px; opacity: 0; visibility: hidden; transform: translate(-50%, 6px); transition: opacity .2s, transform .2s, visibility .2s; z-index: 10; } .mu-has-mega:hover .mu-mega, .mu-has-mega:focus-within .mu-mega { opacity: 1; visibility: visible; transform: translate(-50%, 0); } .mu-has-mega > a::after { content: ""; width: 6px; height: 6px; margin: -3px 0 0 2px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .2s; } .mu-has-mega:hover > a::after { transform: translateY(3px) rotate(225deg); } .mu-mega-panel { width: 640px; padding: 14px; background: #fff; border-radius: 24px; box-shadow: 0 24px 60px -12px rgba(33, 29, 23, .18), 0 2px 6px rgba(33, 29, 23, .04); } .mu-mega-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; } .mu-mega-oge { display: flex; align-items: center; gap: 14px; padding: 10px; border-radius: 16px; color: var(--mu-ink); transition: background .2s; } .mu-mega-oge:hover { background: var(--mu-zemin); color: var(--mu-ink); text-decoration: none; } .mu-mega-oge img { width: 56px; height: 56px; border-radius: 14px; object-fit: cover; flex: 0 0 auto; transition: transform .3s; } .mu-mega-oge:hover img { transform: scale(1.04); } .mu-mega-yazi { display: flex; flex-direction: column; min-width: 0; } .mu-mega-ad { font-size: 15px; font-weight: 500; line-height: 22px; white-space: normal; } .mu-mega-ad::after { content: " →"; opacity: 0; transition: opacity .2s; } .mu-mega-oge:hover .mu-mega-ad::after { opacity: 1; } .mu-mega-aciklama { font-size: 12.5px; line-height: 18px; color: var(--mu-etiket); white-space: normal; } .mu-mega-tumu { display: flex; justify-content: space-between; align-items: center; margin: 4px; padding: 14px 18px; border-radius: 14px; background: var(--mu-zemin); color: var(--mu-ink); font-size: 14px; font-weight: 500; } .mu-mega-tumu:hover { background: var(--mu-ink); color: #fff; text-decoration: none; } /* Mobil/tablet menü (hamburger <960): tam sayfa; menü, tedaviler, randevu düğmeleri, muayenehane bilgisi */ .mu-yan { position: fixed; inset: 0; z-index: 9000; visibility: hidden; transition: visibility 0s linear .35s; } .mu-yan-panel { position: absolute; inset: 0; display: flex; flex-direction: column; gap: 24px; padding: 16px 20px 32px; overflow-y: auto; overscroll-behavior: contain; background: var(--mu-zemin); opacity: 0; transform: translateY(-12px); transition: opacity .35s ease, transform .35s ease; } .mu-yan.acik { visibility: visible; transition-delay: 0s; } .mu-yan.acik .mu-yan-panel { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .mu-yan-panel { transform: none; transition: opacity .01s; } } .mu-yan-bas { display: flex; align-items: center; justify-content: space-between; min-height: 48px; } .mu-yan-logo { line-height: 0; } .mu-yan-logo img { width: 190px; height: 36px; object-fit: contain; object-position: left center; } .mu-yan-kapat { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: var(--mu-ink); cursor: pointer; } .mu-yan-kapat:focus-visible, .mu-yan a:focus-visible { outline: 2px solid var(--mu-ink); outline-offset: 2px; } .mu-yan-liste { margin: 0; padding: 0; list-style: none; } .mu-yan-liste > li { border-bottom: 1px solid var(--mu-cizgi); } body .mu-yan .mu-yan-liste a { display: flex; align-items: center; padding: 13px 0; color: var(--mu-ink); font-size: 19px; line-height: 26px; font-weight: 500; letter-spacing: -.2px !important; } .mu-yan-liste a:hover { text-decoration: none; color: var(--mu-etiket); } .mu-yan-liste .current-menu-item > a { color: var(--mu-etiket); } .mu-yan-liste img.trp-flag-image { width: 20px; height: 14px; margin-right: 10px; } .mu-yan-eylem { display: grid; gap: 10px; } .mu-yan-eylem .mu-alt-buton { justify-content: center; padding: 14px 24px; } /* menü + düğmeler dikeyde ortada; sığmazsa (yatay telefon) üstten akar, kırpılmaz */ .mu-yan-panel > nav { margin-top: auto; } .mu-yan-eylem { margin-bottom: auto; padding-bottom: 48px; } /* Masaüstü (≥960): logo solda, menü ortada, telefon numarası sağda. Hamburger ve yuvarlak telefon düğmesi yalnız tablet/mobilde. Kap her genişlikte 1320px'e kadar esner (sayfaların kahraman kutularıyla hizalı). */ @media (min-width: 960px) { .mu-burger, .mu-tel-yuvarlak { display: none; } .mu-ust-sol, .mu-ust.yapisik .mu-ust-sol { width: auto; } .mu-ana-nav { margin: 0 auto; } .mu-tel { margin-right: 0; } } @media (min-width: 1240px) and (max-width: 1399px) { .mu-ana-menu > li > a { padding: 12px 18px; } } @media (min-width: 960px) and (max-width: 1239px) { .mu-ana-menu > li > a, .mu-ust.yapisik .mu-ana-menu > li > a { padding: 12px 16px; } } @media (min-width: 768px) and (max-width: 959px) { .mu-ust-ic { min-height: 45px; } } @media (max-width: 1099px) { .mu-tel { display: none; } } /* Yazı sayfalarında özelleştiricinin .single-post span/li/* kuralları üst bilgiyi büyütmesin: tüm sitede tek tip */ body .mu-ust li, body .mu-ust span, body .mu-yan li, body .mu-yan span { font-size: inherit !important; line-height: inherit !important; } body .mu-ust *, body .mu-yan * { letter-spacing: normal !important; } body .mu-ust .mu-mega-ad { font-size: 15px !important; line-height: 22px !important; } body .mu-ust .mu-mega-aciklama { font-size: 12.5px !important; line-height: 18px !important; } @media (max-width: 959px) { .mu-ust { padding: 24px 48px; } .mu-ana-nav { display: none; } .mu-ust-sol, .mu-ust.yapisik .mu-ust-sol { width: auto; } .mu-ust.yapisik { padding: 16px 48px; } } @media (max-width: 767px) { /* Logo normal ve yapışkan durumda aynı boyda ve ortada: eskiden yapışkanda 270px'e büyüyüp satırı taşırıyordu */ .mu-ust { margin-top: 0; padding: 12px 20px; } /* ozellestirici CSS'teki "header > * {width:100vw!important}" kuralini etkisizlestir */ .mu-ust-ic { min-height: 64px; position: relative; width: auto !important; max-width: none !important; } .mu-burger { margin: 0; } .mu-logo, .mu-ust.yapisik .mu-logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 190px; height: 36px; } .mu-logo img, .mu-ust.yapisik .mu-logo img { width: 190px; height: 36px; object-position: center; } .mu-tel-yuvarlak { margin-right: 0; } .mu-tel-yuvarlak img { width: 40px; height: 40px; } .mu-ust.yapisik { padding: 8px 20px; } .mu-ust.yapisik .mu-ust-ic { min-height: 48px; } } /* --- Alt bilgi: yumuşak kart (site kutularıyla aynı dil: #EDE7DB zemin, 24–32px köşe) --- */ .mu-alt { padding: 40px 24px 24px; } .mu-alt-kart { max-width: 1320px; margin: 0 auto; padding: 64px 64px 32px; border-radius: 32px; background: linear-gradient(180deg, var(--mu-panel) 0%, #F2EDE3 100%); color: var(--mu-metin); font-size: 15px; line-height: 26px; } .single-post .mu-alt * { letter-spacing: normal !important; } /* ozellestiricinin .single-post * kurali */ .mu-alt a { color: var(--mu-ink); } .mu-alt a:hover { text-decoration: none; } .mu-alt-ust { text-align: center; padding-bottom: 48px; } .mu-alt-logo { display: inline-block; line-height: 0; } .mu-alt-logo img { width: 240px; height: 45px; object-fit: contain; } .mu-alt-etiket { margin-top: 10px; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--mu-etiket); } .mu-alt-davet { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 28px; } .mu-alt-buton { display: inline-flex; align-items: center; gap: 8px; padding: 15px 30px; border: 1px solid var(--mu-ink); border-radius: 38px; background: var(--mu-ink); color: #fff !important; font-size: 14px; font-weight: 500; line-height: 1.2; transition: background .2s, color .2s, border-color .2s; } .mu-alt-buton:hover { background: var(--mu-ink2); } .mu-alt-buton-acik { background: transparent; color: var(--mu-ink) !important; border-color: var(--mu-cizgi2); } .mu-alt-buton-acik:hover { background: #fff; border-color: #fff; } .mu-alt-bilgi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 40px 0; border-top: 1px solid var(--mu-cizgi); border-bottom: 1px solid var(--mu-cizgi); } .mu-alt-sutun { padding: 0 8px; } .mu-alt-baslik { margin-bottom: 12px; font-size: 12px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--mu-etiket); } .mu-alt-metin { color: var(--mu-ink); } .mu-alt-ok { display: inline-block; margin-top: 10px; font-size: 14px; font-weight: 500; border-bottom: 1px solid currentColor; } .mu-alt-ok::after { content: " →"; } .mu-alt-saat { display: flex; justify-content: space-between; max-width: 240px; color: var(--mu-ink); } .mu-alt-soluk { color: var(--mu-etiket); } .mu-alt-satir-link { display: block; width: fit-content; } .mu-alt-satir-link:hover { color: var(--mu-etiket) !important; } .mu-alt-sosyal { display: flex; gap: 10px; margin-top: 14px; } .mu-sosyal { width: 40px; height: 40px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; transition: background .2s, color .2s; } .mu-sosyal:hover { background: var(--mu-ink); color: #fff !important; } .mu-alt-menu { padding: 24px 0 8px; } .mu-alt-liste { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 28px; font-size: 14px; font-weight: 500; } .mu-alt-liste a:hover { color: var(--mu-etiket); } .mu-alt-yasal { max-width: 860px; margin: 16px auto 0; text-align: center; font-size: 12px; line-height: 20px; color: var(--mu-etiket); } .mu-alt-yasal > div { margin-bottom: 6px; } .mu-alt-telif { margin-top: 16px; text-align: center; font-size: 12px; line-height: 20px; color: var(--mu-etiket); } .mu-alt-telif a { color: var(--mu-metin); } @media (max-width: 959px) { .mu-alt-kart { padding: 48px 32px 28px; } .mu-alt-bilgi { grid-template-columns: 1fr 1fr; } .mu-alt-sutun:last-child { grid-column: 1 / -1; } } @media (max-width: 767px) { .mu-alt { padding: 24px 12px 12px; } .mu-alt-kart { padding: 40px 20px 24px; border-radius: 24px; } .mu-alt-logo img { width: 200px; height: 38px; } .mu-alt-ust { padding-bottom: 32px; } .mu-alt-davet { flex-direction: column; align-items: stretch; max-width: 300px; margin-left: auto; margin-right: auto; } .mu-alt-buton { justify-content: center; } .mu-alt-bilgi { grid-template-columns: 1fr; gap: 28px; padding: 32px 0; text-align: center; } .mu-alt-saat { margin: 0 auto; } .mu-alt-satir-link { margin: 0 auto; } .mu-alt-sosyal { justify-content: center; } .mu-alt-liste { gap: 6px 18px; } } /* --- Yazı: kenar okları (BeTheme fixed-nav "minimal") --- */ .fixed-nav { position: fixed; bottom: 40px; z-index: 90; display: flex; align-items: flex-start; height: 80px; color: var(--mu-ink); } .fixed-nav:hover { text-decoration: none; } .fixed-nav-prev { left: 0; } .fixed-nav-next { right: 0; flex-direction: row-reverse; } .fixed-nav .arrow { width: 35px; height: 80px; background: var(--mu-ink); color: #fff; display: flex; justify-content: center; padding-top: 4px; position: relative; z-index: 2; } .fixed-nav .photo { width: 80px; height: 80px; background: #eee; overflow: hidden; line-height: 0; transition: margin .3s; position: relative; z-index: 1; } .fixed-nav .photo img { width: 80px; height: 80px; object-fit: cover; } .fixed-nav .desc { width: 220px; padding: 6px 15px; background: #fff; position: absolute; top: 0; transition: transform .3s, opacity .3s; opacity: 0; pointer-events: none; } .fixed-nav-prev .desc { left: 115px; transform: translateX(-20px); } .fixed-nav-next .desc { right: 115px; transform: translateX(20px); } .fixed-nav:hover .desc { opacity: 1; transform: none; } .fixed-nav .desc p { margin: 0; font-size: 16px; line-height: 30px; } .fixed-nav .desc .date { display: block; color: #a8a8a8; font-size: 16px; line-height: 30px; border-top: 1px solid rgba(0, 0, 0, .08); padding-top: 3px; } @media (max-width: 767px) { .fixed-nav { display: none; } } /* --- Yazı: İlgili Yazılar (BeTheme section-post-related "simple") --- */ .mu-ilgili { padding: 0 0 80px; } .mu-ilgili-ic { max-width: 1320px; margin: 0 auto; padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, .08); } .mu-ilgili .related-heading { font-size: 16px; font-weight: 500; line-height: 30px; margin: 0 0 15px; } .mu-ilgili-liste { display: flex; } .mu-ilgili .post-related { width: 33.333%; padding: 0 12px; } .mu-ilgili-gorsel { margin-bottom: 23px; line-height: 0; } .mu-ilgili-gorsel img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; } .mu-ilgili .wp-caption-text { margin: 0; padding: 10px 0; background: #f8f8f8; color: #a6a6a6; font-size: 16px; line-height: 30px; text-align: center; } .mu-ilgili .date_label { font-size: 12px; line-height: 18px; color: #a8a8a8; margin-bottom: 5px; } .mu-ilgili h4 { font-size: 22px; line-height: 28px; margin-bottom: 15px; } .mu-buton { display: inline-flex; align-items: center; gap: 14px; padding: 16px 32px; border: 1px solid var(--mu-cizgi); border-radius: 38px; background: #fff; color: var(--mu-ink); font-size: 14px; font-weight: 500; line-height: 30px; transition: border-color .2s; } .mu-buton:hover { border-color: var(--mu-ink); color: var(--mu-ink); text-decoration: none; } @media (max-width: 767px) { .mu-ilgili { padding: 0 0 40px; } .mu-ilgili-ic { width: 98%; margin: 0; } .mu-ilgili-liste { flex-direction: column; gap: 20px; } .mu-ilgili .post-related { width: 100%; padding: 0; } } /* --- Blog / arşiv (BeTheme grid) --- */ .mu-liste-sayfa { max-width: 1320px; margin: 0 auto; padding: 200px 0 60px; } .mu-liste-ust { padding: 0 12px; } .mu-liste-ust { margin-bottom: 30px; } .mu-liste-aciklama { font-size: 15px; line-height: 26px; margin-bottom: 20px; } .mu-liste-h1 { font-size: 22px; line-height: 1.3; margin: 0 0 24px; } /* .melis-blog-h1 melis-blok.css icinde */ .mu-filtre { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 18px; font-size: 13px; padding: 10px 0; } .mu-filtre-etiket { color: #a8a8a8; } .mu-filtre details { position: relative; } .mu-filtre summary { cursor: pointer; list-style: none; color: var(--mu-ink); } .mu-filtre summary::-webkit-details-marker { display: none; } .mu-filtre summary::after { content: " ▾"; } .mu-filtre details ul { position: absolute; z-index: 20; top: 100%; left: 0; min-width: 220px; margin: 8px 0 0; padding: 10px 16px; list-style: none; background: #fff; border-radius: 12px; box-shadow: 0 6px 20px rgba(0, 0, 0, .08); } .mu-filtre details li { margin: 0; } .mu-filtre details a { display: block; padding: 4px 0; } .mu-filtre-tumu { margin-left: auto; color: var(--mu-ink); } .mu-kartlar { display: grid; grid-template-columns: repeat(3, 1fr); align-items: start; padding: 0 12px; } .mu-kart { margin: 0 3% 20px; } /* BeTheme izgarasi: kap genisliginin 1%i = sutunun ~3%u */ .mu-kart-gorsel { display: block; line-height: 0; } .mu-kart-gorsel img { width: 100%; height: auto; display: block; } .mu-kart-ic { padding: 20px 20px 0; } .mu-kart-meta { font-size: 15px; line-height: 26px; color: #a8a8a8; margin-bottom: 8px; } .mu-kart-meta svg { width: 11px; height: 11px; margin-right: 4px; vertical-align: -1px; } .mu-kart-meta .sep { margin: 0 2px 0 4px; } .mu-kart-baslik { font-size: 20px; line-height: 28px; font-weight: 500; margin-bottom: 15px; } .mu-kart-ozet { font-size: 15px; line-height: 26px; margin-bottom: 15px; } .mu-kart-ozet p { margin: 0; } .mu-kart-alt { display: flex; justify-content: space-between; align-items: center; margin: 20px -20px 0; padding: 7px 15px; line-height: 30px; font-size: 15px; color: #a8a8a8; } .mu-begeni { color: #a8a8a8; padding-left: 5px; } .mu-begeni svg { color: var(--mu-ink); margin-right: 8px; vertical-align: -2px; } .mu-kart-devam { color: var(--mu-ink); padding-left: 10px; border-left: 1px solid rgba(0, 0, 0, .08); } .mu-kart-devam svg { color: #a8a8a8; margin-right: 6px; vertical-align: -1px; } .mu-sayfalama { display: flex; justify-content: center; flex-wrap: wrap; gap: 4px; margin: 20px 0; font-size: 13px; } .mu-sayfalama a, .mu-sayfalama span { display: inline-block; min-width: 30px; height: 30px; line-height: 30px; padding: 0 6px; text-align: center; border-radius: 4px; color: var(--mu-etiket); } .mu-sayfalama .current { background: var(--mu-ink); color: #fff; } .mu-sayfalama .next, .mu-sayfalama .prev { color: var(--mu-ink); margin-left: 16px; } .mu-bos { grid-column: 1 / -1; } @media (max-width: 959px) { .mu-kartlar { grid-template-columns: repeat(2, 1fr); } .mu-liste-sayfa { padding-top: 160px; } } @media (max-width: 767px) { .mu-kartlar { grid-template-columns: 1fr; padding: 0; } .mu-kart { margin: 0 0 20px; } .mu-liste-sayfa { padding: 110px 0 40px; } .mu-liste-ust { padding: 0 24px; } } /* --- 404 (BeTheme #Error_404 ölçüleri; eski sayfada üst/alt bilgi yoktu ve ikon metni kesiyordu) --- */ .mu-404 { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 200px 24px 80px; } .mu-404-ic { display: flex; align-items: flex-start; max-width: 800px; } .mu-404-ikon { flex: 0 0 auto; margin-right: 24px; } .mu-404 h1 { font-size: 45px; line-height: 45px; font-weight: 500; letter-spacing: 0; margin: 40px 0 15px; } .mu-404 h4 { font-size: 26px; line-height: 30px; margin-bottom: 15px; } .mu-404-kontrol { font-size: 16px; } .mu-404-buton { display: inline-block; margin-left: 20px; padding: 16px 32px; border-radius: 38px; background: #fff; border: 1px solid var(--mu-cizgi); font-size: 14px; font-weight: 500; line-height: 1.2; color: var(--mu-ink); } .mu-404-buton:hover { text-decoration: none; border-color: var(--mu-ink); } @media (max-width: 767px) { .mu-404-ic { flex-direction: column; align-items: center; text-align: center; } .mu-404-ikon { width: 150px; height: 150px; margin: 0; } .mu-404 h1 { font-size: 34px; margin-top: 20px; } .mu-404-buton { margin: 15px 0 0; } } /* --- Elementor gövdesi olmayan sayfa/yazı --- */ .mu-sade { max-width: 900px; margin: 0 auto; padding: 200px 24px 60px; } /* --- BeTheme SSS bileşeni (mfn_faq) — eski sitede başlıklar .subheader-both-center .title kuralıyla yanlışlıkla gizliydi --- */ .faq .question { margin-bottom: 5px; overflow: hidden; position: relative; background: rgba(0, 0, 0, .02); } .faq .question::before { content: ""; width: 60px; height: 100%; border-right: 1px solid rgba(0, 0, 0, .1); position: absolute; left: 0; top: 0; z-index: 1; } .faq .question::after { content: ""; width: 60px; height: 100%; background: rgba(0, 0, 0, .03); position: absolute; left: 0; top: 0; z-index: 1; } .faq .question:last-child { margin-bottom: 0; } .faq .question > .title { padding: 20px 40px 20px 80px; font-size: 15px; position: relative; cursor: pointer; z-index: 2; color: #444; } .faq .question.active > .title { color: var(--mu-ink); } .faq .question > .title .num { font-weight: 700; position: absolute; left: 27px; top: 20px; } .faq .acc-icon-plus, .faq .acc-icon-minus { font-style: normal; font-size: 20px; line-height: 17px; position: absolute; right: 15px; top: 21px; width: 20px; height: 20px; text-align: center; color: rgba(0, 0, 0, .25); } .faq .acc-icon-plus::before { content: "+"; } .faq .acc-icon-minus::before { content: "\2212"; } .faq .acc-icon-minus, .faq .question.active .acc-icon-plus { display: none; } .faq .question.active .acc-icon-minus { display: block; } .faq .question > .answer { padding: 0 20px 20px 80px; overflow: hidden; display: none; } .faq .question.active > .answer { display: block; } .faq .question.active p:last-child { margin-bottom: 0; } @media (min-width: 768px) and (max-width: 959px) { .faq .question .title { font-size: 14px; } } @media (max-width: 767px) { .faq .question .title { font-size: 13px; } } /* Elementor Pro yazı listesi: görsel oranı (Pro JS'in elementor-fit-height hesabının CSS karşılığı) */ .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img { width: 100%; height: 100%; object-fit: cover; } /* BeTheme içerik sarmalayıcısı: mu-plugin blokları (melis-hl vb.) bu kurallarla ölçülmüştü */ .the_content_wrapper { margin: 0; } /* eski sitede ozellestirici kurallari 98%i ezip tam genislik yapiyordu */ .the_content_wrapper.is-elementor { margin-bottom: 0 !important; } .the_content_wrapper pre { margin-bottom: 20px; } .the_content_wrapper .wp-caption { margin-bottom: 20px; } .the_content_wrapper ul { list-style: disc outside; margin: 0 0 15px 30px; } .the_content_wrapper ol { margin: 0 0 15px 30px; } .the_content_wrapper ul li, .the_content_wrapper ol li, .mfn-acc ul li, .mfn-acc ol li { margin-bottom: 10px; } .the_content_wrapper ul li ul, .the_content_wrapper ol li ol { margin-top: 10px; margin-bottom: 0; } .mfn-acc ol { margin: 0 0 15px 30px; } /* Eski düzende #Subheader (60px, başlığı gizli) + #Content üst dolgusu (30px) içeriği aşağı itiyordu. "Elementor Header & Footer" şablonlu yazılarda #Content yoktu ve ilk konteynerin eksi üst boşluğu etkisizdi. */ .mu-altbaslik #Content { padding-top: 90px; } .post-template-elementor_header_footer #Content { padding-top: 60px; } .mu-elementor-sablon > .elementor > .elementor-element:first-child { --margin-top: 0px !important; margin-top: 0 !important; } @media (min-width: 768px) { .page.mu-altbaslik #Content { padding-top: 126px; } } .mu-kartlar > .melis-blog-h1 { grid-column: 1 / -1; } /* melis-sema H1i dongu basinda basar; eski sitede izgara hucresine dusup ust bilginin altinda kaliyordu */ /* Elementor ışık kutusu tabanı (common.min.css'teki diyalog kuralı; geri kalanı assets/elementor/lightbox.min.css) */ .dialog-type-lightbox { position: fixed; inset: 0; z-index: 9999; background-color: rgba(0, 0, 0, .8); user-select: none; } .dialog-lightbox-close-button { background: none; border: 0; } /* ========================================================================== Blog yazısı (Onur Seyrek düzeni, Melis Ülger görsel dili): kahraman kutu, okuma sütunu + yapışkan yan kolon Not: özelleştiricinin .single-post p/li/span (16/30) ve letter-spacing kuralları !important; arayüz parçaları (kart, içindekiler, künye, iz) bu yüzden !important ile sabitlenir, makale metni onları izler. ========================================================================== */ .yazi-kahraman { margin: 24px; padding: 170px 56px 56px; border-radius: 24px; background: linear-gradient(180deg, var(--mu-panel) 0%, #E9E1D3 100%); } .yazi-bas { max-width: 1208px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 56px; align-items: center; } .yazi-bas-metin:only-child { grid-column: 1 / -1; max-width: 820px; } .yazi .rank-math-breadcrumb, .yazi .rank-math-breadcrumb * { font-size: 13px !important; line-height: 20px !important; letter-spacing: normal !important; } .yazi .rank-math-breadcrumb { margin-bottom: 18px; color: var(--mu-etiket); } .yazi .rank-math-breadcrumb p { margin: 0; } .yazi .rank-math-breadcrumb a { color: var(--mu-metin); } .yazi .rank-math-breadcrumb .separator { margin: 0 6px; opacity: .6; } .yazi-bas h1 { font-size: 44px; line-height: 52px; letter-spacing: -1px !important; margin: 0 0 18px; } .yazi-giris { font-size: 18px; line-height: 30px; color: var(--mu-metin); margin-bottom: 22px; max-width: 640px; } .yazi-kunye { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; } body .yazi-kunye, body .yazi-kunye * { font-size: 14px !important; line-height: 20px !important; letter-spacing: normal !important; color: var(--mu-metin); } .yazi-kunye > span { display: inline-flex; align-items: center; gap: 7px; } .yazi-kunye svg { color: var(--mu-etiket); } .kunye-yazar { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; color: var(--mu-ink) !important; } .kunye-yazar img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: #fff; } .yazi-kapak { margin: 0; line-height: 0; } .yazi-kapak img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 24px; } .yazi-govde { max-width: 1208px; margin: 64px auto 0; padding: 0 24px; display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 72px; align-items: start; } .yazi-yan { position: sticky; top: 110px; display: flex; flex-direction: column; gap: 16px; } .yazi-yan * { letter-spacing: normal !important; } .icindekiler { background: #fff; border-radius: 20px; padding: 20px 22px; } .icindekiler summary { list-style: none; cursor: pointer; font-size: 12px; font-weight: 600; letter-spacing: 1.5px !important; text-transform: uppercase; color: var(--mu-etiket); } .icindekiler summary::-webkit-details-marker { display: none; } .icindekiler ol { list-style: none; margin: 12px 0 0; padding: 0; counter-reset: ic; max-height: 52vh; overflow-y: auto; } body .icindekiler li { counter-increment: ic; margin: 0 !important; font-size: 14px !important; line-height: 20px !important; } .icindekiler a { display: flex; gap: 10px; padding: 7px 0; color: var(--mu-metin); border-top: 1px solid #F0EBE2; } .icindekiler li:first-child a { border-top: 0; } .icindekiler a::before { content: counter(ic, decimal-leading-zero); flex: 0 0 auto; font-size: 11px; color: var(--mu-etiket); padding-top: 1px; } .icindekiler a:hover, .icindekiler a.aktif { color: var(--mu-ink); text-decoration: none; } .icindekiler a.aktif { font-weight: 600; } .yan-kart { padding: 22px; border-radius: 20px; background: var(--mu-panel); } .yan-kart-baslik { font-size: 17px; line-height: 24px; font-weight: 500; color: var(--mu-ink); margin-bottom: 8px; } .yan-kart-metin { font-size: 14px; line-height: 22px; color: var(--mu-metin); margin-bottom: 16px; } .yan-dugme { display: block; text-align: center; padding: 13px 20px; border-radius: 38px; background: var(--mu-ink); color: #fff !important; font-size: 14px; font-weight: 500; } .yan-dugme:hover { background: var(--mu-ink2); text-decoration: none; } .yan-tel { display: block; text-align: center; margin-top: 10px; font-size: 14px; color: var(--mu-ink); } .yazi-metin { max-width: 740px; min-width: 0; color: var(--mu-metin); } .yazi-metin > *:first-child { margin-top: 0; } .yazi-metin h2 { font-size: 28px; line-height: 36px; margin: 48px 0 16px; scroll-margin-top: 110px; } .yazi-metin h3 { font-size: 22px; line-height: 30px; margin: 32px 0 12px; scroll-margin-top: 110px; } .yazi-metin h4, .yazi-metin h5 { margin: 24px 0 10px; } .yazi-metin p { margin: 0 0 18px; } .yazi-metin ul, .yazi-metin ol { margin: 0 0 20px 22px; } .yazi-metin ul { list-style: disc; } .yazi-metin li { margin-bottom: 8px; } .yazi-metin a { color: var(--mu-ink); text-decoration: underline; text-decoration-color: var(--mu-cizgi2); text-underline-offset: 3px; } .yazi-metin a:hover { text-decoration-color: var(--mu-ink); } .yazi-metin strong { color: var(--mu-ink); } .yazi-gorsel, .yazi-metin figure { margin: 32px 0; line-height: 0; } .yazi-metin img { border-radius: 20px; height: auto; } .yazi-metin table { margin: 24px 0; background: #fff; border-radius: 16px; overflow: hidden; } .yazi-metin blockquote { margin: 28px 0; padding: 20px 24px; top: 0; border-left: 3px solid var(--mu-ink); background: var(--mu-panel); border-radius: 0 16px 16px 0; } .yazi-metin .melis-oc { margin-top: 0; } .yazi-sss { margin: 56px 0 0; } .yazi-sss h2 { margin: 0 0 18px; } .yazi-sss details { background: #fff; border-radius: 16px; margin-bottom: 10px; } .yazi-sss summary { list-style: none; cursor: pointer; position: relative; padding: 18px 56px 18px 22px; font-size: 16px; font-weight: 500; line-height: 24px; color: var(--mu-ink); letter-spacing: normal !important; } .yazi-sss summary::-webkit-details-marker { display: none; } .yazi-sss summary::after { content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border-radius: 50%; background: var(--mu-zemin); text-align: center; line-height: 26px; font-size: 18px; } .yazi-sss details[open] summary::after { content: "\2212"; } .sss-cevap { padding: 0 22px 18px; } .sss-cevap > *:last-child { margin-bottom: 0; } .yazar { display: flex; gap: 22px; align-items: flex-start; margin: 56px 0 0; padding: 28px; border-radius: 24px; background: var(--mu-panel); } .yazar img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; background: #fff; } .yazar * { letter-spacing: normal !important; } .yazar-ad { font-size: 19px; line-height: 26px; font-weight: 500; color: var(--mu-ink); } .yazar-unvan { font-size: 12px; letter-spacing: 1.5px !important; text-transform: uppercase; color: var(--mu-etiket); margin: 2px 0 10px; } .yazar-metin { font-size: 15px; line-height: 25px; color: var(--mu-metin); margin-bottom: 10px; } .yazar-link { font-size: 14px; font-weight: 500; } .ilgili { max-width: 1208px; margin: 88px auto 0; padding: 0 24px; } .ilgili > h2 { font-size: 28px; line-height: 36px; margin-bottom: 24px; } .single-post .ez-toc-sticky { display: none !important; } /* yan kolondaki "Bu yazıda" yerini aldı */ /* --- Yazı kartı (blog, bilgi bankası, ilgili yazılar) --- */ .kartlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .kart { position: relative; display: flex; flex-direction: column; margin: 0 !important; background: #fff; border-radius: 20px; overflow: hidden; transition: transform .25s, box-shadow .25s; } .kart:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -18px rgba(33, 29, 23, .25); } .kart * { letter-spacing: normal !important; } .kart-gorsel { display: block; line-height: 0 !important; aspect-ratio: 16 / 10; background: var(--mu-panel); overflow: hidden; } .kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; } .kart:hover .kart-gorsel img { transform: scale(1.03); } .kart-ic { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 22px; } .kart-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-bottom: 10px; } body .kart-meta, body .kart-meta * { font-size: 12px !important; line-height: 18px !important; color: var(--mu-etiket); } body .kart-kat { font-weight: 600 !important; text-transform: uppercase; letter-spacing: 1px !important; color: var(--mu-metin) !important; } body .kart-baslik { font-size: 19px !important; line-height: 26px !important; font-weight: 500; margin: 0 0 10px; } .kart-link { color: var(--mu-ink); } .kart-link::after { content: ""; position: absolute; inset: 0; } .kart-link:hover { text-decoration: none; } body .kart-ozet { font-size: 14px !important; line-height: 22px !important; color: var(--mu-metin); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 16px; } body .kart-devam { margin-top: auto; font-size: 14px !important; line-height: 20px !important; font-weight: 500; color: var(--mu-ink); } body .kart-devam span { display: inline-block; transition: transform .2s; font-size: inherit !important; } .kart:hover .kart-devam span { transform: translateX(4px); } .kart-one { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); } .kart-one .kart-gorsel { aspect-ratio: auto; min-height: 340px; } .kart-one .kart-ic { padding: 40px 44px; justify-content: center; } body .kart-one .kart-baslik { font-size: 28px !important; line-height: 36px !important; } body .kart-one .kart-ozet { font-size: 16px !important; line-height: 26px !important; -webkit-line-clamp: 4; } .kart-one .kart-devam { margin-top: 8px; } @media (max-width: 1100px) { .yazi-govde { grid-template-columns: 240px minmax(0, 1fr); gap: 48px; } } @media (max-width: 959px) { .yazi-kahraman { padding: 140px 40px 40px; } .yazi-bas { grid-template-columns: 1fr; gap: 32px; } .yazi-govde { grid-template-columns: 1fr; gap: 24px; margin-top: 40px; } .yazi-yan { position: static; } .yan-kart { display: none; } .icindekiler ol { max-height: none; } .kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .kart-one { grid-template-columns: 1fr; } .kart-one .kart-gorsel { min-height: 0; aspect-ratio: 16 / 10; } .kart-one .kart-ic { padding: 24px 26px 28px; } } @media (max-width: 767px) { .yazi-kahraman { margin: 0; padding: 112px 20px 32px; border-radius: 0 0 24px 24px; } .yazi-bas h1 { font-size: 30px; line-height: 38px; } .yazi-giris { font-size: 16px; line-height: 26px; } .yazi-kapak img { border-radius: 18px; } .yazi-govde { padding: 0 20px; margin-top: 28px; } .yazi-metin h2 { font-size: 22px; line-height: 30px; margin-top: 36px; } .yazi-metin h3 { font-size: 19px; line-height: 27px; } .yazar { flex-direction: column; padding: 22px; } .ilgili { margin-top: 56px; padding: 0 20px; } .ilgili > h2 { font-size: 22px; line-height: 30px; } .kartlar { grid-template-columns: 1fr; gap: 16px; } body .kart-one .kart-baslik { font-size: 22px !important; line-height: 30px !important; } } /* --- Bilgi Bankası merkezi (Onur Seyrek blog düzeni) --- */ .bb-kahraman { padding-bottom: 64px; } .bb-bas { max-width: 1208px; margin: 0 auto; text-align: center; } .bb-bas .rank-math-breadcrumb { display: flex; justify-content: center; } .bb-bas h1 { font-size: 48px; line-height: 56px; letter-spacing: -1px; margin: 0 0 16px; } .bb-sayfa { display: inline-block; vertical-align: middle; margin-left: 8px; padding: 4px 14px; border-radius: 20px; background: #fff; font-size: 14px; line-height: 22px; letter-spacing: 0; color: var(--mu-etiket); } .bb-giris { max-width: 620px; margin: 0 auto 14px; font-size: 17px; line-height: 28px; color: var(--mu-metin); } .bb-sayi { font-size: 12px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--mu-etiket); } .bb .rank-math-breadcrumb { margin-bottom: 18px; font-size: 13px; line-height: 20px; color: var(--mu-etiket); } .bb .rank-math-breadcrumb p { margin: 0; } .bb .rank-math-breadcrumb a { color: var(--mu-metin); } .bb .rank-math-breadcrumb .separator { margin: 0 6px; opacity: .6; } .bb-bolum { max-width: 1208px; margin: 72px auto 0; padding: 0 24px; } .bb-bolum-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 22px; } .bb-bolum-bas h2 { font-size: 28px; line-height: 36px; margin: 0; } .bb-tumu { font-size: 14px; font-weight: 500; white-space: nowrap; } .bb-tumu:hover { text-decoration: none; color: var(--mu-etiket); } .konular { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .konu a { position: relative; display: flex; flex-direction: column; justify-content: flex-end; aspect-ratio: 4 / 3; padding: 18px 20px; border-radius: 20px; overflow: hidden; color: #fff; background: var(--mu-ink); } .konu a:hover { text-decoration: none; color: #fff; } .konu-gorsel { position: absolute; inset: 0; line-height: 0; } .konu-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; } .konu-gorsel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(33, 29, 23, 0) 30%, rgba(33, 29, 23, .78) 100%); } .konu a:hover .konu-gorsel img { transform: scale(1.05); } .konu-ad { position: relative; font-size: 18px; line-height: 24px; font-weight: 500; } .konu-sayi { position: relative; margin-top: 4px; font-size: 13px; opacity: .8; } .bb-arsiv { text-align: center; } .bb-arsiv .bb-bolum-bas { justify-content: center; margin-bottom: 8px; } .bb-arsiv-not { color: var(--mu-etiket); margin-bottom: 20px; } .bb-sayfalama { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin-top: 32px; } .bb-sayfalama .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 10px; border-radius: 21px; background: #fff; color: var(--mu-ink); font-size: 14px; } .bb-sayfalama a.page-numbers:hover { background: var(--mu-panel); text-decoration: none; } .bb-sayfalama .current { background: var(--mu-ink); color: #fff; } .bb-sayfalama .dots { background: none; } @media (max-width: 959px) { .konular { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bb-bas h1 { font-size: 38px; line-height: 46px; } } @media (max-width: 767px) { .bb-bas h1 { font-size: 32px; line-height: 40px; } .bb-giris { font-size: 15px; line-height: 25px; } .bb-bolum { margin-top: 48px; padding: 0 20px; } .bb-bolum-bas h2 { font-size: 22px; line-height: 30px; } .konular { gap: 12px; } .konu a { padding: 14px; border-radius: 16px; } .konu-ad { font-size: 15px; line-height: 20px; } } .melis-hl .mh-btn { max-width: 100%; box-sizing: border-box; white-space: normal; } /* mu-plugin dugmesi mobilde tasiyordu (eski sitede de) */ /* Blog / kategori: konu çipleri (BeTheme filtre açılırlarının yerine) */ .konu-cipleri { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 24px; } .konu-cipleri a { padding: 8px 16px; border-radius: 20px; background: rgba(255, 255, 255, .7); color: var(--mu-ink); font-size: 14px; line-height: 20px; transition: background .2s, color .2s; } .konu-cipleri a:hover { background: #fff; text-decoration: none; } .konu-cipleri a.aktif { background: var(--mu-ink); color: #fff; } .bb-giris p { margin: 0; } /* 404: diğer sayfalarla aynı kahraman kutu zemini */ .mu-404 { min-height: 0; margin: 24px; padding: 190px 24px 96px; border-radius: 24px; background: linear-gradient(180deg, var(--mu-panel) 0%, #E9E1D3 100%); } @media (max-width: 767px) { .mu-404 { margin: 0; padding: 120px 20px 56px; border-radius: 0 0 24px 24px; } .konu-cipleri a { font-size: 13px; padding: 7px 13px; } } /* --- Tedaviler sayfası (page-tedaviler.php): Elementor başlığı aynen; her tedavi bir kart, rehber yazıları kartın içinde --- */ .td-liste { max-width: 1256px; margin: 48px auto 0; padding: 0 24px; display: flex; flex-direction: column; gap: 28px; } .td-kart { padding: 20px; border-radius: 28px; background: #fff; scroll-margin-top: 110px; } .td-ana { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 56px; align-items: center; } .td-gorsel { display: block; line-height: 0; border-radius: 20px; overflow: hidden; background: var(--mu-panel); } .td-gorsel img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .td-metin { max-width: 540px; padding: 24px 24px 24px 0; } .td-metin h2 { margin: 0 0 20px; font-size: 34px; line-height: 40px; font-weight: 500; letter-spacing: -.6px; } .td-metin h2 a { color: var(--mu-ink); } .td-metin h2 a:hover { text-decoration: none; color: var(--mu-etiket); } .td-maddeler { list-style: none; margin: 0 0 28px; padding: 0; } .td-maddeler li { position: relative; margin: 0 0 12px; padding-left: 30px; font-size: 16px; line-height: 26px; color: var(--mu-metin); } .td-maddeler li::before { content: ""; position: absolute; left: 3px; top: 7px; width: 6px; height: 11px; border-right: 1.75px solid var(--mu-ink); border-bottom: 1.75px solid var(--mu-ink); transform: rotate(45deg); } .td-detay { display: inline-flex; padding: 14px 28px; border-radius: 38px; background: var(--mu-ink); color: #fff; font-size: 14px; font-weight: 500; line-height: 20px; transition: background .2s; } .td-detay:hover { background: var(--mu-ink2); color: #fff; text-decoration: none; } .td-rehber { margin-top: 20px; padding: 22px 24px 24px; border-radius: 20px; background: var(--mu-zemin); } .td-rehber-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 14px; } .td-rehber-bas h3 { margin: 0; font-size: 16px; line-height: 22px; font-weight: 600; letter-spacing: 0; color: var(--mu-ink); } .td-rehber-bas a { flex: 0 0 auto; font-size: 14px; color: var(--mu-metin); text-decoration: underline; text-decoration-color: var(--mu-cizgi2); text-underline-offset: 3px; } .td-rehber-bas a:hover { color: var(--mu-ink); text-decoration-color: var(--mu-ink); } .td-rehber ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .td-rehber li { margin: 0; } .td-rehber li a { display: block; height: 100%; padding: 14px 16px; border: 1px solid transparent; border-radius: 14px; background: #fff; color: var(--mu-ink); font-size: 14.5px; line-height: 21px; transition: border-color .2s; } .td-rehber li a:hover { border-color: var(--mu-ink); text-decoration: none; } .td-diger { margin-top: 28px; } .td-diger > h2 { margin: 0 0 4px; font-size: 26px; line-height: 34px; } .td-diger-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; } .td-diger .td-rehber { background: #fff; } .td-diger .td-rehber li a { background: var(--mu-zemin); } .td-diger .td-rehber ul { grid-template-columns: 1fr; } .td-yedek-baslik { padding: 190px 24px 40px; text-align: center; } @media (max-width: 1100px) { .td-ana { gap: 40px; } .td-metin h2 { font-size: 30px; line-height: 36px; } } @media (max-width: 959px) { .td-ana { grid-template-columns: 1fr 1fr; gap: 28px; } .td-metin { padding: 8px 8px 8px 0; } .td-rehber ul { grid-template-columns: 1fr; } } @media (max-width: 767px) { .td-liste { margin-top: 24px; padding: 0 12px; gap: 16px; } .td-kart { padding: 12px; border-radius: 22px; } .td-ana { grid-template-columns: 1fr; gap: 0; } .td-gorsel { border-radius: 16px; } .td-gorsel img { aspect-ratio: 16 / 10; } .td-metin { padding: 20px 8px 8px; } .td-metin h2 { font-size: 26px; line-height: 32px; margin-bottom: 14px; } .td-maddeler li { font-size: 15px; line-height: 24px; } .td-rehber { margin-top: 12px; padding: 18px 14px 14px; border-radius: 16px; } .td-rehber-bas { flex-direction: column; gap: 4px; } .td-diger-izgara { grid-template-columns: 1fr; } } .td-liste, .td-liste * { box-sizing: border-box; } /* Elementor başlık bölümü: aslında arkasındaki kart satırına devam ediyordu; burada tek başına, alt köşeler yuvarlak */ .td > .elementor > .elementor-top-section:first-child > .elementor-container > .elementor-column > .elementor-widget-wrap { border-radius: 24px !important; padding-bottom: 88px !important; } @media (max-width: 767px) { .td > .elementor > .elementor-top-section:first-child > .elementor-container > .elementor-column > .elementor-widget-wrap { padding-bottom: 48px !important; } } /* ========================================================================== Tedavi sayfası şablonu (Tedaviler sayfasıyla aynı dil): her bölüm beyaz kart, içerideki parçalar krem karo. İçerik Elementor HTML bileşeninde (.mu-botoks / .mu-page) kendi