/* css/dtk-faq.css */ /* SSS GÖRÜNÜMÜ — tek bileşen (App\Services\FaqView, 8.87). Sekmeli iki sütun; iki sütun yalnız kutu ≥720 px ise (konteyner sorgusu). Renk sitenin vurgu renginden; seçili sekme açık zemin + vurgu çerçevesi (yazı koyu → vurgu rengi ne olursa olsun okunur). Tema kurallarını ezmemek/ezilmemek için her kural .dtk-faqv kapsamında; eski tema SSS sınıfları (dtk-vt-q, dh2-faq, block-faq-item…) artık basılmıyor. */ .dtk-faqv { --faqv-accent: var(--bronze, var(--primary, #1f6b4f)); --faqv-ink: #1b1f1d; --faqv-muted: #474e4a; --faqv-line: #e1e4e1; --faqv-soft: #f5f6f4; container-type: inline-size; margin: 0; padding: 0; text-align: left; } .dtk-faqv [hidden] { display: none !important; } .dtk-faqv .dtk-faqv__tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; padding: 0 0 16px; border-bottom: 1px solid var(--faqv-line); } .dtk-faqv .dtk-faqv__tab { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: 0; padding: 0 18px; border: 1px solid var(--faqv-line); border-radius: 999px; background: var(--faqv-soft); color: var(--faqv-ink); font: inherit; font-size: 15px; font-weight: 600; line-height: 1.2; cursor: pointer; text-transform: none; letter-spacing: normal; box-shadow: none; transition: border-color .2s ease, background-color .2s ease; } .dtk-faqv .dtk-faqv__tab:hover { border-color: color-mix(in srgb, var(--faqv-accent) 45%, var(--faqv-line)); } .dtk-faqv .dtk-faqv__tab[aria-pressed="true"] { background: color-mix(in srgb, var(--faqv-accent) 12%, #fff); border-color: var(--faqv-accent); } .dtk-faqv .dtk-faqv__n { font-weight: 500; color: #5b625e; } .dtk-faqv .dtk-faqv__tab:focus-visible, .dtk-faqv .dtk-faqv__q > summary:focus-visible { outline: 2px solid var(--faqv-accent); outline-offset: 2px; } .dtk-faqv .dtk-faqv__cols { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px 24px; align-items: start; margin: 0; padding: 0; } @container (min-width: 720px) { .dtk-faqv .dtk-faqv__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .dtk-faqv .dtk-faqv__col { display: flex; flex-direction: column; gap: 10px; min-width: 0; margin: 0; padding: 0; } .dtk-faqv .dtk-faqv__q { margin: 0; padding: 0; border: 1px solid var(--faqv-line); border-radius: 10px; background: #fff; box-shadow: none; transition: border-color .2s ease, box-shadow .2s ease; } .dtk-faqv .dtk-faqv__q:hover { border-color: color-mix(in srgb, var(--faqv-accent) 35%, var(--faqv-line)); } .dtk-faqv .dtk-faqv__q[open] { border-color: color-mix(in srgb, var(--faqv-accent) 40%, var(--faqv-line)); box-shadow: 0 8px 20px -14px rgba(0, 0, 0, .35); } .dtk-faqv .dtk-faqv__q > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; margin: 0; padding: 14px 18px; list-style: none; cursor: pointer; background: none; border: 0; border-radius: 10px; font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--faqv-ink); } .dtk-faqv .dtk-faqv__q > summary::-webkit-details-marker { display: none; } .dtk-faqv .dtk-faqv__q > summary::marker { content: ""; } .dtk-faqv .dtk-faqv__q > summary::before, .dtk-faqv .dtk-faqv__q > summary::after { content: none; } .dtk-faqv .dtk-faqv__qt { min-width: 0; } .dtk-faqv .dtk-faqv__ic { flex: none; width: 9px; height: 9px; margin: -4px 4px 0 0; border-right: 2px solid #5b625e; border-bottom: 2px solid #5b625e; transform: rotate(45deg); transition: transform .2s ease; } .dtk-faqv .dtk-faqv__q[open] .dtk-faqv__ic { transform: rotate(225deg); margin-top: 4px; } .dtk-faqv .dtk-faqv__a { margin: 0; padding: 0 18px 18px; font-size: 15px; line-height: 1.65; color: var(--faqv-muted); overflow-wrap: anywhere; } @media (max-width: 640px) { .dtk-faqv .dtk-faqv__tab { padding: 0 14px; font-size: 14px; } .dtk-faqv .dtk-faqv__q > summary { padding: 12px 14px; font-size: 15px; } .dtk-faqv .dtk-faqv__a { padding: 0 14px 16px; } } @media (prefers-reduced-motion: reduce) { .dtk-faqv .dtk-faqv__tab, .dtk-faqv .dtk-faqv__q, .dtk-faqv .dtk-faqv__ic { transition: none; } } /* css/dtk-doc-request.css */ /* Belge talebi penceresi (8.51, App\Services\Business\DocRequest). Renkler temadan (--ink / --surface / --bronze), yedekleri nötr. Masaüstü: ortada kart; ≤575 px: alttan açılan sayfa. Hareket yalnız açılışta, prefers-reduced-motion'da yok. */ .dtk-dr{--dr-ink:var(--ink,#14161a);--dr-bg:var(--surface,#fff);--dr-acc:var(--bronze,#a8693a); --dr-line:color-mix(in srgb,var(--dr-ink) 13%,transparent);--dr-soft:color-mix(in srgb,var(--dr-ink) 64%,transparent); --dr-tint:color-mix(in srgb,var(--dr-acc) 10%,var(--dr-bg)); width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:22px; background:var(--dr-bg);color:var(--dr-ink);box-shadow:0 30px 80px -24px rgba(10,12,16,.45),0 0 0 1px var(--dr-line); overflow:auto;overscroll-behavior:contain;font:inherit;line-height:1.5} .dtk-dr::backdrop{background:rgba(12,14,18,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)} .dtk-dr[open]{animation:dtkDrIn .32s cubic-bezier(.2,.8,.2,1)} @keyframes dtkDrIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}} .dtk-dr__form{margin:0;padding:0 0 22px} .dtk-dr__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden} /* Başlık: belgenin "künye fişi" — solda mühür, sağda kapat */ .dtk-dr__head{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;padding:22px 22px 18px; background:linear-gradient(135deg,var(--dr-tint),var(--dr-bg) 70%);border-bottom:1px dashed var(--dr-line)} .dtk-dr__head::after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:3px;border-radius:3px; background:linear-gradient(90deg,var(--dr-acc),transparent);opacity:.55} .dtk-dr__seal{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--dr-ink);color:var(--dr-bg);font-size:22px; box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--dr-bg) 18%,transparent)} .dtk-dr__eyebrow{margin:0 0 2px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dr-acc)} .dtk-dr__title{margin:0;font-size:clamp(17px,2.4vw,20px);line-height:1.3;font-weight:700;color:inherit;overflow-wrap:anywhere} .dtk-dr__meta{margin:4px 0 0;font-size:13px;color:var(--dr-soft)} .dtk-dr__meta b{font-weight:600;color:var(--dr-ink)} .dtk-dr__close{display:grid;place-items:center;width:40px;height:40px;margin:-6px -6px 0 0;border:0;border-radius:12px;background:transparent;color:inherit;font-size:18px;cursor:pointer} .dtk-dr__close:hover{background:var(--dr-line)} .dtk-dr__lead{margin:16px 22px 14px;font-size:15px;color:var(--dr-soft)} .dtk-dr__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 22px} .dtk-dr__field{display:flex;flex-direction:column;gap:5px;margin:0;font-size:13px;font-weight:600} .dtk-dr__field b{color:var(--dr-acc);font-weight:700} .dtk-dr__field--full{grid-column:1/-1} .dtk-dr__field input,.dtk-dr__field textarea{font:inherit;font-size:15px;font-weight:400;width:100%;min-height:46px;padding:11px 14px;border-radius:12px; border:1px solid var(--dr-line);background:var(--dr-bg);color:inherit;box-sizing:border-box;transition:border-color .15s,box-shadow .15s} .dtk-dr__field textarea{min-height:88px;resize:vertical} .dtk-dr__field input:focus,.dtk-dr__field textarea:focus{outline:0;border-color:var(--dr-acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--dr-acc) 18%,transparent)} .dtk-dr__field.is-invalid input,.dtk-dr__field.is-invalid textarea{border-color:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,.14)} .dtk-dr__foot{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between;padding:18px 22px 0} .dtk-dr__note{margin:0;flex:1 1 220px;font-size:12.5px;color:var(--dr-soft)} .dtk-dr__submit{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:0;border-radius:999px; background:var(--dr-ink);color:var(--dr-bg);font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s} .dtk-dr__submit:hover{transform:translateY(-1px);box-shadow:0 10px 24px -10px var(--dr-ink)} .dtk-dr__submit[disabled]{opacity:.65;cursor:progress;transform:none} .dtk-dr__submit:focus-visible,.dtk-dr__close:focus-visible{outline:2px solid var(--dr-acc);outline-offset:2px} .dtk-dr__msg{margin:14px 22px 0;padding:12px 14px;border-radius:12px;font-size:14px} .dtk-dr__msg.is-ok{background:#e8f5e9;color:#1b5e20;border:1px solid #a5d6a7} .dtk-dr__msg.is-err{background:#fdecea;color:#611a15;border:1px solid #f5c6c2} .dtk-dr.is-sent .dtk-dr__grid,.dtk-dr.is-sent .dtk-dr__lead,.dtk-dr.is-sent .dtk-dr__foot{display:none} @media (max-width:575px){ .dtk-dr{width:100vw;max-width:100vw;max-height:92dvh;margin:auto 0 0;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)} .dtk-dr[open]{animation-name:dtkDrUp} @keyframes dtkDrUp{from{transform:translateY(100%)}to{transform:none}} .dtk-dr__grid{grid-template-columns:1fr} .dtk-dr__submit{flex:1 1 100%} } @media (prefers-reduced-motion:reduce){.dtk-dr[open]{animation:none}.dtk-dr__submit,.dtk-dr__field input,.dtk-dr__field textarea{transition:none}.dtk-dr__submit:hover{transform:none}} /* css/site-search.css */ /* Header arama paneli — Faz F (2026-10-22). DESIGN.md jetonları; renk temadan (--bronze vurgu, --ink metin). Masaüstü: üstten inen tam genişlik panel; mobil (<640): tam ekran. Hareket 200–260 ms, reduced-motion'da yok. */ .dtk-header-search { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; color: inherit; text-decoration: none; transition: background .16s, color .16s; margin-left: 4px; /* 8.90: