/* ============================================================================= MAYOR TEKNİK SERVİS — Global Enhancement Layer Orange brand + blue→navy gradient · Dark/Light (default light) · Site search Font sizer · Sticky bar · Floating actions · Back-to-top · WCAG 2.1 AA Zero dependency · SVG icons only (no emoji) · Prefixed .mye- Loaded on EVERY page via /css/mayor-enhance.css ============================================================================= */ :root { --mye-orange: #f97316; /* Bright brand orange (button bg + accents) */ --mye-orange-2: #ea6a0a; --mye-orange-deep: #c2410c; /* Accent text/links on white (AA 5.1:1) */ --mye-navy: #0b2545; /* Trust navy (text on orange, footer) */ --mye-navy-2: #06152b; --mye-blue: #1566c0; /* Gradient start */ --mye-call: #f97316; /* Tıkla Ara — orange, navy text */ --mye-call-ink: #0b2545; --mye-wa: #0b7332; /* WhatsApp — beyaz metinle WCAG AA (>=4.5:1) koyu yeşil */ --mye-wa-2: #085c27; --mye-ink: #14181f; --mye-muted: #5b6472; --mye-surface: #ffffff; --mye-surface-2: #f4f6f9; --mye-border: #e3e7ed; --mye-shadow: 0 10px 34px rgba(16,24,40,.14); --mye-radius: 14px; --mye-dock-z: 9997; --mye-bar-z: 9998; --mye-overlay-z: 10000; --mye-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; } /* ---------- DARK MODE (opt-in via html[data-theme="dark"]) ---------------- */ html[data-theme="dark"] { color-scheme: dark; --bg: #0f1216; --card: #171b21; --muted: #9aa3b0; --accent: #ff9a4d; --shadow: 0 10px 34px rgba(0,0,0,.55); --mye-ink: #e7eaef; --mye-muted: #a4adba; --mye-orange-deep: #ff9a4d; --mye-surface: #171b21; --mye-surface-2: #1e232b; --mye-border: #2a303a; --mye-shadow: 0 10px 34px rgba(0,0,0,.55); } html[data-theme="dark"] body { background: #0f1216 !important; color: #e7eaef !important; } html[data-theme="dark"] .card, html[data-theme="dark"] .site-footer, html[data-theme="dark"] header.navbar, html[data-theme="dark"] .w3l-footer-66 { background-color: #171b21 !important; color: #e7eaef; } html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, html[data-theme="dark"] h4, html[data-theme="dark"] p, html[data-theme="dark"] li, html[data-theme="dark"] span, html[data-theme="dark"] strong, html[data-theme="dark"] td, html[data-theme="dark"] th { color: #e7eaef; } html[data-theme="dark"] p, html[data-theme="dark"] li { color: #cdd3dc; } html[data-theme="dark"] a { color: #7fb0ff; } html[data-theme="dark"] a.navbar-brand, html[data-theme="dark"] .breadcrumb-container a { color: #ffab63; } html[data-theme="dark"] hr { border-color: #2a303a; } html[data-theme="dark"] .responsive-image, html[data-theme="dark"] img.responsive-image { filter: brightness(.9); } html[data-theme="dark"] input, html[data-theme="dark"] textarea, html[data-theme="dark"] select { background: #1e232b; color: #e7eaef; border-color: #2a303a; } /* ============================ MOBILE OVERFLOW & CLS GUARDS =============== */ /* Site-wide: prevents horizontal shifting/scroll on old templates. overflow-x: clip does NOT create a scroll container (position:sticky safe). */ html, body { max-width: 100vw; overflow-x: clip; } @supports not (overflow-x: clip) { html, body { overflow-x: hidden; } } img { max-width: 100%; height: auto; } video, iframe, embed, object, svg { max-width: 100%; } p, li, td, th, h1, h2, h3, h4, h5, a, span { overflow-wrap: break-word; } @media (max-width: 820px) { table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } pre { white-space: pre-wrap; word-break: break-word; } input, select, textarea { max-width: 100%; } } /* ---------- Icon sizing helper (inline SVG, currentColor) ----------------- */ .mye-ico { display: inline-flex; align-items: center; justify-content: center; } .mye-ico svg { width: 1.15em; height: 1.15em; display: block; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } /* ===================== FLOATING DOCK (katlanır sağ-kenar sekmesi) ========== */ /* Eski konum (sağ-üst) başlık/menü metnini kapatıyordu. Artık sağ kenarda dikey ortada durur; kapalıyken yalnızca ince turuncu bir sekme görünür, tıklanınca araçlar (Ara · yazı boyutu · tema) sola doğru açılır. */ .mye-dock { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: var(--mye-dock-z); display: flex; align-items: stretch; font-family: var(--mye-font); } .mye-dock-toggle { all: unset; box-sizing: border-box; cursor: pointer; flex: none; width: 38px; min-height: 70px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; background: var(--mye-orange); color: var(--mye-navy); border-radius: 14px 0 0 14px; box-shadow: -5px 0 18px rgba(0,0,0,.20); transition: background .15s ease, border-radius .2s ease; } .mye-dock-toggle:hover { background: var(--mye-orange-2); } .mye-dock-toggle:focus-visible { outline: 3px solid var(--mye-navy); outline-offset: -3px; } .mye-dock-toggle .mye-ico svg { width: 20px; height: 20px; } .mye-dock-toggle .mye-dock-caret { font: 800 11px/1 var(--mye-font); transition: transform .2s ease; } .mye-dock.mye-open .mye-dock-toggle { border-radius: 0; } .mye-dock.mye-open .mye-dock-toggle .mye-dock-caret { transform: rotate(180deg); } .mye-dock-panel { display: flex; flex-direction: column; gap: 6px; align-items: stretch; background: var(--mye-surface); border: 1px solid var(--mye-border); border-right: 0; border-radius: 16px 0 0 16px; box-shadow: -10px 0 30px rgba(0,0,0,.16); overflow: hidden; max-width: 0; opacity: 0; padding: 0; transition: max-width .24s ease, opacity .2s ease, padding .24s ease; } .mye-dock.mye-open .mye-dock-panel { max-width: 250px; opacity: 1; padding: 8px; } .mye-dock-panel button { all: unset; box-sizing: border-box; cursor: pointer; min-height: 40px; width: 100%; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 10px; font: 700 14px/1 var(--mye-font); color: var(--mye-navy); white-space: nowrap; transition: background .15s ease, color .15s ease, transform .1s ease; } html[data-theme="dark"] .mye-dock-panel button { color: #e7eaef; } .mye-dock-panel button:hover { background: var(--mye-surface-2); } .mye-dock-panel button:active { transform: scale(.97); } .mye-dock-panel button:focus-visible { outline: 3px solid var(--mye-blue); outline-offset: 2px; } .mye-dock .mye-search-btn { color: var(--mye-navy); background: var(--mye-orange); } .mye-dock .mye-search-btn:hover { background: var(--mye-orange-2); } .mye-fontgroup { display: none; gap: 4px; } .mye-fontgroup.mye-on { display: inline-flex; } .mye-fontgroup button { width: auto; flex: 1; min-width: 40px; padding: 0 8px; } @media (max-width: 640px) { .mye-dock-toggle { width: 34px; min-height: 62px; } .mye-dock.mye-open .mye-dock-panel { max-width: 220px; } } /* ============================ SEARCH OVERLAY ============================= */ .mye-search { position: fixed; inset: 0; z-index: var(--mye-overlay-z); display: none; background: rgba(6, 21, 43, .58); backdrop-filter: blur(3px); padding: 8vh 16px 16px; font-family: var(--mye-font); } .mye-search.mye-open { display: block; } .mye-search-panel { max-width: 720px; margin: 0 auto; background: var(--mye-surface); color: var(--mye-ink); border-radius: var(--mye-radius); box-shadow: var(--mye-shadow); overflow: hidden; border: 1px solid var(--mye-border); } .mye-search-head { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--mye-border); } .mye-search-head .mye-ico { color: var(--mye-orange-deep); } .mye-search-head .mye-ico svg { width: 22px; height: 22px; } .mye-search-input { flex: 1; border: 0; outline: 0; background: transparent; color: var(--mye-ink); font: 500 18px/1.3 var(--mye-font); } .mye-search-close { all: unset; cursor: pointer; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; color: var(--mye-muted); } .mye-search-close svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; } .mye-search-close:hover { background: var(--mye-surface-2); color: var(--mye-ink); } .mye-search-close:focus-visible { outline: 3px solid var(--mye-blue); outline-offset: 2px; } .mye-search-results { max-height: 62vh; overflow-y: auto; padding: 6px; } .mye-search-results a { display: flex; flex-direction: column; gap: 2px; padding: 11px 14px; border-radius: 10px; text-decoration: none; color: var(--mye-ink); } .mye-search-results a:hover, .mye-search-results a.mye-active { background: var(--mye-surface-2); } .mye-search-results a .mye-r-title { font-weight: 600; font-size: 15px; } .mye-search-results a .mye-r-url { font-size: 12.5px; color: var(--mye-muted); } .mye-search-results a mark { background: #ffe0b8; color: inherit; padding: 0 1px; border-radius: 3px; } html[data-theme="dark"] .mye-search-results a mark { background: #7a4a12; color: #fff; } .mye-search-empty, .mye-search-hint { padding: 22px 16px; color: var(--mye-muted); font-size: 14px; text-align: center; } .mye-search-empty a, .mye-search-hint a { color: var(--mye-orange-deep); font-weight: 700; } .mye-search-foot { padding: 9px 14px; border-top: 1px solid var(--mye-border); font-size: 12px; color: var(--mye-muted); display: flex; gap: 12px; flex-wrap: wrap; justify-content: space-between; } .mye-kbd { display: inline-block; padding: 1px 6px; border: 1px solid var(--mye-border); border-bottom-width: 2px; border-radius: 5px; font: 600 11px/1.6 var(--mye-font); background: var(--mye-surface-2); } /* ============================ MOBILE STICKY BAR ========================= */ .mye-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--mye-bar-z); display: none; grid-template-columns: 1fr 1fr; gap: 0; box-shadow: 0 -6px 20px rgba(0,0,0,.16); font-family: var(--mye-font); } .mye-sticky a { min-height: 54px; display: flex; align-items: center; justify-content: center; gap: 9px; text-decoration: none; font-weight: 800; font-size: 15px; letter-spacing: .2px; padding: 6px 8px; } .mye-sticky a .mye-ico svg { width: 22px; height: 22px; } .mye-sticky .mye-st-call { background: var(--mye-call); color: var(--mye-call-ink); } .mye-sticky .mye-st-call:active { background: var(--mye-orange-2); } .mye-sticky .mye-st-wa { background: var(--mye-wa); color: #fff; } .mye-sticky .mye-st-wa:active { background: var(--mye-wa-2); } .mye-sticky a:focus-visible { outline: 3px solid #fff; outline-offset: -4px; } .mye-sticky small { display: block; font-weight: 600; font-size: 11px; opacity: .95; } @media (max-width: 820px) { .mye-sticky { display: grid; } body { padding-bottom: 60px !important; } } /* ============================ FLOATING ACTIONS (desktop) ================ */ .mye-fab { position: fixed; right: 16px; bottom: 20px; z-index: var(--mye-bar-z); display: flex; flex-direction: column; gap: 10px; font-family: var(--mye-font); } .mye-fab a, .mye-backtop { width: 54px; height: 54px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; box-shadow: var(--mye-shadow); transition: transform .12s ease; } .mye-fab a .mye-ico svg, .mye-backtop svg { width: 24px; height: 24px; } .mye-fab a:hover, .mye-backtop:hover { transform: translateY(-2px); } .mye-fab a:focus-visible, .mye-backtop:focus-visible { outline: 3px solid var(--mye-navy); outline-offset: 2px; } .mye-fab .mye-fab-call { background: var(--mye-orange); color: var(--mye-navy); } .mye-fab .mye-fab-wa { background: var(--mye-wa); color: #fff; } @media (max-width: 820px) { .mye-fab { display: none; } } .mye-backtop { position: fixed; left: 16px; bottom: 20px; z-index: var(--mye-bar-z); border: 0; cursor: pointer; background: var(--mye-navy); color: #fff; opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease, transform .12s ease; } .mye-backtop svg { stroke: #fff; } .mye-backtop.mye-show { opacity: 1; visibility: visible; } @media (max-width: 820px) { .mye-backtop { bottom: 68px; left: 12px; width: 46px; height: 46px; } } /* ============================ SKIP LINK (a11y) ========================== */ .mye-skip { position: absolute; left: -9999px; top: 0; z-index: var(--mye-overlay-z); background: var(--mye-navy); color: #fff; padding: 10px 16px; border-radius: 0 0 8px 0; font: 700 14px/1 var(--mye-font); text-decoration: none; } .mye-skip:focus { left: 0; } /* ============================ FONT SIZER =============================== */ /* İçerik metnini ölçekler. Kap (.mye-readable) yerine YAPRAK metin öğelerini hedefliyoruz; çünkü şablonlar p/li üzerinde px font-size tanımlar ve kabın font-size'ını ezerdi. Yalnızca içerik alanları — menü/altbilgi hariç. */ .mye-readable { transition: font-size .12s ease; } :is(main, .content, article, section, .mye-deep, .mye-answer, .mye-faq, .mye-enrich, #icerik, .blog-content, .post-content) :is(p, li, td, th, dd, dt, summary, blockquote, .mye-faq-a, figcaption) { transition: font-size .12s ease; } /* Ölçek seviyeleri (rem = kök tabanlı, öngörülebilir). 0 = varsayılan (ezme yok). */ html.mye-fs-n2 :is(main,.content,article,section,.mye-deep,.mye-answer,.mye-faq,.mye-enrich,#icerik,.blog-content,.post-content) :is(p,li,td,th,dd,dt,summary,blockquote,.mye-faq-a,figcaption){font-size:.9rem!important;line-height:1.65!important} html.mye-fs-n1 :is(main,.content,article,section,.mye-deep,.mye-answer,.mye-faq,.mye-enrich,#icerik,.blog-content,.post-content) :is(p,li,td,th,dd,dt,summary,blockquote,.mye-faq-a,figcaption){font-size:1rem!important;line-height:1.68!important} html.mye-fs-1 :is(main,.content,article,section,.mye-deep,.mye-answer,.mye-faq,.mye-enrich,#icerik,.blog-content,.post-content) :is(p,li,td,th,dd,dt,summary,blockquote,.mye-faq-a,figcaption){font-size:1.22rem!important;line-height:1.75!important} html.mye-fs-2 :is(main,.content,article,section,.mye-deep,.mye-answer,.mye-faq,.mye-enrich,#icerik,.blog-content,.post-content) :is(p,li,td,th,dd,dt,summary,blockquote,.mye-faq-a,figcaption){font-size:1.4rem!important;line-height:1.8!important} html.mye-fs-3 :is(main,.content,article,section,.mye-deep,.mye-answer,.mye-faq,.mye-enrich,#icerik,.blog-content,.post-content) :is(p,li,td,th,dd,dt,summary,blockquote,.mye-faq-a,figcaption){font-size:1.62rem!important;line-height:1.85!important} /* Başlıkları da orantılı büyüt/küçült (yalnız içerik başlıkları) */ html.mye-fs-1 :is(.content,.mye-deep,article,.post-content) :is(h2,h3,h4){font-size:1.55rem!important} html.mye-fs-2 :is(.content,.mye-deep,article,.post-content) :is(h2,h3,h4){font-size:1.8rem!important} html.mye-fs-3 :is(.content,.mye-deep,article,.post-content) :is(h2,h3,h4){font-size:2.05rem!important} /* Aktif seviye göstergesi (A- A A+ butonları) */ .mye-fontgroup #myeFontReset { font-weight: 800; } /* ============================ CROSS-LINK / RELATED BOX ================== */ .mye-related { margin: 26px auto; max-width: 1000px; padding: 16px 18px 16px 52px; position: relative; background: var(--mye-surface-2); border: 1px solid var(--mye-border); border-left: 4px solid var(--mye-orange); border-radius: 12px; font-family: var(--mye-font); color: var(--mye-ink); font-size: 15px; line-height: 1.6; } .mye-related::before { content: ""; position: absolute; left: 16px; top: 16px; width: 22px; height: 22px; background: no-repeat center/contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2410c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18v3h3l6.3-6.3a4 4 0 0 0 5.4-5.4l-2.6 2.6-2-2 2.6-2.6z'/%3E%3C/svg%3E"); } html[data-theme="dark"] .mye-related { background: #12161c; border-color: #242a34; } .mye-related a { color: var(--mye-orange-deep); font-weight: 700; } html[data-theme="dark"] .mye-related a { color: #ff9a4d; } /* ============================ LEGAL DISCLAIMER (Baymak/Vestel/ECA) ====== */ .mye-legal { margin: 20px auto; max-width: 1000px; padding: 16px 18px 16px 52px; position: relative; border: 3px solid #111; border-radius: 10px; background: #fff8f1; color: #1a1a1a; font: 500 14.5px/1.6 var(--mye-font); } .mye-legal::before { content: ""; position: absolute; left: 16px; top: 16px; width: 24px; height: 24px; background: no-repeat center/contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E"); } .mye-legal strong { display: block; margin-bottom: 6px; } html[data-theme="dark"] .mye-legal { background: #241a12; color: #f0e5da; border-color: #f0e5da; } html[data-theme="dark"] .mye-legal::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0e5da' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E"); } /* ==================== FOOTER-ONLY LEGAL NOTE (site geneli) ============== */ /* Metin rengini footer'dan miras alır (koyu footer'da açık, açık footer'da koyu), hafifçe soluk; bağlantı her zaman turuncu ve okunur. Tüm footer türlerinde çalışır. */ .mye-foot-legal { margin: 22px auto 0; max-width: 1140px; padding: 15px 2px 2px; border-top: 1px solid rgba(150,150,150,.30); font: 400 12.5px/1.7 var(--mye-font); color: inherit; opacity: .8; } .mye-foot-legal strong { font-weight: 700; opacity: .95; } .mye-foot-legal a { color: var(--mye-orange) !important; font-weight: 700 !important; text-decoration: none !important; white-space: nowrap; opacity: 1; } .mye-foot-legal a:hover { text-decoration: underline !important; } /* ============================ SEO ANSWER & FAQ BLOCKS =================== */ /* Featured-snippet hedefli özet kutusu (sayfa başına, H1 sonrası) */ .mye-answer { margin: 18px auto; max-width: 1000px; padding: 18px 20px; background: var(--mye-surface); border: 1px solid var(--mye-border); border-left: 5px solid var(--mye-orange); border-radius: 12px; font-family: var(--mye-font); font-size: 16px; line-height: 1.65; color: var(--mye-ink); box-shadow: var(--mye-shadow); } .mye-answer b, .mye-answer strong { color: var(--mye-navy); } html[data-theme="dark"] .mye-answer { background: #171b21; border-color: #242a34; } html[data-theme="dark"] .mye-answer b, html[data-theme="dark"] .mye-answer strong { color: #cfe0ff; } /* SSS (FAQ) akordeonu */ .mye-faq { margin: 22px auto; max-width: 1000px; font-family: var(--mye-font); } .mye-faq details { background: var(--mye-surface); border: 1px solid var(--mye-border); border-radius: 12px; margin-bottom: 10px; overflow: hidden; } .mye-faq summary { cursor: pointer; padding: 14px 18px; font-weight: 700; font-size: 15.5px; list-style: none; color: var(--mye-ink); } .mye-faq summary::-webkit-details-marker { display: none; } .mye-faq .mye-faq-a { padding: 0 18px 14px; color: var(--mye-muted); font-size: 15px; line-height: 1.6; } html[data-theme="dark"] .mye-faq details { background: #171b21; border-color: #242a34; } /* İlçe / iç bağlantı çipleri (hub sayfaları) */ .mye-ilce-grid { display: flex; flex-wrap: wrap; gap: 9px; margin: 14px 0; font-family: var(--mye-font); } .mye-ilce-grid a { display: inline-block; background: var(--mye-surface); border: 1px solid var(--mye-border); border-radius: 999px; padding: 8px 14px; font-weight: 600; font-size: 14px; color: var(--mye-navy); text-decoration: none; } .mye-ilce-grid a:hover { border-color: var(--mye-orange); color: var(--mye-orange-deep); } html[data-theme="dark"] .mye-ilce-grid a { background: #171b21; border-color: #242a34; color: #dfe3ea; } /* ============================ ENRICHED CONTENT BLOCK =================== */ .mye-enrich, .mye-deep { max-width: 1000px; margin: 26px auto; padding: 0 16px; font-family: var(--mye-font); color: var(--mye-ink); } .mye-enrich h2, .mye-deep h2 { font-size: clamp(20px,2.6vw,26px); color: var(--mye-navy); margin: 26px 0 12px; font-weight: 800; } html[data-theme="dark"] .mye-enrich h2, html[data-theme="dark"] .mye-deep h2 { color: #cfe0ff; } .mye-enrich h3, .mye-deep h3 { font-size: 18px; color: var(--mye-navy); margin: 18px 0 8px; } html[data-theme="dark"] .mye-enrich h3, html[data-theme="dark"] .mye-deep h3 { color: #dfe7f2; } .mye-enrich p, .mye-deep p, .mye-enrich li, .mye-deep li { font-size: 15.5px; line-height: 1.7; color: var(--mye-ink); } html[data-theme="dark"] .mye-enrich p, html[data-theme="dark"] .mye-deep p, html[data-theme="dark"] .mye-enrich li, html[data-theme="dark"] .mye-deep li { color: #cdd3dc; } .mye-enrich ul, .mye-deep ul { padding-left: 20px; } .mye-enrich li, .mye-deep li { margin-bottom: 6px; } .mye-tblwrap { overflow-x: auto; margin: 12px 0 18px; -webkit-overflow-scrolling: touch; } .mye-enrich table, .mye-deep table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 14.5px; } .mye-enrich th, .mye-deep th, .mye-enrich td, .mye-deep td { border: 1px solid var(--mye-border); padding: 9px 12px; text-align: left; vertical-align: top; } .mye-enrich thead th, .mye-deep thead th { background: var(--mye-navy); color: #fff; font-weight: 700; } .mye-enrich tbody tr:nth-child(even), .mye-deep tbody tr:nth-child(even) { background: var(--mye-surface-2); } .mye-enrich tbody td:first-child, .mye-deep tbody td:first-child { font-weight: 600; color: var(--mye-navy); } html[data-theme="dark"] .mye-enrich tbody td:first-child, html[data-theme="dark"] .mye-deep tbody td:first-child { color: #dfe7f2; } .mye-steps { list-style: none; padding: 0; counter-reset: s; } .mye-steps li { position: relative; padding: 8px 0 8px 42px; margin-bottom: 4px; } .mye-steps li::before { counter-increment: s; content: counter(s); position: absolute; left: 0; top: 6px; width: 28px; height: 28px; background: var(--mye-orange); color: var(--mye-navy); border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 14px; } .mye-enrich .mye-note, .mye-deep .mye-note { background: var(--mye-surface-2); border-left: 4px solid var(--mye-orange); border-radius: 10px; padding: 14px 16px; margin: 16px 0; font-size: 15px; } html[data-theme="dark"] .mye-enrich .mye-note, html[data-theme="dark"] .mye-deep .mye-note { background: #12161c; } @media (prefers-reduced-motion: reduce) { .mye-dock button, .mye-fab a, .mye-backtop, .mye-readable { transition: none; } } /* ============================================================================ DESIGN BRIDGE — eski şablonları (district w3l + root-card) yeni turuncu/lacivert tasarıma taşır. mayor-enhance.css eski CSS'lerden SONRA yüklendiği için eşit özgüllükte kazanır. YENİ sayfalar bu eski sınıfları kullanmaz → etkilenmez. ============================================================================ */ /* root-card şablonu (acibadem tipi): maroon --accent -> turuncu */ :root { --accent: #d24f06; } html[data-theme="dark"] { --accent: #ff8a4d; } /* ---- DISTRICT header: siyah navbar -> lacivert gradyan ---- */ header.navbar, .navbar { background: linear-gradient(135deg, var(--mye-navy) 0%, var(--mye-navy-2) 100%) !important; color: #fff !important; padding: 10px 0 !important; } header.navbar .container, .navbar .container { background: transparent !important; box-shadow: none !important; margin: 0 auto !important; padding: 6px 18px !important; } header.navbar .navbar-brand, .navbar .navbar-brand { color: #fff !important; font-weight: 800 !important; font-size: 18px !important; padding: 6px 2px !important; margin: 0 !important; } header.navbar nav ul li a, .navbar nav a, header.navbar nav a { color: #dfe7f2 !important; font-weight: 600 !important; padding: 8px 12px !important; margin: 0 !important; font-size: 15px !important; border-radius: 8px; } header.navbar nav ul li a:hover, .navbar nav a:hover { color: #ffb163 !important; text-decoration: none !important; } .navbar-toggle { color: #fff !important; } /* ---- İçerik: başlıklar lacivert, linkler turuncu, dev padding sıfırlandı ---- */ .content h1 { color: var(--mye-navy) !important; font-size: clamp(26px,4vw,38px) !important; font-weight: 800 !important; line-height: 1.15 !important; } .content h2 { color: var(--mye-navy) !important; font-size: clamp(21px,2.8vw,28px) !important; font-weight: 800 !important; } .content h3 { color: var(--mye-navy) !important; font-size: 20px !important; } html[data-theme="dark"] .content h1, html[data-theme="dark"] .content h2 { color: #cfe0ff !important; } html[data-theme="dark"] .content h3 { color: #dfe7f2 !important; } .content p a, .content li a, .content section a { color: var(--mye-orange-deep) !important; padding: 0 !important; margin: 0 !important; font-weight: 600 !important; font-size: inherit !important; } .content p a:hover, .content li a:hover { text-decoration: underline !important; } /* İçerik kartı (.container) — açık: beyaz kart, koyu: koyu kart */ .content .container, main > .container, .content > .container { background: #fff; border-radius: 14px; box-shadow: var(--mye-shadow); max-width: 1100px; margin: 18px auto !important; display: block !important; } html[data-theme="dark"] .content .container, html[data-theme="dark"] main > .container { background: #171b21 !important; } /* Sayfa içi hızlı erişim menüsü -> çip görünümü */ nav[aria-label="Hızlı Erişim Menüsü"] ul { display: flex !important; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0 !important; } nav[aria-label="Hızlı Erişim Menüsü"] ul li { margin: 0 !important; } nav[aria-label="Hızlı Erişim Menüsü"] ul li a { display: inline-block; background: var(--mye-surface-2); border: 1px solid var(--mye-border); border-radius: 999px; padding: 8px 14px !important; margin: 0 !important; font-size: 14px !important; color: var(--mye-navy) !important; font-weight: 600 !important; } nav[aria-label="Hızlı Erişim Menüsü"] ul li a:hover { border-color: var(--mye-orange); color: var(--mye-orange-deep) !important; } /* Breadcrumb */ .breadcrumb-container { background: var(--mye-surface-2); border-radius: 10px; padding: 10px 14px !important; margin: 14px 0 !important; font-size: 14px !important; } html[data-theme="dark"] .breadcrumb-container { background: #12161c; } .breadcrumb-container a { color: var(--mye-muted) !important; padding: 0 6px !important; margin: 0 !important; font-weight: 600 !important; font-size: 14px !important; } .breadcrumb-container a:hover { color: var(--mye-orange-deep) !important; } .breadcrumb-container span { color: var(--mye-navy) !important; } html[data-theme="dark"] .breadcrumb-container span { color: #cfe0ff !important; } /* Eski sabit CTA'ları ve mükerrer UI'ı gizle (enhancement katmanı yenilerini sağlıyor) */ .call-button, #callButton, .fixed-side-menu { display: none !important; } /* Eski "Görünüm Ayarları" paneli + butonu -> dock zaten tema/yazı boyutu sunuyor */ #settingsPanel, #settingsBtn, .settings-panel, .settings-toggle { display: none !important; } /* Görsel */ .responsive-image, .content > img, .content img.responsive-image { border-radius: 12px; box-shadow: var(--mye-shadow); } /* Footer (w3l) -> lacivert */ footer.w3l-footer-66, footer.w3l-footer-66 .footer-inner-main, footer.w3l-footer-66 .footer-hny-grids { background: var(--mye-navy) !important; color: #c9d4e5 !important; } footer.w3l-footer-66 h3, footer.w3l-footer-66 h4 { color: #fff !important; } footer.w3l-footer-66 a, footer.w3l-footer-66 .sub-contact-info a, footer.w3l-footer-66 ul li a { color: #c9d4e5 !important; } footer.w3l-footer-66 a:hover { color: #ffb163 !important; } footer.w3l-footer-66 p, footer.w3l-footer-66 li, footer.w3l-footer-66 span, footer.w3l-footer-66 .sub-contact-info p { color: #c9d4e5 !important; } /* Footer yasal-not bağlantısı her footer türünde turuncu kalsın (bridge kurallarını ez) */ footer .mye-foot-legal a, footer.w3l-footer-66 .mye-foot-legal a, footer.site .mye-foot-legal a, footer.container .mye-foot-legal a, footer.site-footer .mye-foot-legal a { color: var(--mye-orange) !important; } footer .mye-foot-legal a:hover, footer.w3l-footer-66 .mye-foot-legal a:hover { color: #ffb163 !important; text-decoration: underline !important; } /* Eski maroon buton -> turuncu (kalırsa) */ .call-btn, .btn-primary, button.ara, .cta-call { background: var(--mye-orange) !important; color: var(--mye-navy) !important; } /* ============================================================================ BLOG RESKIN — eski düz şablonlu makaleler (body.mye-blog): lacivert navbar, hero başlık, turuncu vurgular, lacivert footer. 99 makaleyi tek seferde uyumlar. ============================================================================ */ .mye-blognav{position:sticky;top:0;z-index:9990;display:flex;align-items:center;gap:14px; padding:9px 18px;background:linear-gradient(90deg,var(--mye-navy),var(--mye-navy-2)); box-shadow:0 2px 12px rgba(0,0,0,.20);font-family:var(--mye-font)} .mye-blognav .mbn-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex:none} .mye-blognav .mbn-brand img{width:38px;height:38px;border-radius:50%;filter:drop-shadow(0 3px 8px rgba(244,100,10,.35))} .mye-blognav .mbn-brand b{font:800 18px/1 var(--mye-font);letter-spacing:.5px;color:#fff} .mye-blognav .mbn-brand b span{display:block;font-weight:700;font-size:9.5px;letter-spacing:2.5px;color:var(--mye-orange);margin-top:3px} .mye-blognav .mbn-links{margin-left:auto;display:flex;gap:2px;flex-wrap:wrap} .mye-blognav .mbn-links a{color:rgba(255,255,255,.85);text-decoration:none;font:600 14.5px/1 var(--mye-font);padding:8px 11px;border-radius:8px;transition:background .15s,color .15s} .mye-blognav .mbn-links a:hover{background:rgba(255,255,255,.12);color:#fff} .mye-blognav .mbn-cta{flex:none;background:var(--mye-orange);color:var(--mye-navy);font:800 14.5px/1 var(--mye-font);padding:10px 15px;border-radius:10px;text-decoration:none;white-space:nowrap} .mye-blognav .mbn-cta:hover{background:var(--mye-orange-2)} @media(max-width:860px){.mye-blognav .mbn-links{display:none}.mye-blognav{gap:10px;padding:8px 12px}.mye-blognav .mbn-brand b{font-size:16px}} /* Makale hero başlığı (mevcut
) */ .mye-blog header{background:var(--mye-surface);color:var(--mye-ink);border-bottom:1px solid var(--mye-border);padding:0} .mye-blog header .container{max-width:920px;margin:0 auto;padding:28px 18px 22px} .mye-blog header h1{color:var(--mye-navy);font:800 clamp(23px,4vw,35px)/1.22 var(--mye-font);margin:0} .mye-blog header h1::after{content:"";display:block;width:66px;height:4px;background:var(--mye-orange);border-radius:2px;margin-top:15px} .mye-blog header .mye-answer{margin-top:16px} .mye-blog .site-navigation{margin-top:16px} .mye-blog .site-navigation ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0} .mye-blog .site-navigation li{margin:0} .mye-blog .site-navigation a{display:inline-block;background:var(--mye-surface-2);color:var(--mye-navy);border:1px solid var(--mye-border);padding:7px 13px;border-radius:999px;font:600 13px/1 var(--mye-font);text-decoration:none} .mye-blog .site-navigation a:hover{background:var(--mye-orange);color:var(--mye-navy);border-color:var(--mye-orange)} /* İçerik tipografisi */ .mye-blog main{background:#fff} html[data-theme="dark"] .mye-blog main{background:#0f1216} .mye-blog main .container,.mye-blog .content{max-width:920px;margin:0 auto} .mye-blog .content h2{color:var(--mye-navy);font:800 clamp(20px,3vw,27px)/1.28 var(--mye-font);margin:34px 0 12px} .mye-blog .content h3{color:var(--mye-navy);font:700 19px/1.35 var(--mye-font);margin:22px 0 8px} .mye-blog .content p,.mye-blog .content li{color:var(--mye-ink);line-height:1.8} .mye-blog .content a{color:var(--mye-orange-deep);font-weight:600;text-decoration:none} .mye-blog .content a:hover{text-decoration:underline} .mye-blog .breadcrumb{font-size:13px;color:var(--mye-muted);padding:14px 0 4px} .mye-blog .breadcrumb a{color:var(--mye-orange-deep);text-decoration:none;font-weight:600} .mye-blog .breadcrumb a:hover{text-decoration:underline} /* Marka seçim formu / select */ .mye-blog label{display:block;font-weight:700;color:var(--mye-navy);margin-bottom:8px} .mye-blog select{padding:12px 14px;border:2px solid var(--mye-border);border-radius:11px;font-size:15px;width:100%;max-width:100%;background:var(--mye-surface);color:var(--mye-ink);font-family:var(--mye-font)} .mye-blog select:focus{border-color:var(--mye-orange);outline:none} /* Tablolar */ .mye-blog table{border-collapse:collapse;width:100%;margin:14px 0;font-size:14.5px} .mye-blog th{background:var(--mye-navy);color:#fff;padding:11px 12px;text-align:left} .mye-blog td{border:1px solid var(--mye-border);padding:10px 12px} .mye-blog tr:nth-child(even) td{background:var(--mye-surface-2)} /* Footer -> lacivert */ .mye-blog footer{background:var(--mye-navy);color:#c9d4e5;padding:30px 18px;text-align:left} .mye-blog footer .container{max-width:1100px;margin:0 auto} .mye-blog footer a{color:#c9d4e5;text-decoration:none} .mye-blog footer a:hover{color:#fff} .mye-blog footer h2,.mye-blog footer h3,.mye-blog footer h4{color:#fff} /* Eski sabit yazı-boyutu widget'ı dock ile çakışıyor -> gizle */ .mye-blog .buy-kuc{display:none!important} /* Karanlık mod */ html[data-theme="dark"] .mye-blog header{background:#131720;border-color:#242a34} html[data-theme="dark"] .mye-blog header h1, html[data-theme="dark"] .mye-blog .content h2, html[data-theme="dark"] .mye-blog .content h3{color:#fff} html[data-theme="dark"] .mye-blog .content p, html[data-theme="dark"] .mye-blog .content li{color:#e7eaef} html[data-theme="dark"] .mye-blog select{background:#1a1f28;color:#e7eaef;border-color:#2c333d} html[data-theme="dark"] .mye-blog .site-navigation a{background:#1a1f28;color:#e7eaef;border-color:#2c333d} /* ===================== INTERNAL LINK MESH (.mye-ilinks) ==================== */ /* İç linkleme motoru tarafından enjekte edilir: bağlamsal + çeşitli anchor'lı servis/blog linkleri. Derin sayfalara otorite akışı + tarama keşfi + dönüşüm. */ .mye-ilinks{max-width:1120px;margin:28px auto;padding:20px 22px;background:var(--mye-surface-2); border:1px solid var(--mye-border);border-radius:16px;font-family:var(--mye-font)} .mye-ilinks h2{margin:0 0 14px;font:800 clamp(17px,2.4vw,21px)/1.3 var(--mye-font);color:var(--mye-navy)} .mye-ilinks ul{list-style:none;margin:0;padding:0;display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 20px} .mye-ilinks li{margin:0;min-width:0} .mye-ilinks a{display:flex;align-items:baseline;gap:8px;color:var(--mye-orange-deep);font-weight:600; font-size:14.5px;line-height:1.45;text-decoration:none;padding:4px 0;overflow-wrap:anywhere} .mye-ilinks a::before{content:"\203A";color:var(--mye-orange);font-weight:800;flex:none} .mye-ilinks a:hover{text-decoration:underline} html[data-theme="dark"] .mye-ilinks{background:#171b21;border-color:#2a303a} html[data-theme="dark"] .mye-ilinks h2{color:#fff} .mye-blog .mye-ilinks{max-width:920px} /* ==================== UNIVERSAL HEADER (.mye-uhead) ======================== Anasayfa header.site'in birebir kopyası: beyaz bar + logo + lacivert menü + turuncu "Hemen Ara". Her sayfaya enjekte edilir; eski şablon başlıkları gizlenir. Tüm site tek tip başlık => %100 tasarım birliği + yüksek kontrast (navy/white). */ .mye-uhead{position:sticky;top:0;z-index:9995;background:var(--mye-surface); border-bottom:1px solid var(--mye-border);font-family:var(--mye-font)} .mye-uhead-in{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:9px 18px} .mye-uhead-brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none} .mye-uhead-brand img{width:42px;height:42px;border-radius:50%;filter:drop-shadow(0 3px 8px rgba(244,100,10,.30))} .mye-uhead-name{font:800 20px/1 var(--mye-font);color:var(--mye-navy);letter-spacing:.5px} .mye-uhead-name small{display:block;font:700 10px/1 var(--mye-font);letter-spacing:2.4px;color:var(--mye-orange-deep);margin-top:3px} html[data-theme="dark"] .mye-uhead{background:#131720;border-color:#242a34} html[data-theme="dark"] .mye-uhead-name{color:#fff} .mye-uhead-nav{margin-left:auto;display:flex;align-items:center;gap:2px} .mye-uhead-nav a{color:var(--mye-navy);font:600 15px/1 var(--mye-font);text-decoration:none;padding:9px 12px;border-radius:9px;white-space:nowrap} html[data-theme="dark"] .mye-uhead-nav a{color:#dfe3ea} .mye-uhead-nav a:hover{background:var(--mye-surface-2);color:var(--mye-orange-deep)} .mye-uhead-nav .mye-uhead-cta{background:var(--mye-orange);color:var(--mye-navy);font-weight:800} .mye-uhead-nav .mye-uhead-cta:hover{background:var(--mye-orange-2);color:var(--mye-navy)} .mye-uhead-toggle{display:none;margin-left:auto;background:transparent;border:0;cursor:pointer;color:var(--mye-navy);padding:6px} .mye-uhead-toggle svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round} html[data-theme="dark"] .mye-uhead-toggle{color:#fff} @media(max-width:900px){ .mye-uhead-toggle{display:inline-flex} .mye-uhead-nav{position:absolute;top:100%;left:0;right:0;background:var(--mye-surface);flex-direction:column; align-items:stretch;padding:8px 10px;border-bottom:1px solid var(--mye-border);box-shadow:var(--mye-shadow);display:none} html[data-theme="dark"] .mye-uhead-nav{background:#131720} .mye-uhead.mye-open .mye-uhead-nav{display:flex} .mye-uhead-nav a{padding:12px 14px} .mye-uhead-nav .mye-uhead-cta{text-align:center;margin-top:4px} } /* Eski şablon başlıklarını gizle / hero'ya indir (sadece universal header'lı sayfalarda) */ .mye-uhead-on header.navbar, .mye-uhead-on .navbar{display:none!important} /* w3l/ilçe/kurumsal: eski nav (header.navbar VE div.navbar) mye-uhead ile değişti */ /* Bodrum/Muğla + yasal-uyari: anasayfa kabuğundan klonlanan header.site + üst iletişim çubuğu (topbar) mye-uhead ile ÇİFT başlık oluşturuyordu → gizle. anasayfa/index'te mye-uhead-on YOK, onların header.site + topbar'ı görünür kalır. */ .mye-uhead-on header.site, .mye-uhead-on body>.topbar, .mye-uhead-on .topbar{display:none!important} /* starter-template sabit üst başlık (134 sayfa):