), etiket + ok aynı hizada olacak şekilde tek satır flex.
flex-wrap: wrap kullanılmıyor; uzun etiketler (örn. "Klinik
Hizmetlerimiz") ok butonunu alt satıra düşürüp yanlış yere
yerleştiriyordu (kullanıcı bulgusu 2026-09-14). */
.navigation-1 .nav-item.dropdown {
display: flex !important;
flex-wrap: nowrap;
align-items: center;
}
.navigation-1 .nav-item.dropdown > .nav-link,
.navigation-1 .nav-item.dropdown > .dropdown-item {
flex: 1 1 auto;
min-width: 0;
display: flex;
align-items: center;
min-height: 52px;
padding: 0.9rem 0.85rem;
font-size: 1.0625rem;
font-weight: var(--adagen-font-weight-medium, 500);
}
/* Uzun etiketler (örn. "Tıbbi Genetik, Üreme Sağlığı ve Prenatal Tanı")
kesilip "..." ile kırpılmak yerine 2. satıra sarsın (kullanıcı isteği
2026-09-14). ÖNEMLİ: seçici ".nav-item.dropdown >" şartına bağlı
OLMAMALI; "dropdown" sınıfı yalnızca çocuğu olan öğelere eklenir, alt
kategorisi olmayan yaprak sayfalarda (örn. bu örnekteki gibi) li'de bu
sınıf hiç yok, önceki kural bu yüzden onlarda devreye girmiyordu. */
.navigation-1 .nav-item > .nav-link > span[data-v-menu-item-name],
.navigation-1 .dropdown-menu .dropdown-item span[data-v-menu-item-name] {
white-space: normal;
word-break: break-word;
}
.navigation-1 .nav-item.dropdown > .adagen-submenu-toggle {
flex: 0 0 auto;
}
/* Alt seviyenin geri + başlık satırı, panelin kendi üst barı */
.adagen-submenu-head {
display: flex;
align-items: center;
gap: var(--adagen-space-3);
padding-bottom: var(--adagen-space-4);
/* Liste, ayırıcı çizgiye yapışık kalmasın diye alta ekstra boşluk
bırakılır (kullanıcı bulgusu 2026-09-14: "biraz aşağı çekilebilir
yer var"). */
margin-bottom: var(--adagen-space-6, 2rem);
border-bottom: 1px solid var(--adagen-border);
}
/* Native X (.navbar-toggler) ile aynı boyut: 48x48 (kullanıcı isteği
2026-09-14). */
/* X (.navbar-toggler) ile aynı görsel ağırlık için ikon yerine aynı
çizgi kalınlığında (2px) CSS'le çizilen bir "‹" kullanılır; ince bir
glif ile kalın X yan yana farklı ağırlıkta görünüyordu (kullanıcı
bulgusu 2026-09-14). */
.adagen-submenu-back {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 48px;
height: 48px;
border: 0;
border-radius: var(--adagen-radius-pill);
background: transparent;
color: var(--adagen-text);
transition: background-color var(--adagen-dur-fast) var(--adagen-ease-out);
}
.adagen-submenu-back i {
display: none;
}
/* X'in görsel çizgi uzunluğu 48px'lik dokunma kutusu değil, .navbar-toggler-icon'un
kendi boyutu olan 1.5em (~24px); 20px'lik ok bu yüzden X'ten daha büyük
görünüyordu (kullanıcı bulgusu 2026-09-14). 13px, aynı 2px çizgi
kalınlığıyla X'in gerçek boyutuna göre orantılı. */
.adagen-submenu-back::before {
content: "";
width: 13px;
height: 13px;
border-left: 2px solid currentColor;
border-bottom: 2px solid currentColor;
border-radius: 1px;
transform: rotate(45deg);
margin-right: -2px;
}
.adagen-submenu-back:active {
background: var(--adagen-bg-subtle);
}
.adagen-submenu-head-title {
font-size: 1.0625rem;
font-weight: var(--adagen-font-weight-semibold);
}
}
/* Panel üstü: dil seçici + kapat düğmesi, sabit satır */
.adagen-mobile-menu-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--adagen-space-3);
padding-bottom: var(--adagen-space-4);
margin-bottom: var(--adagen-space-3);
border-bottom: 1px solid var(--adagen-border);
}
.adagen-mobile-menu-lang {
display: inline-flex;
align-items: center;
gap: 0.4rem;
height: 44px;
padding-inline: 0.9rem;
border: 1px solid var(--adagen-border);
border-radius: var(--adagen-radius-pill);
font-weight: var(--adagen-font-weight-semibold);
text-transform: lowercase;
letter-spacing: 0.04em;
color: inherit;
}
/* ===== ADAGEN Logo ===== */
.navigation-1 .navbar {
padding-left: var(--adagen-space-1);
padding-right: var(--adagen-space-1);
padding-top: 0.1875rem; /* 8px -> 3px (5px azaltıldı) */
padding-bottom: 0.1875rem;
}
/* Logo kapsayıcı: normal (büyük) hali */
.navigation-1 .navbar .navbar-brand {
position: relative;
display: inline-flex;
align-items: center;
justify-content: flex-start;
min-height: var(--adagen-logo-container-height);
min-width: var(--adagen-logo-container-width);
margin-right: 0;
margin-top: 1em;
/* logo, icerik konteynerinin sol hizasinda (hero basligi ve kartlarla ayni cizgi) */
margin-left: 0;
}
/* Logo görsel: normal (büyük) hali */
.navigation-1 .navbar .navbar-brand img {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
max-height: var(--adagen-logo-max-height);
max-width: var(--adagen-logo-max-width);
width: auto;
height: auto;
}
/* Sticky (scroll) halinde logo küçülür */
.navigation-1:has(.navbar.sticky) .navbar-brand {
min-height: var(--adagen-logo-sticky-container-height);
min-width: var(--adagen-logo-sticky-container-width);
/* Büyük (sayfa tepesi) haldeki margin-top:1em burada da miras alınıyordu,
satırı içerikten çok daha uzun boy yapıp üstte/altta boşluk bırakıyordu. */
margin-top: 0;
}
.navigation-1:has(.navbar.sticky) .navbar-brand img {
max-height: var(--adagen-logo-sticky-max-height);
max-width: var(--adagen-logo-sticky-max-width);
}
/* ===== ADAGEN Navbar v2 ===== */
/* Yumuşak durum geçişleri: transparan -> sticky */
.navigation-1,
.navigation-1 .navbar-brand,
.navigation-1 .navbar-brand img {
transition: background-color var(--adagen-dur-base) var(--adagen-ease-out),
box-shadow var(--adagen-dur-base) var(--adagen-ease-out),
border-color var(--adagen-dur-base) var(--adagen-ease-out),
min-height var(--adagen-dur-base) var(--adagen-ease-out),
max-height var(--adagen-dur-base) var(--adagen-ease-out);
}
/* Sticky durumda bar yukseligi kisalir */
.navigation-1:has(.navbar.sticky) .navbar {
padding-block: 0.1rem;
}
/* Toggler: çerçevesiz, yuvarlak dokunma alanı (yalnızca mobil görünümde) */
.navigation-1 .navbar-toggler {
border: 0;
border-radius: var(--adagen-radius-pill);
}
@media (max-width: 991.98px) {
.navigation-1 .navbar-toggler {
position: relative;
z-index: 1040;
width: 48px;
height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
}
/* Panel açıkken X, logonun yüksekliğine bağlı navbar satırından çıkıp
panelin kendi iç boşluğuyla (padding-top/right: 1.25rem + safe-area)
BİREBİR aynı formülle konumlanır; böylece panel içindeki geri
butonuyla (aynı formülü kullanan .adagen-submenu-head) her zaman aynı
hizada durur (kullanıcı bulgusu 2026-09-14: "geri ok X ile hizalı
değil"). Kapalıyken dokunulmaz, normal navbar satırında kalır. */
html.adagen-menu-open .navigation-1 .navbar-toggler {
position: fixed;
top: calc(1.25rem + env(safe-area-inset-top));
right: 1.25rem;
}
/* Menü açıkken hamburger -> kapat (X) */
.navigation-1 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
background-image: none;
position: relative;
}
.navigation-1 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before,
.navigation-1 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
content: "";
position: absolute;
inset-inline: 0;
top: 50%;
height: 2px;
border-radius: var(--adagen-radius-xs);
background-color: currentColor;
}
.navigation-1 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
transform: rotate(45deg);
}
.navigation-1 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
transform: rotate(-45deg);
}
}
.navigation-1 .navbar-toggler:focus,
.navigation-1 .navbar-toggler:focus-visible {
box-shadow: var(--adagen-ring);
}
/* Dil seçici: alt bilgi çipi */
[data-v-component-language] > form .dropdown-toggle.nav-link {
height: 40px;
padding-inline: 0.9rem;
border: 1px solid var(--adagen-border);
border-radius: var(--adagen-radius-pill);
font-weight: var(--adagen-font-weight-semibold);
text-transform: lowercase;
letter-spacing: 0.04em;
background-color: transparent;
}
/* Dil menüsü: düz liste (2026-09-04 kullanıcı geri bildirimi: "menü içinde menü").
CMS bileşeni her dili .dropdown-item > button.btn olarak basıyor; buton görünümü
kaldırılıp satırın tamamı tıklanabilir düz bir seçenek yapılır: bayrak + ad,
aktif satırda hafif zemin + onay işareti (bileşenin kendi ::after "✓" işareti
sağa yaslanır). Markup 75 şablonda CMS'e ait, yalnız CSS. Seçiciler genel
".navigation-1 .dropdown-menu .dropdown-item" kuralını ezmek için aynı önekle. */
.navigation-1 [data-v-component-language] .dropdown-menu {
min-width: 200px;
padding: 0.35rem;
}
.navigation-1 [data-v-component-language] .dropdown-menu .dropdown-item {
position: relative;
padding: 0;
border-radius: var(--adagen-radius-lg);
}
.navigation-1 [data-v-component-language] .dropdown-menu .dropdown-item:hover,
.navigation-1 [data-v-component-language] .dropdown-menu .dropdown-item:focus-within {
padding-left: 0; /* genel hover kaymasını iptal et */
background: transparent;
}
.navigation-1 [data-v-component-language] .dropdown-item .btn {
display: flex;
align-items: center;
gap: 0.65rem;
width: 100%;
padding: 0.55rem 2.2rem 0.55rem 0.75rem; /* sağda onay işareti için yer */
border: 0;
border-radius: var(--adagen-radius-lg);
background: transparent;
box-shadow: none;
font-size: var(--adagen-fs-small);
font-weight: var(--adagen-font-weight-medium);
color: var(--adagen-text);
text-align: left;
line-height: 1.2;
}
.navigation-1 [data-v-component-language] .dropdown-item .btn:hover,
.navigation-1 [data-v-component-language] .dropdown-item .btn:focus-visible {
background: var(--adagen-bg-subtle);
color: var(--adagen-primary);
}
.navigation-1 [data-v-component-language] .dropdown-item .btn:focus-visible {
box-shadow: var(--adagen-ring);
}
.navigation-1 [data-v-component-language] .dropdown-item .btn img {
width: 20px;
height: 14px;
object-fit: cover;
border-radius: var(--adagen-radius-xs);
margin: 0 !important;
flex: 0 0 auto;
box-shadow: 0 0 0 1px rgba(11, 54, 88, 0.12);
}
.navigation-1 [data-v-component-language] .dropdown-item.active .btn {
background: var(--adagen-bg-subtle);
color: var(--adagen-primary);
font-weight: var(--adagen-font-weight-semibold);
}
/* bileşenin ::after onay işareti: satırın sağında dikey ortalı */
.navigation-1 [data-v-component-language] .dropdown-item.active::after {
position: absolute;
right: 0.85rem;
top: 50%;
transform: translateY(-50%);
margin: 0;
color: var(--adagen-primary);
font-size: 0.9rem;
pointer-events: none;
}
/* Navbar CTA: pill + mavi tınılı hover gölgesi */
.adagen-nav-cta {
border-radius: var(--adagen-radius-btn);
font-weight: var(--adagen-font-weight-semibold);
padding-inline: 1.35rem;
margin-left: var(--adagen-space-3);
transition: transform var(--adagen-dur-fast) var(--adagen-ease-out),
box-shadow var(--adagen-dur-base) var(--adagen-ease-out),
background-color var(--adagen-dur-fast) var(--adagen-ease-out);
}
.adagen-nav-cta:hover,
.adagen-nav-cta:focus-visible {
transform: translateY(-1px);
box-shadow: var(--adagen-shadow-hover);
}
.adagen-nav-cta:active {
transform: scale(0.97);
box-shadow: var(--adagen-shadow-hover);
}
/* Dropdown panelleri: yumuşak geometri + derinlik
Not: bu menü JS'in .show sınıfıyla değil, Vvveb bundle'ının
:hover/:focus-within tetikleyicileriyle açılıyor (bkz. style.bundle.css
.nav-item.dropdown:hover > .dropdown-menu). Bundle zaten kendi
translateY(20px) + opacity fade'ini (0.5s) veriyor, burada onu daha hızlı
ve tetikleyicinin köşesinden büyüyen bir scale-in ile geçersiz kılıyoruz.
pointer-events kapalı/açık durumu MUTLAKA aynı tetikleyici seçicilerle
eşleşmeli, yoksa fare menüye girdiğinde tıklanamaz hale gelir. */
.navigation-1 .dropdown-menu {
border-radius: var(--adagen-radius-xl3);
border: 1px solid var(--adagen-border);
box-shadow: var(--adagen-elevation-3);
padding: 0.5rem;
min-width: 250px;
overflow: hidden;
pointer-events: none;
transform-origin: top left;
transform: scale(0.96) translateY(-4px);
transition: opacity var(--adagen-dur-fast) var(--adagen-ease-out),
transform var(--adagen-dur-fast) var(--adagen-ease-out),
visibility 0s linear var(--adagen-dur-fast);
}
.navigation-1 .dropdown-menu.dropdown-menu-end {
transform-origin: top right;
}
.navigation-1 .nav-item.dropdown:hover > .dropdown-menu,
.navigation-1 .nav-item.dropdown:focus > .dropdown-menu,
.navigation-1 .nav-item.dropdown:focus-within > .dropdown-menu,
.navigation-1 .nav-item.dropdown:focus-visible > .dropdown-menu,
.navigation-1 .nav-item.dropdown.submenu-open > .dropdown-menu,
.navigation-1 .nav-item.submenu-open > .dropdown-menu,
/* Bootstrap ile açılan menüler (dil seçici .dropdown, .nav-item değil): .show sınıfı
olmadan pointer-events kapalı kalıyor ve tıklama alttaki hero'ya düşüyordu (2026-09-10) */
.navigation-1 .dropdown-menu.show {
pointer-events: auto;
transform: scale(1) translateY(0);
transition: opacity var(--adagen-dur-fast) var(--adagen-ease-out),
transform var(--adagen-dur-fast) var(--adagen-ease-out),
visibility 0s linear;
}
@media (prefers-reduced-motion: reduce) {
.navigation-1 .dropdown-menu {
transform: none;
}
.navigation-1 .nav-item.dropdown:hover > .dropdown-menu,
.navigation-1 .nav-item.dropdown:focus > .dropdown-menu,
.navigation-1 .nav-item.dropdown:focus-within > .dropdown-menu,
.navigation-1 .nav-item.dropdown:focus-visible > .dropdown-menu,
.navigation-1 .dropdown-menu.show {
transform: none;
}
}
.navigation-1 .dropdown-menu .dropdown-item {
border-radius: var(--adagen-radius-lg);
padding: 0.6rem 0.85rem;
font-size: var(--adagen-fs-small);
font-weight: var(--adagen-font-weight-medium);
transition: background-color var(--adagen-dur-fast) var(--adagen-ease-out),
color var(--adagen-dur-fast) var(--adagen-ease-out),
transform var(--adagen-dur-fast) var(--adagen-ease-out);
}
.navigation-1 .dropdown-menu .dropdown-item:hover,
.navigation-1 .dropdown-menu .dropdown-item:focus-visible {
background-color: var(--adagen-bg-subtle);
color: var(--adagen-primary);
transform: translateX(4px);
}
.navigation-1 .dropdown-menu .dropdown-item.active,
.navigation-1 .dropdown-menu .dropdown-item.show {
color: var(--adagen-primary);
font-weight: var(--adagen-font-weight-semibold);
}
/* Menü öğesi ikonları (DB img alanı doldurulunca görünür) ve açıklama metni */
.navigation-1 .dropdown-menu [data-v-menu-item-img] {
width: 22px;
height: 22px;
object-fit: contain;
border-radius: var(--adagen-radius-sm);
}
.navigation-1 .dropdown-menu .dropdown-item div > span[data-v-menu-item-content] {
display: block;
font-size: 0.8125rem;
color: var(--adagen-text-muted);
white-space: normal;
}
/* ===== Ana menü öğesi + alt menü aç/kapa oku ===== */
/* Ok butonu: alt menüsü olmayan öğede gizli */
.adagen-submenu-toggle {
display: none;
align-items: center;
justify-content: center;
flex: 0 0 auto;
padding: 0;
background: transparent;
border: 0;
color: inherit;
cursor: pointer;
border-radius: var(--adagen-radius-pill);
transition: background-color var(--adagen-dur-fast) var(--adagen-ease-out);
}
.adagen-submenu-toggle i {
display: block;
transition: transform var(--adagen-dur-base) var(--adagen-ease-out);
}
.navigation-1 .nav-item.dropdown > .adagen-submenu-toggle {
display: inline-flex;
}
/* Yalnızca masaüstünde (aşağı ok, açılınca yukarı döner); mobilde ok zaten
sağı gösterir ve drill-down'da dönmez (2026-09-14). */
@media (min-width: 992px) {
.navigation-1 .nav-item.dropdown.submenu-open > .adagen-submenu-toggle i {
transform: rotate(180deg);
}
}
.adagen-submenu-toggle:focus-visible {
outline: 0;
box-shadow: var(--adagen-ring);
}
/* Alt menü görünürlüğü: çatının .show yerine .submenu-open sınıfı yönetir */
@media (min-width: 992px) {
/* Etiket + ok butonu aynı satırda dursun (li blok kalır; .dropdown-menu'nin
mutlak konumlanması bozulmasın diye li'yi flex yapmıyoruz) */
.navigation-1 .navbar-nav > .nav-item.dropdown > .nav-link {
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.navigation-1 .nav-item.dropdown > .adagen-submenu-toggle {
width: 28px;
height: 28px;
margin-left: 0.15rem;
vertical-align: middle;
}
.adagen-submenu-toggle i {
font-size: 1rem;
}
.navigation-1 .navbar-nav > .nav-item.dropdown > .dropdown-menu {
display: none;
}
.navigation-1 .navbar-nav > .nav-item.dropdown.submenu-open > .dropdown-menu {
display: block;
}
}
@media (min-width: 992px) and (hover: hover) {
.navigation-1 .navbar-nav > .nav-item.dropdown:hover > .dropdown-menu {
display: block;
}
/* Masaüstünde 2. seviyeyi yana açma işi şimdilik yok (kullanıcı kararı
2026-09-14): alt kategorilerin (örn. Genetik Testler) kendi çocukları
olsa da masaüstünde yana doğru bir flyout açılmaz, yalnızca kendi
sayfasına gider. İleride mega menü değerlendirilecek, o zamana kadar
dokunulmaz. */
.navigation-1 .dropdown-menu .nav-item.dropdown > .dropdown-menu {
display: none !important;
}
.navigation-1 .dropdown-menu .nav-item.dropdown > .adagen-submenu-toggle {
display: none !important;
}
/* Fare/hover cihazlarında alt menü zaten hover ile açılıyor, okun tıklaması
bu durumda hiçbir şeyi değiştirmez, yalnızca kendi yönünü çevirir (anlamsız
bir tıklama hedefi). Ok burada saf gösterge: tıklanamaz ama görünür kalır ve
hover sırasında hâlâ 180° dönerek durumu bildirir (aşağıdaki genel kural).
Dokunmatik/hover'sız cihazlarda ve klavyede (etiket linkine focus ile
:focus-within tetiklenir) tam işlevini korur, bu kural yalnızca gerçek
hover'ı olan fareli masaüstünü hedefler. */
.navigation-1 .nav-item.dropdown > .adagen-submenu-toggle {
pointer-events: none;
}
/* Fare/hover masaüstünde ok zaten işlevsiz bir göstergeydi (kullanıcı isteği
2026-09-08: görsel gürültü olarak kaldırıldı), dokunmatik/hover'sız
cihazlarda ve klavyede yukarıdaki genel kural (.adagen-submenu-toggle
display: inline-flex) geçerliliğini korur, yalnızca bu hover-only kural
masaüstünde gizler. */
.navigation-1 .nav-item.dropdown > .adagen-submenu-toggle {
display: none;
}
}
/* Mobil menü: tam ekran, rahat dokunma hedefleri (≥ 48px) */
@media (max-width: 991.98px) {
.navigation-1 .navbar-nav {
width: 100%;
gap: 0;
}
/* CMS şablon prototipi (menü öğesi kalıbı) gizli kalmalı */
.navigation-1 .navbar-nav > .nav-item.vvveb-hidden {
display: none !important;
}
/* 1. seviye de aynı açık mavi kutu diline sahip (kullanıcı isteği
2026-09-14: "tüm menü elemanlarına uygulayalım"). */
.navigation-1 .navbar-nav > .nav-item:not(.vvveb-hidden) {
display: flex;
flex-wrap: wrap;
align-items: center;
/* "dropdown" sınıfı olmayan (çocuksuz) öğeler navbar-nav'ın
align-items: baseline'ı yüzünden içeriğine göre daralıyordu
(İletişim), diğerleri gibi tam genişlik için açıkça belirtilir
(kullanıcı bulgusu 2026-09-14). */
width: 100%;
border-radius: var(--adagen-radius-lg, 14px);
background: linear-gradient(135deg, rgba(0, 113, 206, 0.09), rgba(0, 113, 206, 0.03));
transition: background-color var(--adagen-dur-fast) var(--adagen-ease-out);
}
.navigation-1 .navbar-nav > .nav-item:not(.vvveb-hidden):not(:last-child) {
margin-bottom: var(--adagen-space-2);
}
/* Açık kategori satırı hafif tonlanır, kapanınca akordeon hissi netleşir */
.navigation-1 .nav-item.submenu-open {
background: linear-gradient(135deg, rgba(0, 113, 206, 0.16), rgba(0, 113, 206, 0.06));
}
.navigation-1 .navbar-nav > .nav-item > .nav-link {
flex: 1 1 auto;
min-width: 0;
display: flex;
align-items: center;
min-height: 52px;
padding: 0.9rem 0.85rem;
font-size: 1.0625rem;
font-weight: var(--adagen-font-weight-semibold);
border-radius: inherit;
}
.navigation-1 .navbar-nav > .nav-item > .nav-link span[data-v-menu-item-name] {
white-space: normal;
word-break: break-word;
}
.navigation-1 .navbar-nav > .nav-item:not(.dropdown) > .nav-link:active {
background: rgba(0, 113, 206, 0.06);
}
.navigation-1 .nav-item.dropdown > .adagen-submenu-toggle {
width: 52px;
height: 52px;
margin-left: auto;
color: var(--adagen-text-muted);
}
.adagen-submenu-toggle i {
font-size: 1.25rem;
transition: transform var(--adagen-dur-fast) var(--adagen-ease-out);
}
.adagen-submenu-toggle:active {
background-color: transparent;
}
/* Yaprak (alt kategorisi olmayan) satırlar da site genelindeki bento-card
diliyle tutarlı, açık mavi bir kutu içinde dursun (kullanıcı isteği
2026-09-14: sadece ikon değil, satırın tamamı kutulansın). ÖNEMLİ: mavi
arka plan .dropdown-item (yalnızca etiket) üzerinde değil, satırın
TAMAMINI (etiket + ok butonu) saran ebeveyn .nav-item üzerinde olmalı;
yoksa ok butonu kutunun dışında kalıp altı beyaz görünüyordu (kullanıcı
bulgusu 2026-09-14: "okların altı beyaz"). */
.navigation-1 .dropdown-menu > .nav-item {
margin-bottom: var(--adagen-space-2);
border-radius: var(--adagen-radius-lg, 14px);
background: linear-gradient(135deg, rgba(0, 113, 206, 0.09), rgba(0, 113, 206, 0.03));
/* overflow:hidden KULLANILMAZ: bu öğe, bir alt seviyenin position:fixed
panelinin (.dropdown-menu) doğrudan ebeveynidir; clip container
fixed/absolute konumlu çocukları kesebilir (impeccable bulgusu
2026-09-14). Ok butonunun arka planı zaten şeffaf olduğundan köşe
kırpmaya ihtiyaç yok. */
}
.navigation-1 .dropdown-menu > .nav-item:active,
.navigation-1 .dropdown-menu > .nav-item:has(> .dropdown-item:active) {
background: linear-gradient(135deg, rgba(0, 113, 206, 0.16), rgba(0, 113, 206, 0.06));
}
.navigation-1 .dropdown-menu .dropdown-item {
min-height: 46px;
padding: 0.75rem 0.85rem;
font-size: 0.975rem;
color: var(--adagen-text-secondary);
}
/* Alt kategori satırları: site genelindeki bento-card diliyle tutarlı ikon
+ kalın başlık (kullanıcı isteği 2026-09-14: "menülere tıkladığımızda
karşımıza çıkan sayfalardaki güzel dil mobil menüye taşınsın, icon +
başlık"). Satır zaten mavi kutu olduğu için ikonun kendi beyaz/açık
kutusu kaldırıldı, ikon büyütüldü (kullanıcı isteği: "beyaz kutudan
çıksın, biraz büyüsün"). Yalnızca mobilde (d-lg-none), masaüstü
dropdown görünümüne dokunulmaz. */
.adagen-menu-icon-chip {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 40px;
height: 40px;
margin-right: var(--adagen-space-3);
}
.adagen-menu-icon {
font-size: 1.65rem;
line-height: 1;
color: var(--adagen-primary);
}
.navigation-1 .dropdown-menu .dropdown-item div > span[data-v-menu-item-name] {
font-weight: var(--adagen-font-weight-semibold);
}
/* İkon eşlemesi: sayfaların kendi bento kartlarında kullandığı Line Awesome
ikonlarıyla birebir aynı (site genelinde tek bir görsel dil). Üst
seviyeler önce, alt kategoriler sonra tanımlanır; aynı özgüllükte, dosya
sırasındaki SON kural kazanır ("genetik-testler" bir üst kategori,
"onko-genetik" onun bir alt sayfasıdır ve href'i de üst dizini içerir). */
/* 1. seviye ana menü (kullanıcı isteği 2026-09-14: "tüm menü
elemanlarına uygulayalım"); "/kurumsal" gibi kısa yollar alt
sayfalarının href'inde de geçtiği için EN ÜSTTE tanımlanır, daha
spesifik kurallar (örn. "/kurumsal-akademik", "/hakkimizda") dosya
sırasında SONRA gelip kazanır. */
a[href*="/kurumsal"] .adagen-menu-icon::before { content: "\f1ad"; }
a[href*="/hizmetler-ve-testler"] .adagen-menu-icon::before { content: "\f0f1"; }
a[href*="/bilgi-merkezi"] .adagen-menu-icon::before { content: "\f518"; }
a[href*="/iletisim"] .adagen-menu-icon::before { content: "\f0e0"; }
a[href*="/e-sonuc"] .adagen-menu-icon::before { content: "\f477"; }
a[href*="/genetik-testler"] .adagen-menu-icon::before { content: "\f471"; }
a[href*="/klinik-laboratuvar"] .adagen-menu-icon::before { content: "\f0c3"; }
a[href*="/check-up"] .adagen-menu-icon::before { content: "\f21e"; }
a[href*="/kurumsal-akademik"] .adagen-menu-icon::before { content: "\f19c"; }
a[href*="/onko-genetik"] .adagen-menu-icon::before { content: "\f471"; }
a[href*="/ureme-genetigi"] .adagen-menu-icon::before { content: "\f77d"; }
a[href*="/nadir-pediatrik"] .adagen-menu-icon::before { content: "\f1ae"; }
a[href*="/farmakogenetik"] .adagen-menu-icon::before { content: "\f484"; }
a[href*="/wellness-genetigi"] .adagen-menu-icon::before { content: "\f21e"; }
a[href*="/genetik-danismanlik"] .adagen-menu-icon::before { content: "\f0f0"; }
a[href*="/tibbi-genetik-ureme-sagligi"] .adagen-menu-icon::before { content: "\f471"; }
a[href*="/klinik-biyokimya-metabolizma"] .adagen-menu-icon::before { content: "\f0c3"; }
a[href*="/klinik-mikrobiyoloji-mikrobiyom"] .adagen-menu-icon::before { content: "\f610"; }
a[href*="/moleculer-tani-pcr"] .adagen-menu-icon::before { content: "\f5d2"; }
/* Kurumsal ve Bilgi Merkezi alt öğeleri */
a[href*="/hakkimizda"] .adagen-menu-icon::before { content: "\f05a"; }
a[href*="/misyon-vizyon"] .adagen-menu-icon::before { content: "\f140"; }
a[href*="/ekibimiz"] .adagen-menu-icon::before { content: "\f0c0"; }
a[href*="/kalite-sertifikalar"] .adagen-menu-icon::before { content: "\f0a3"; }
a[href*="/test-hazirlik-rehberi"] .adagen-menu-icon::before { content: "\f46d"; }
a[href*="/blog"] .adagen-menu-icon::before { content: "\f1ea"; }
a[href*="/haber-ve-makaleler"] .adagen-menu-icon::before { content: "\f1ea"; }
a[href*="/sozluk"] .adagen-menu-icon::before { content: "\f02d"; }
a[href*="/sss"] .adagen-menu-icon::before { content: "\f059"; }
/* EN / EL / RU menü ikonları. Yukarıdaki kurallar Türkçe slug'lara bakıyor;
diğer dillerde yol adları tamamen farklı olduğu için hiçbiri eşleşmiyor
ve mobil menüdeki her satır yedek "klasör" ikonunu gösteriyordu. İkonlar
Türkçe karşılıklarıyla birebir aynı, sıralama da aynı mantıkta: üst
kategori önce, alt kategori sonra. */
/* EN */
a[href*="/corporate"] .adagen-menu-icon::before { content: "\f1ad"; }
a[href*="/services-and-tests"] .adagen-menu-icon::before { content: "\f0f1"; }
a[href*="/knowledge-center"] .adagen-menu-icon::before { content: "\f518"; }
a[href*="/contact"] .adagen-menu-icon::before { content: "\f0e0"; }
a[href*="/e-results"] .adagen-menu-icon::before { content: "\f477"; }
a[href*="/genetic-tests"] .adagen-menu-icon::before { content: "\f471"; }
a[href*="/clinical-laboratory"] .adagen-menu-icon::before { content: "\f0c3"; }
a[href*="/corporate-and-academic"] .adagen-menu-icon::before { content: "\f19c"; }
a[href*="/oncogenetics"] .adagen-menu-icon::before { content: "\f471"; }
a[href*="/reproductive-genetics"] .adagen-menu-icon::before { content: "\f77d"; }
a[href*="/rare-and-pediatric-diseases"] .adagen-menu-icon::before { content: "\f1ae"; }
a[href*="/pharmacogenetics"] .adagen-menu-icon::before { content: "\f484"; }
a[href*="/wellness-genetics"] .adagen-menu-icon::before { content: "\f21e"; }
a[href*="/genetic-counseling"] .adagen-menu-icon::before { content: "\f0f0"; }
a[href*="/medical-genetics-and-reproductive-health"] .adagen-menu-icon::before { content: "\f471"; }
a[href*="/clinical-biochemistry-and-metabolism"] .adagen-menu-icon::before { content: "\f0c3"; }
a[href*="/clinical-microbiology-and-microbiome"] .adagen-menu-icon::before { content: "\f610"; }
a[href*="/molecular-diagnostics-pcr"] .adagen-menu-icon::before { content: "\f5d2"; }
a[href*="/about-us"] .adagen-menu-icon::before { content: "\f05a"; }
a[href*="/mission-and-vision"] .adagen-menu-icon::before { content: "\f140"; }
a[href*="/our-team"] .adagen-menu-icon::before { content: "\f0c0"; }
a[href*="/quality-and-certificates"] .adagen-menu-icon::before { content: "\f0a3"; }
a[href*="/test-preparation-guide"] .adagen-menu-icon::before { content: "\f46d"; }
a[href*="/news-and-articles"] .adagen-menu-icon::before { content: "\f1ea"; }
a[href*="/glossary"] .adagen-menu-icon::before { content: "\f02d"; }
a[href*="/faq"] .adagen-menu-icon::before { content: "\f059"; }
/* EL */
a[href*="/etaireia"] .adagen-menu-icon::before { content: "\f1ad"; }
a[href*="/ypiresies-exetaseis"] .adagen-menu-icon::before { content: "\f0f1"; }
a[href*="/kentro-pliroforisis"] .adagen-menu-icon::before { content: "\f518"; }
a[href*="/epikoinonia"] .adagen-menu-icon::before { content: "\f0e0"; }
a[href*="/e-apotelesma"] .adagen-menu-icon::before { content: "\f477"; }
a[href*="/genetikes-exetaseis"] .adagen-menu-icon::before { content: "\f471"; }
a[href*="/kliniko-ergastirio"] .adagen-menu-icon::before { content: "\f0c3"; }
a[href*="/etairika-akadimaika"] .adagen-menu-icon::before { content: "\f19c"; }
a[href*="/ogkogenetiki"] .adagen-menu-icon::before { content: "\f471"; }
a[href*="/anaparagogiki-genetiki"] .adagen-menu-icon::before { content: "\f77d"; }
a[href*="/spanies-kai-paidiatrikes-patheseis"] .adagen-menu-icon::before { content: "\f1ae"; }
a[href*="/genetiki-eyexias"] .adagen-menu-icon::before { content: "\f21e"; }
a[href*="/genetiki-symvoyleftiki"] .adagen-menu-icon::before { content: "\f0f0"; }
a[href*="/farmakogenetiki"] .adagen-menu-icon::before { content: "\f484"; }
a[href*="/iatriki-genetiki-kai-anaparagogiki-ygeia"] .adagen-menu-icon::before { content: "\f471"; }
a[href*="/kliniki-viochimeia-kai-metavolismos"] .adagen-menu-icon::before { content: "\f0c3"; }
a[href*="/kliniki-mikroviologia-kai-mikrovioma"] .adagen-menu-icon::before { content: "\f610"; }
a[href*="/moriaki-diagnosi-pcr"] .adagen-menu-icon::before { content: "\f5d2"; }
a[href*="/schetika-me-emas"] .adagen-menu-icon::before { content: "\f05a"; }
a[href*="/apostoli-orama"] .adagen-menu-icon::before { content: "\f140"; }
a[href*="/i-omada-mas"] .adagen-menu-icon::before { content: "\f0c0"; }
a[href*="/poiotita-pistopoiitika"] .adagen-menu-icon::before { content: "\f0a3"; }
a[href*="/odigos-proetoimasias-exetaseon"] .adagen-menu-icon::before { content: "\f46d"; }
a[href*="/nea-kai-arthra"] .adagen-menu-icon::before { content: "\f1ea"; }
a[href*="/glossari"] .adagen-menu-icon::before { content: "\f02d"; }
a[href*="/sychnes-erotiseis"] .adagen-menu-icon::before { content: "\f059"; }
/* RU */
a[href*="/kompaniya"] .adagen-menu-icon::before { content: "\f1ad"; }
a[href*="/uslugi-i-analizy"] .adagen-menu-icon::before { content: "\f0f1"; }
a[href*="/tsentr-znaniy"] .adagen-menu-icon::before { content: "\f518"; }
a[href*="/kontakty"] .adagen-menu-icon::before { content: "\f0e0"; }
a[href*="/e-rezultat"] .adagen-menu-icon::before { content: "\f477"; }
a[href*="/geneticheskie-testy"] .adagen-menu-icon::before { content: "\f471"; }
a[href*="/klinicheskaya-laboratoriya"] .adagen-menu-icon::before { content: "\f0c3"; }
a[href*="/chek-ap"] .adagen-menu-icon::before { content: "\f21e"; }
a[href*="/korporativnye-i-akademicheskie"] .adagen-menu-icon::before { content: "\f19c"; }
a[href*="/onkogenetika"] .adagen-menu-icon::before { content: "\f471"; }
a[href*="/reproduktivnaya-genetika"] .adagen-menu-icon::before { content: "\f77d"; }
a[href*="/redkie-i-pediatricheskie-zabolevaniya"] .adagen-menu-icon::before { content: "\f1ae"; }
a[href*="/genetika-zdorovya"] .adagen-menu-icon::before { content: "\f21e"; }
a[href*="/geneticheskoe-konsultirovanie"] .adagen-menu-icon::before { content: "\f0f0"; }
a[href*="/farmakogenetika"] .adagen-menu-icon::before { content: "\f484"; }
a[href*="/meditsinskaya-genetika-i-reproduktivnoe-zdorovye"] .adagen-menu-icon::before { content: "\f471"; }
a[href*="/klinicheskaya-biokhimiya-i-metabolizm"] .adagen-menu-icon::before { content: "\f0c3"; }
a[href*="/klinicheskaya-mikrobiologiya-i-mikrobiom"] .adagen-menu-icon::before { content: "\f610"; }
a[href*="/molekulyarnaya-diagnostika-pcr"] .adagen-menu-icon::before { content: "\f5d2"; }
a[href*="/o-nas"] .adagen-menu-icon::before { content: "\f05a"; }
a[href*="/missiya-i-videnie"] .adagen-menu-icon::before { content: "\f140"; }
a[href*="/nasha-komanda"] .adagen-menu-icon::before { content: "\f0c0"; }
a[href*="/kachestvo-i-sertifikaty"] .adagen-menu-icon::before { content: "\f0a3"; }
a[href*="/rukovodstvo-po-podgotovke-k-analizam"] .adagen-menu-icon::before { content: "\f46d"; }
a[href*="/novosti-i-stati"] .adagen-menu-icon::before { content: "\f1ea"; }
a[href*="/slovar"] .adagen-menu-icon::before { content: "\f02d"; }
a[href*="/chasto-zadavaemye-voprosy"] .adagen-menu-icon::before { content: "\f059"; }
/* Dilden bagimsiz slug: ust kategori kurallari dosyada sonra geldigi icin
burada tekrar tanimlanir, yoksa Check-up satiri ust kategorinin
stetoskop ikonunu aliyor. */
a[href*="/check-up"] .adagen-menu-icon::before { content: "\f21e"; }
/* Eşleşme bulunamazsa boş kutu kalmasın diye genel yedek ikon. Yukarıdaki
eşleşen kurallardan biri varsa dosya sırası gereği o kazanır. */
.adagen-menu-icon::before {
content: "\f07b";
}
/* Ok butonu için ayrılan sağ boşluk sabit kalsın, ikon+2 satırlık başlık
yan yana dururken metin dikeyde ortalı görünsün diye taşıyıcı
kendi içinde de ortalanır; miras kalan boş ![]()
yer kaplamasın diye
gizlenir (kullanıcı bulgusu 2026-09-14: "yazılar iconlarla dikeyde
ortalı değil"). */
.navigation-1 .dropdown-menu .dropdown-item img[data-v-menu-item-img] {
display: none;
}
/* flex-basis varsayılan "auto" içeriğin tam genişliğini istiyordu, satır
sığdıramayınca metin sarmıyor, panelin dışına taşıp kırpılıyordu
(kullanıcı bulgusu 2026-09-14). "0%" taban ile bu kutu her zaman kalan
alana sıkışır, span'daki white-space: normal de artık gerçekten
devreye girip 2. satıra sarabilir. */
.navigation-1 .dropdown-menu .dropdown-item > div {
display: flex;
flex: 1 1 0%;
flex-direction: column;
justify-content: center;
min-width: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.adagen-submenu-toggle i,
.navigation-1 .navbar-collapse.collapsing {
transition: none;
}
}
/* ===== ADAGEN Footer v3 (açık 4-kolon link grid) ===== */
/* footer.footer-3 (bundle, 0-1-1) ezmesin diye ayni ozgullukte ve sonra yuklenir */
footer.adagen-footer {
position: relative;
background: var(--adagen-footer-bg);
color: var(--adagen-text);
border-top: 1px solid var(--adagen-border);
overflow: hidden;
isolation: isolate;
padding-top: 0;
}
/* Footer'a taşınan blob efekti (kullanıcı kararı 2026-09-11: header eski
haline döndü, bu fikir footer'da, daha büyük ve footer zeminine (--adagen-
footer-bg) eriyen soft/blur'lu bloblar olarak kullanılıyor). Aynı güvenli
teknik: transform yok, hareket top/left ve şekil border-radius ile;
filter:blur() burada footer'ın büyük alanında güvenle kullanılabiliyor. */
footer.adagen-footer::before,
footer.adagen-footer::after {
content: "";
position: absolute;
z-index: 0;
pointer-events: none;
filter: blur(70px);
}
/* Bloblar yukarıdan girip, biraz "rastgele" yatay yol izleyip aşağıdan
çıkıyor, döngü başa sardığında yine yukarıdan giriyor (kullanıcı isteği
2026-09-11: sabit sallanma yerine sürekli akış; renkler tek bir tarafa
kilitli değil, yollar birbirine karışıyor). animation-direction bilinçli
olarak normal (alternate değil): 100%'den 0%'a sıçrama "yeniden yukarıdan
giriş" hissini kendiliğinden veriyor. */
footer.adagen-footer::before {
width: 1840px;
height: 1840px;
left: 6%;
background: radial-gradient(circle at 35% 35%, rgba(122, 189, 251, 0.26), rgba(122, 189, 251, 0) 72%);
animation: adagen-footer-blob-morph-a 26s ease-in-out infinite,
adagen-footer-fall-a 93.6s ease-in-out infinite,
adagen-footer-fade 93.6s ease-in-out infinite;
}
footer.adagen-footer::after {
width: 840px;
height: 840px;
left: 46%;
background: radial-gradient(circle at 60% 40%, rgba(165, 217, 124, 0.22), rgba(165, 217, 124, 0) 72%);
animation: adagen-footer-blob-morph-b 30s ease-in-out infinite,
adagen-footer-fall-b 115.2s ease-in-out infinite,
adagen-footer-fade 115.2s ease-in-out infinite;
animation-delay: 0s, -55.8s, -55.8s;
}
/* 3. blob: sayfalarda zaten var olan boş .adagen-footer-glow div'i kullanılıyor
(HTML değişikliği gerekmedi). */
.adagen-footer-glow {
position: absolute;
z-index: -1; /* diğer renkli blobların (z-index:0) altında kalır */
pointer-events: none;
filter: blur(140px);
width: 2800px;
height: 2800px;
left: 24%;
background: radial-gradient(circle at 45% 55%, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.35) 45%, rgba(255, 255, 255, 0.12) 68%, transparent 82%);
animation: adagen-footer-blob-morph-c 28s ease-in-out infinite,
adagen-footer-fall-c 104.4s ease-in-out infinite,
adagen-footer-fade 104.4s ease-in-out infinite;
animation-delay: 0s, -81s, -81s;
}
/* 4. ve 5. blob: sayısı artırılsın diye (kullanıcı isteği 2026-09-11),
HTML değişikliği gerekmeden .footer-copyright'ın kendi ::before/::after'ı
kullanılıyor. */
.footer-copyright::before,
.footer-copyright::after {
content: "";
position: absolute;
z-index: 0;
pointer-events: none;
filter: blur(65px);
}
.footer-copyright::before {
width: 1560px;
height: 1560px;
left: 10%;
background: radial-gradient(circle at 40% 40%, rgba(58, 160, 242, 0.22), rgba(58, 160, 242, 0) 72%);
animation: adagen-footer-blob-morph-b 24s ease-in-out infinite,
adagen-footer-fall-d 127.8s ease-in-out infinite,
adagen-footer-fade 127.8s ease-in-out infinite;
animation-delay: 0s, -21.6s, -21.6s;
}
.footer-copyright::after {
width: 700px;
height: 700px;
left: 55%;
background: radial-gradient(circle at 55% 45%, rgba(126, 194, 66, 0.20), rgba(126, 194, 66, 0) 72%);
animation: adagen-footer-blob-morph-a 22s ease-in-out infinite,
adagen-footer-fall-e 120.6s ease-in-out infinite,
adagen-footer-fade 120.6s ease-in-out infinite;
animation-delay: 0s, -99s, -99s;
}
/* Alana pat diye girmesinler, yavaşça belirip yavaşça kaybolsunlar. */
@keyframes adagen-footer-fade {
0%, 100% { opacity: 0; }
18%, 82% { opacity: 1; }
}
@keyframes adagen-footer-blob-morph-a {
0%, 100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
25% { border-radius: 40% 60% 70% 30% / 50% 60% 40% 50%; }
50% { border-radius: 70% 30% 50% 50% / 30% 60% 40% 70%; }
75% { border-radius: 45% 55% 60% 40% / 55% 45% 65% 35%; }
}
@keyframes adagen-footer-blob-morph-b {
0%, 100% { border-radius: 50% 50% 40% 60% / 50% 40% 60% 50%; }
30% { border-radius: 65% 35% 55% 45% / 40% 65% 35% 60%; }
60% { border-radius: 35% 65% 45% 55% / 60% 40% 55% 45%; }
}
@keyframes adagen-footer-blob-morph-c {
0%, 100% { border-radius: 55% 45% 65% 35% / 45% 55% 35% 65%; }
35% { border-radius: 35% 65% 40% 60% / 60% 35% 65% 40%; }
70% { border-radius: 65% 35% 55% 45% / 40% 60% 45% 55%; }
}
/* Her blob tek bir S ya da tek bir C çiziyor (birden fazla kıvrım yok);
yatay uç noktalar tam kenarlara (-15%..115%) kadar yayılıyor, sağ/sol
boş kalmasın diye (kullanıcı isteği 2026-09-11). */
/* "S": sol üstten girer, tek bir sağa-sola kıvrımla sağ alttan çıkar. */
@keyframes adagen-footer-fall-a {
0% { top: -35%; left: -15%; }
38% { top: 22%; left: 90%; }
72% { top: 65%; left: -5%; }
100% { top: 115%; left: 70%; }
}
/* "C": sağdan girer, tek bir geniş yayla sol alttan çıkar (yön tersine
dönmez). */
@keyframes adagen-footer-fall-b {
0% { top: -25%; left: 110%; }
50% { top: 45%; left: 8%; }
100% { top: 115%; left: 60%; }
}
/* "S": soldan orta yükseklikte girer, tek bir aşağı-yukarı kıvrımla sağ
üstten çıkar. */
@keyframes adagen-footer-fall-c {
0% { top: 30%; left: -15%; }
40% { top: 80%; left: 55%; }
75% { top: 20%; left: 100%; }
100% { top: -25%; left: 112%; }
}
/* "C": alttan girer, tek bir yayla üstten çıkar (dikey yön tersine döner,
yatayda tek yöne sapar). */
@keyframes adagen-footer-fall-d {
0% { top: 115%; left: -12%; }
50% { top: 40%; left: 65%; }
100% { top: -30%; left: 15%; }
}
/* "S": sağ üstten girer, tek kıvrımla sol alttan çıkar. */
@keyframes adagen-footer-fall-e {
0% { top: -30%; left: 105%; }
45% { top: 35%; left: -10%; }
100% { top: 115%; left: 45%; }
}
@media (prefers-reduced-motion: reduce) {
footer.adagen-footer::before,
footer.adagen-footer::after,
.adagen-footer-glow,
.footer-copyright::before,
.footer-copyright::after {
animation: none;
}
}
.adagen-footer-main {
position: relative;
z-index: 1; /* footer bloblarının (z-index:0) üstünde kalır */
padding-block: clamp(3rem, 5vw + 1rem, 5rem);
}
/* Tablet (iPad Mini vb. 768–991px): Bootstrap'in row-cols-2 grid'i,
"Hizmetler ve Testler" uzun sütunuyla aynı satırda olduğu için "Bilgi
Merkezi" bir alt satıra düşünce Kurumsal'ın hemen altında değil, büyük
bir boşluğun ardından başlıyor ve kaymış gibi görünüyordu (kullanıcı
bulgusu 2026-09-14). column-count otomatik yükseklik dengelemesi
istenen yere koymadığı için (2026-09-14 ikinci bulgu) açık CSS Grid
yerleşimi kullanılır: 1. öğe (Kurumsal) sol-üst, 3. öğe (Bilgi Merkezi)
onun hemen altı, 2. öğe (Hizmetler ve Testler) sağ sütunda iki satırı
birden kaplar. Menü öğe sırası DB'de sabit (Kurumsal, Hizmetler ve
Testler, Bilgi Merkezi); sıra değişirse bu kural da güncellenmeli. */
@media (min-width: 768px) and (max-width: 991.98px) {
.adagen-footer [data-v-component-menu="footer"] [data-v-menu-items] {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 2rem;
row-gap: var(--adagen-space-5, 1.5rem);
}
.adagen-footer [data-v-component-menu="footer"] [data-v-menu-items] > .col {
width: 100%;
margin-bottom: 0;
}
.adagen-footer [data-v-component-menu="footer"] [data-v-menu-items] > .col:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
.adagen-footer [data-v-component-menu="footer"] [data-v-menu-items] > .col:nth-child(2) {
grid-column: 2;
grid-row: 1 / span 2;
}
.adagen-footer [data-v-component-menu="footer"] [data-v-menu-items] > .col:nth-child(3) {
grid-column: 1;
grid-row: 2;
}
/* All-in-one logosu (3. dış sütun) Bootstrap akışında menü sütunuyla
aynı satır dolunca (6+6=12) kendi satırına düşüp menünün ALTINDA,
büyük bir boşluğun ardından görünüyordu (kullanıcı bulgusu
2026-09-14: "yukarı kayabilir, footerda yer kazanırız"). Dış satır da
grid'e alınıp logo İletişim sütununun (sosyal ikonların altına) hemen
devamına taşınır, menü sütunu sağda tek başına yüksekliği belirler. */
.adagen-footer-main > .row {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 2rem;
row-gap: var(--adagen-space-5, 1.5rem);
}
.adagen-footer-main > .row > [class*="col-"] {
width: 100%;
max-width: none;
}
.adagen-footer-main > .row > [class*="col-"]:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
.adagen-footer-main > .row > [class*="col-"]:nth-child(2) {
grid-column: 2;
grid-row: 1 / span 2;
}
.adagen-footer-main > .row > [class*="col-"]:nth-child(3) {
grid-column: 1;
grid-row: 2;
align-self: start;
}
}
/* Footer menü item'ları mobilde gizle */
@media (max-width: 767.98px) {
.adagen-footer [data-v-component-menu="footer"] {
display: none;
}
/* Mobilde 2 kolon: iletişim solda, all-in-one logosu sağda */
.adagen-footer-main .row {
align-items: flex-start;
}
.adagen-footer-main .row > [class*="col-"]:nth-child(2) {
display: none;
}
.adagen-footer-main .row > [class*="col-"]:first-child {
flex: 1 1 auto;
width: auto;
max-width: 62%;
}
.adagen-footer-main .row > [class*="col-"]:last-child {
flex: 0 0 auto;
width: 38%;
}
.adagen-footer-partner {
display: flex;
justify-content: flex-end;
}
.adagen-footer-partner img {
height: 75px;
width: auto;
max-width: 100%;
}
}
/* Partner logosu */
.adagen-footer-partner {
max-width: 100%;
}
@media (min-width: 992px) {
.adagen-footer-partner {
display: flex;
justify-content: flex-end;
}
}
.adagen-footer-partner a {
display: inline-block;
line-height: 0;
}
.adagen-footer-partner img {
display: block;
height: 88px;
max-width: 100%;
width: auto;
opacity: 0.9;
}
.adagen-footer-contact {
margin-top: var(--adagen-space-4);
display: grid;
gap: 0.65rem;
font-size: calc(var(--adagen-fs-small) * 1.08);
}
.adagen-footer-contact li {
display: flex;
align-items: flex-start;
gap: 0.65rem;
color: var(--adagen-text-secondary);
line-height: 1.55;
}
.adagen-footer-contact i {
color: var(--adagen-link);
font-size: 1.4em;
line-height: 1.4;
}
.adagen-footer-contact a {
color: var(--adagen-text-secondary);
text-decoration: none;
transition: color var(--adagen-dur-fast) var(--adagen-ease-out);
}
.adagen-footer-contact a:hover {
color: var(--adagen-link);
}
/* Sosyal ikonlar */
.adagen-footer-social {
margin-top: var(--adagen-space-4);
display: flex;
align-items: center;
gap: 1.1rem;
}
.adagen-footer-social a {
display: inline-flex;
align-items: center;
color: var(--adagen-text-muted);
font-size: 2.05rem;
line-height: 1;
text-decoration: none;
transition: color var(--adagen-dur-fast) var(--adagen-ease-out),
transform var(--adagen-dur-fast) var(--adagen-ease-out);
}
.adagen-footer-social a:hover {
color: var(--adagen-text);
transform: translateY(-2px);
}
/* Menü sütunları, 16px lacivert başlık, slate linkler lh 1.8 */
.adagen-footer-heading {
font-size: 1rem !important; /* yorum 16px diyordu, kod 15px yazıyordu, 2026-09-07 düzeltildi */
font-weight: var(--adagen-font-weight-bold);
text-transform: none;
letter-spacing: -0.01em;
color: var(--adagen-text);
margin-bottom: var(--adagen-space-4) !important;
}
.adagen-footer [data-v-menu-item-recursive] a {
display: inline-block;
padding-block: 0.32rem;
font-size: var(--adagen-fs-small);
line-height: 1.8;
color: var(--adagen-text-secondary);
text-decoration: none;
transition: color var(--adagen-dur-fast) var(--adagen-ease-out);
}
.adagen-footer [data-v-menu-item-recursive] a:hover {
color: var(--adagen-link);
}
/* Telif satırı */
.footer-copyright {
position: relative;
z-index: 1; /* footer bloblarının (z-index:0) üstünde kalır */
border-top: 1px solid var(--adagen-border);
padding-block: var(--adagen-space-5);
}
/* Mobilde (flex-column'a düşen) copyright + KVKK/Gizlilik satırları
sola değil ortaya hizalı bir blok olarak dursun. */
@media (max-width: 767.98px) {
.footer-copyright .d-flex {
align-items: center;
text-align: center;
}
}
/* .footer-copyright'ın kendi ::before/::after'ı (blob D/E, z-index:0)
konumlandırılmamış (position olmayan) metin içeriğinin normalde ÜSTÜNE
boyanır (CSS stacking sırası); metin gerçekten üstte kalsın diye burada
pozisyonlanıp daha yüksek z-index veriliyor (kullanıcı sordu, 2026-09-11). */
.footer-copyright > .container {
position: relative;
z-index: 1;
}
/* Tema paketinin (style.bundle.css) kendi border-top'u ("footer.footer-3
.footer-copyright .container"), .footer-copyright'ın tam genişlikteki
border'ıyla çakışıp ikinci (container genişliğinde, "kısa") bir çizgi
oluşturuyordu; daha yüksek özgüllükle kapatıldı, tek çizgi kalsın. */
footer.footer-3.adagen-footer .footer-copyright .container {
border-top: none;
}
.adagen-footer-copy,
.adagen-footer-copy a {
color: var(--adagen-text-muted);
text-decoration: none;
font-size: 0.9625rem; /* .small'ın (.875rem) %10 büyütülmüşü */
}
.adagen-footer-copy a:hover {
color: var(--adagen-link);
}
/* ===== ADAGEN Anasayfa v2 ===== */
/* Ortak bölüm başlıkları */
.adagen-section-title {
font-size: var(--adagen-fs-display-md);
font-weight: var(--adagen-font-weight-extrabold);
letter-spacing: var(--adagen-tracking-tight);
line-height: var(--adagen-leading-tight);
color: var(--adagen-text);
margin-bottom: 0;
}
.adagen-section-lead {
font-size: var(--adagen-fs-lead);
color: var(--adagen-text-secondary);
max-width: 62ch;
}
/* --- Açık Kanvas Hero --- */
.adagen-hero {
position: relative;
background: var(--adagen-bg);
color: var(--adagen-text);
/* overflow:hidden KALDIRILDI (2026-09-04): test arama typeahead listesi hero'nun
altına taşabilmeli. Kırpma medya katmanına taşındı; z-index sonraki bölümün
üstünde kalmasını sağlar. */
overflow: visible;
z-index: 2;
isolation: isolate;
/* navbar hero'nun üzerinde absolute durur; içerik dikey ortalanır */
display: flex;
align-items: center;
min-height: clamp(30rem, 40vw + 10rem, 44rem);
padding-top: clamp(7rem, 6vw + 3rem, 9.5rem);
padding-bottom: clamp(2.5rem, 3vw + 1rem, 4rem);
}
/* Tam-kaplama arkaplan görseli (2026-09-04, kullanıcı kararı: DNA SVG sahnesi
kaldırıldı). Görselin odağı sağda; sol tarafa açık bir "okuma perdesi" bindirilir
ki metin görselin üstünde okunsun. Katman sırası: media (z -2) → perde (z -1)
→ içerik. Video eklenince aynı kapsayıcıya girer, aynı perde çalışır. */
.adagen-hero-media {
position: absolute;
inset: 0;
z-index: -2;
overflow: hidden;
}
.adagen-hero-media img,
.adagen-hero-media video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 70% center;
display: block;
/* Ken Burns: çok yavaş, fark edilmeyen yakınlaşma (kullanıcı onayı 2026-09-11) */
transform-origin: 70% 50%;
animation: adagen-hero-kenburns 15s ease-in-out infinite alternate;
}
@keyframes adagen-hero-kenburns {
0% { transform: scale(1); }
100% { transform: scale(1.06); }
}
@media (prefers-reduced-motion: reduce) {
.adagen-hero-media img,
.adagen-hero-media video {
animation: none;
}
}
.adagen-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
/* İki katman: (1) üst kenar bandı, navbar fotoğrafın parlak/hareketli sağ
yarısının üstünde duruyor, menü öğeleri okunsun diye tepeden aşağı açık
bir fade (2026-09-04 geniş ekran geri bildirimi); (2) soldan sağa okuma perdesi. */
background:
linear-gradient(180deg,
rgba(255, 255, 255, 0.92) 0%,
rgba(255, 255, 255, 0.80) 88px,
rgba(255, 255, 255, 0.35) 160px,
rgba(255, 255, 255, 0) 240px),
linear-gradient(90deg,
rgba(255, 255, 255, 0.94) 0%,
rgba(255, 255, 255, 0.86) 34%,
rgba(255, 255, 255, 0.42) 58%,
rgba(255, 255, 255, 0.04) 82%,
rgba(255, 255, 255, 0) 100%);
}
/* Perdeye ince doku (grain): düz gradientin "ucuz" görünmesini engeller, baskı
kalitesinde bir doku hissi katar (kullanıcı onayı 2026-09-11). SVG feTurbulence
ile üretilmiş, dış dosya yok, çok düşük opasite + overlay blend. */
.adagen-hero::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background-image: url("data:image/svg+xml;utf8,");
background-size: 140px 140px;
opacity: 0.05;
mix-blend-mode: overlay;
}
/* Mobil: sütun tek, metin ortalı, perde yatay değil dikey; görsel üstte kalır */
@media (max-width: 991.98px) {
.adagen-hero-media img,
.adagen-hero-media video {
object-position: 65% 30%;
transform-origin: 65% 30%;
}
.adagen-hero::before {
background:
linear-gradient(180deg,
rgba(255, 255, 255, 0.55) 0%,
rgba(255, 255, 255, 0.88) 45%,
rgba(255, 255, 255, 0.96) 100%);
}
}
/* Koyu tema: perde lacivert tınısında */
[data-bs-theme="dark"] .adagen-hero::before {
background:
linear-gradient(180deg,
rgba(8, 42, 71, 0.92) 0%,
rgba(8, 42, 71, 0.80) 88px,
rgba(8, 42, 71, 0.35) 160px,
rgba(8, 42, 71, 0) 240px),
linear-gradient(90deg,
rgba(8, 42, 71, 0.94) 0%,
rgba(8, 42, 71, 0.86) 34%,
rgba(8, 42, 71, 0.46) 58%,
rgba(8, 42, 71, 0.10) 82%,
rgba(8, 42, 71, 0) 100%);
}
@media (max-width: 991.98px) {
[data-bs-theme="dark"] .adagen-hero::before {
background:
linear-gradient(180deg,
rgba(8, 42, 71, 0.6) 0%,
rgba(8, 42, 71, 0.9) 45%,
rgba(8, 42, 71, 0.97) 100%);
}
}
.adagen-hero-inner {
position: relative;
width: 100%;
}
.adagen-hero-title {
/* 2026-09-04: display-xl (~96px) → display-lg (~60px); kullanıcı "çok büyük" dedi */
font-size: var(--adagen-fs-display-lg);
font-weight: var(--adagen-font-weight-extrabold);
letter-spacing: var(--adagen-tracking-tight);
line-height: var(--adagen-leading-tight);
color: var(--adagen-text);
text-wrap: balance;
}
/* Seçici bilinçli olarak iki sınıflı: aşağıdaki genel
".container > .row > [class*=col] > p { max-width: none }" kuralı tek sınıfı
eziyordu (52ch hiç uygulanmamıştı). */
.adagen-hero .adagen-hero-sub {
font-size: 1.0625rem;
line-height: var(--adagen-leading-body);
color: var(--adagen-text-secondary);
max-width: 40ch; /* 52ch → 40ch: metin alanı daraltıldı */
margin-inline: auto;
margin-top: var(--adagen-space-4);
}
@media (min-width: 992px) {
.adagen-hero .adagen-hero-sub {
margin-inline: 0;
}
}
.adagen-hero-buttons {
display: flex;
flex-wrap: wrap;
gap: var(--adagen-space-3);
justify-content: center;
margin-top: var(--adagen-space-6);
}
@media (min-width: 992px) {
.adagen-hero-buttons {
justify-content: flex-start;
}
}
.adagen-hero .btn {
border-radius: var(--adagen-radius-btn);
}
/* --- Hero test arama alanı (PROTOTİP, Faz 3'e kadar görsel yer tutucu) ---
Randevu/E-Sonuç butonlarının yerini aldı (2026-09-04, kullanıcı kararı).
Tek satır, pill; sol ikon + placeholder + sağda ok butonu. Fotoğraf üstünde
okunsun diye beyaz yüzey + Sea Fog kenarlık + hafif lacivert gölge. */
.adagen-hero .adagen-hero-search {
display: flex;
align-items: center;
gap: var(--adagen-space-2);
width: min(100%, 34rem);
margin-top: var(--adagen-space-6);
margin-inline: auto;
padding: 0.375rem 0.375rem 0.375rem 1.1rem;
background: var(--adagen-surface);
border: 1px solid var(--adagen-border);
border-radius: var(--adagen-radius-pill);
box-shadow: var(--adagen-shadow-card);
transition: border-color var(--adagen-dur-fast) var(--adagen-ease-out),
box-shadow var(--adagen-dur-fast) var(--adagen-ease-out);
}
.adagen-hero .adagen-hero-search:focus-within {
border-color: var(--adagen-blue-300);
box-shadow: var(--adagen-ring), var(--adagen-shadow-card);
}
.adagen-hero .adagen-hero-search > i {
font-size: 1.25rem;
color: var(--adagen-text-muted);
flex: 0 0 auto;
}
.adagen-hero .adagen-hero-search__input {
flex: 1 1 auto;
min-width: 0;
height: 2.75rem;
border: 0;
background: transparent;
font: inherit;
font-size: 1.0625rem;
color: var(--adagen-text);
outline: none;
}
.adagen-hero .adagen-hero-search__input::placeholder {
color: var(--adagen-text-secondary);
opacity: 1;
}
.adagen-hero .adagen-hero-search__input::-webkit-search-cancel-button {
display: none;
}
.adagen-hero .adagen-hero-search__btn {
flex: 0 0 auto;
width: 2.75rem;
height: 2.75rem;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: var(--adagen-radius-pill);
background: var(--adagen-primary);
color: #ffffff;
font-size: 1.25rem;
cursor: pointer;
transition: background-color var(--adagen-dur-fast) var(--adagen-ease-out);
}
.adagen-hero .adagen-hero-search__btn:hover,
.adagen-hero .adagen-hero-search__btn:focus-visible {
background: var(--adagen-blue-700);
}
@media (min-width: 992px) {
.adagen-hero .adagen-hero-search {
margin-inline: 0;
}
}
/* --- Test arama typeahead listesi (Faz 3 DEMO), hero altı açılır liste ve
çekmece içi liste aynı sınıfları kullanır (.adagen-ts) --- */
.adagen-hero-search-wrap {
position: relative;
width: min(100%, 34rem);
margin-inline: auto;
}
@media (min-width: 992px) {
.adagen-hero-search-wrap { margin-inline: 0; }
}
.adagen-hero-search-wrap .adagen-hero-search { width: 100%; }
.adagen-ts {
list-style: none;
margin: 0;
padding: var(--adagen-space-2) 0;
}
.adagen-ts[hidden] { display: none; }
/* hero altı: yüzen panel */
.adagen-hero-search-wrap .adagen-ts {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 8px);
z-index: 20;
max-height: min(60vh, 26rem);
overflow-y: auto;
background: var(--adagen-surface);
border: 1px solid var(--adagen-border);
border-radius: var(--adagen-radius-card);
box-shadow: var(--adagen-elevation-4, var(--adagen-shadow-card));
text-align: left;
}
.adagen-ts__head,
.adagen-ts__empty {
padding: var(--adagen-space-2) var(--adagen-space-4);
font-size: 0.8125rem;
color: var(--adagen-text-muted);
}
.adagen-ts__empty { color: var(--adagen-text-secondary); padding-block: var(--adagen-space-4); }
.adagen-ts__item a {
display: grid;
grid-template-columns: 1fr auto;
grid-template-areas: "name badge" "meta badge" "variants badge";
column-gap: var(--adagen-space-3);
row-gap: 2px;
align-items: center;
padding: var(--adagen-space-3) var(--adagen-space-4);
text-decoration: none;
color: var(--adagen-text);
}
.adagen-ts__item a:hover,
.adagen-ts__item.is-active a {
background: var(--adagen-bg-subtle);
}
.adagen-ts__name { grid-area: name; font-weight: var(--adagen-font-weight-medium); line-height: 1.3; }
.adagen-ts__name mark { background: transparent; color: var(--adagen-primary); padding: 0; }
.adagen-ts__meta { grid-area: meta; font-size: 0.8125rem; color: var(--adagen-text-secondary); }
.adagen-ts__badge {
grid-area: badge;
font-size: 0.6875rem;
font-weight: var(--adagen-font-weight-semibold);
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 0.2rem 0.55rem;
border-radius: var(--adagen-radius-pill);
background: var(--adagen-bg-subtle);
color: var(--adagen-text-secondary);
white-space: nowrap;
}
.adagen-ts__item--genetik .adagen-ts__badge { background: var(--adagen-blue-100); color: var(--adagen-blue-800); }
/* gruplanmış varyantlar: ad yanında sayaç, altta çipler */
.adagen-ts__count {
font-size: 0.75rem;
font-weight: var(--adagen-font-weight-regular);
color: var(--adagen-text-muted);
margin-left: 0.35rem;
white-space: nowrap;
}
.adagen-ts__variants {
grid-area: variants;
display: flex;
flex-wrap: wrap;
gap: 4px;
margin-top: 4px;
}
.adagen-ts__chip {
font-size: 0.75rem;
line-height: 1.4;
padding: 0.1rem 0.5rem;
border-radius: var(--adagen-radius-pill);
border: 1px solid var(--adagen-border);
background: var(--adagen-surface);
color: var(--adagen-text-secondary);
white-space: nowrap;
max-width: 14rem;
overflow: hidden;
text-overflow: ellipsis;
}
.adagen-ts__chip.is-hit { border-color: var(--adagen-blue-300); color: var(--adagen-blue-800); background: var(--adagen-blue-50); }
.adagen-ts__chip--more { border-style: dashed; }
/* çekmece içi: girdi + liste */
.adagen-search-drawer .adagen-ts-field {
display: flex;
align-items: center;
gap: var(--adagen-space-2);
padding: var(--adagen-space-3) var(--adagen-space-4);
border-bottom: 1px solid var(--adagen-border);
}
.adagen-search-drawer .adagen-ts-field i { font-size: 1.25rem; color: var(--adagen-text-muted); }
.adagen-search-drawer .adagen-ts-field input {
flex: 1; min-width: 0; height: 2.75rem; border: 0; background: transparent; outline: none;
font: inherit; font-size: 1.0625rem; color: var(--adagen-text);
}
.adagen-search-drawer .adagen-ts-field input::-webkit-search-cancel-button { display: none; }
.adagen-search-drawer .adagen-ts { max-height: none; }
/* --- Sonuç sorgulama: açık zeminde mavi tınılı gölgeyle yüzen kart --- */
.adagen-result-section {
position: relative;
z-index: 2;
padding-block: var(--adagen-section-y);
}
.adagen-glass-card {
background-color: var(--adagen-surface-raised);
background-image: var(--adagen-card-tint);
border: 0;
border-radius: var(--adagen-radius-card);
box-shadow: var(--adagen-shadow-card);
}
.adagen-glass-card .form-control {
border-radius: var(--adagen-radius-input);
}
/* --- İstatistikler (tinted bantta çıplak rakamlar) --- */
.adagen-stats {
padding-block: clamp(2.5rem, 4vw + 1rem, 4.5rem) clamp(3rem, 5vw + 1rem, 5rem);
background: var(--adagen-bg-subtle);
}
.adagen-stat-card {
position: relative;
height: 100%;
background: transparent;
border: 0;
border-radius: var(--adagen-radius-card);
padding: 0.5rem;
}
.adagen-stat-value {
font-size: clamp(1.9rem, 1.2vw + 1.4rem, 2.6rem);
font-weight: var(--adagen-font-weight-extrabold);
letter-spacing: var(--adagen-tracking-tight);
color: var(--adagen-text);
line-height: 1.1;
font-variant-numeric: tabular-nums;
font-feature-settings: "numr";
}
.adagen-stat-value-sm {
font-size: clamp(1.45rem, 1vw + 1.1rem, 1.9rem);
padding-top: 0.35em;
}
.adagen-stat-label {
margin-top: 0.4rem;
font-size: var(--adagen-fs-small);
line-height: 1.45;
color: var(--adagen-text-secondary);
}
/* --- Hizmetlerimiz (kart dili) --- */
.adagen-services {
padding-block: var(--adagen-section-y);
background: var(--adagen-bg);
}
/* Masaüstünde ikinci satırdaki Check-up ve Kurumsal kartları, tanıtım metninin
altında değil Genetik/Klinik kartlarının tam altında görünsün diye HTML'de
önlerine görünmez bir boşluk hücresi eklenir (bkz. .adagen-services-spacer,
2026-09-10). */
.adagen-service-card {
position: relative;
background-color: var(--adagen-surface);
background-image: var(--adagen-card-tint);
border: 0;
border-radius: var(--adagen-radius-card);
box-shadow: var(--adagen-shadow-card);
transition: transform var(--adagen-dur-base) var(--adagen-ease-out),
box-shadow var(--adagen-dur-base) var(--adagen-ease-out);
}
.adagen-service-card:hover {
transform: translateY(-4px);
box-shadow: var(--adagen-elevation-4);
}
.adagen-service-icon-sm {
font-size: 2.7rem;
color: var(--adagen-blue-600);
margin-bottom: var(--adagen-space-3);
}
.adagen-service-title {
font-size: var(--adagen-fs-h3);
font-weight: var(--adagen-font-weight-semibold);
color: var(--adagen-text);
}
.adagen-service-desc-sm {
color: var(--adagen-text-secondary);
font-size: var(--adagen-fs-small);
line-height: 1.55;
margin-top: var(--adagen-space-2);
}
.adagen-card-link,
.adagen-card-link-light {
display: inline-flex;
align-items: center;
text-decoration: none;
color: var(--adagen-primary);
font-weight: var(--adagen-font-weight-semibold);
margin-top: var(--adagen-space-3);
}
.adagen-card-link i,
.adagen-card-link-light i {
transition: transform var(--adagen-dur-fast) var(--adagen-ease-out);
}
.adagen-card-link:hover { color: var(--adagen-link-hover); }
.adagen-card-link-light:hover { color: #ffffff; }
.adagen-card-link:hover i,
.adagen-card-link-light:hover i {
transform: translateX(4px);
}
/* --- İç sayfa alt CTA'sı: her sayfanın sonunda, footer'a bitişik ---
Üstteki boşluk kendi yüksekliğinin yarısı kadar (padding-block'un yarısı
margin-top olarak verilir); alanın kendisi footer'a doğrudan yapışır
(aralarında boşluk/başka bir öğe yok). 2026-09-10, spor-genetigi.html
pilot, beğenilirse tüm iç sayfalara uygulanacak. */
.adagen-page-cta {
/* Bölümün tamamı, kartlardaki (.adagen-contact-card) yumuşak degradeyi taşır. */
background: var(--adagen-card-tint), var(--adagen-bg-subtle);
text-align: center;
padding-block: clamp(2.5rem, 4vw, 4rem);
margin-top: clamp(1.25rem, 2vw, 2rem); /* ~yarısı */
}
/* Tema paketi main#site-content'e margin-bottom:4rem veriyordu; CTA alanı
footer'a doğrudan yapışsın diye burada sıfırlanır (2026-09-10). Aynı kural
404 sayfasının canvas bölümü için de geçerli (2026-09-11). */
main#site-content:has(.adagen-page-cta),
main#site-content:has(.adagen-404-hero) {
margin-bottom: 0;
}
/* ===== 404 Sayfası: mevcut açık zemin üzerinde Canvas "moleküler bağ" ağı =====
Koyu tema yok, sayfanın normal arka planı korunur. Sabit bir bölüm yüksekliği
yerine tüm sayfa (nav + içerik + footer) tam 100vh'e sığar: main, kalan
boşluğu doldurur, footer sayfanın en altına yapışır, scroll olmaz
(2026-09-11). */
body.error-404 {
min-height: 100vh;
display: flex;
flex-direction: column;
}
body.error-404 main#site-content {
flex: 1 0 auto;
}
body.error-404 footer {
flex: 0 0 auto;
}
.adagen-404-hero {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
isolation: isolate;
}
.adagen-404-hero > .container {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
/* "Aradığınız sayfa taşınmış..." metni, beyaz alanın altında sonsuz döngüyle
sola kayan bir şerit (marquee). İki kopya yan yana, %50 kaydırılıp
başa sarılır; görünmeyen (aria-hidden) kopya ekran okuyucudan gizlenir
(2026-09-11). */
.adagen-404-marquee {
flex: 0 0 auto;
overflow: hidden;
padding-block: var(--adagen-space-3);
/* Ebeveynin (main > .container dışı ama yine de sayfa akışındaki) olası
kenar boşluklarından bağımsız, tam viewport genişliğinde bir bar
(2026-09-11). */
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.adagen-404-marquee-track {
display: flex;
width: max-content;
white-space: nowrap;
animation: adagen-404-marquee 40s linear infinite;
}
/* Mobilde şerit (viewport'a göre) daha dar, sabit sürede kat ettiği mesafe
de daha az oluyor; algılanan hız düşük kalmasın diye süre kısaltılır. */
@media (max-width: 576px) {
.adagen-404-marquee-track {
animation-duration: 16s;
}
}
.adagen-404-marquee-track span {
padding-inline: 2rem;
font-size: calc(var(--adagen-fs-small) * 2);
color: var(--adagen-text-muted);
}
/* Masaüstü için 2x büyütme mobilde çok büyük/taşıyor; küçük ekranda
normal boyuta yakın kalır. */
@media (max-width: 576px) {
.adagen-404-marquee-track span {
padding-inline: 1rem;
font-size: var(--adagen-fs-small);
}
}
@keyframes adagen-404-marquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
.adagen-404-marquee-track { animation: none; }
}
.adagen-404-molecule {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
}
.adagen-404-hero > .container {
position: relative;
z-index: 1;
}
.adagen-page-cta h2 {
margin-bottom: var(--adagen-space-5);
}
/* grid + auto-fit, 3. buton 2. satıra tek başına düşünce grid sütun
izlerine göre sola yaslı kalıyordu (kullanıcı bulgusu 2026-09-14);
flex + wrap ile tek kalan buton da kendi satırında ortalanır. */
.adagen-page-cta-actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--adagen-space-4);
max-width: 900px;
margin-inline: auto;
}
.adagen-page-cta-actions > * {
flex: 0 1 240px;
min-width: 200px;
}
/* CTA aksiyonları: iletişim kartlarındaki (.adagen-contact-card) kutucuk
görünümü (beyaz yüzey, gölge, dikey düzen) burada bilinçli olarak
sadeleştirilir; zaten degradeli bir bölümün üstüne 3 ayrı kutucuk
binince "kutucuk karmaşası" oluşuyordu. Tek satır, düz zemin, sade
pill buton (2026-09-10). */
.adagen-page-cta .adagen-contact-card {
flex-direction: row;
align-items: center;
justify-content: center;
gap: var(--adagen-space-2);
height: auto;
padding: 0.85rem 1.5rem;
background-color: transparent;
background-image: none;
border: 1px solid var(--adagen-blue-300);
border-radius: var(--adagen-radius-pill, 999px);
box-shadow: none;
}
.adagen-page-cta .adagen-contact-card:hover,
.adagen-page-cta .adagen-contact-card:focus-visible {
transform: none;
border-color: var(--adagen-blue-600);
box-shadow: none;
}
.adagen-page-cta .adagen-contact-card i {
font-size: 1.15rem;
margin-bottom: 0;
}
.adagen-page-cta .adagen-contact-card__label {
display: none;
}
.adagen-page-cta .adagen-contact-card__value {
font-size: var(--adagen-fs-base, 1rem);
}
/* --- Ana CTA: sayfanın TEK koyu anı (koyu bant) --- */
.adagen-cta-band {
position: relative;
background: var(--adagen-surface-dark);
color: var(--adagen-text-on-dark);
overflow: hidden;
isolation: isolate;
}
.adagen-cta-inner {
padding-block: clamp(3.5rem, 5vw + 1rem, 5.5rem);
}
/* data-bs-theme="dark" semantik tokenları çevirdiği için başlık/lead otomatik
açık renge döner; ek renk tanımı gerekmez. */
.adagen-cta-band .adagen-section-title {
color: #ffffff;
font-weight: var(--adagen-font-weight-extrabold);
}
.adagen-cta-band .btn {
border-radius: var(--adagen-radius-btn);
}
/* ===== Sayfa İçi Gezinme (TOC) =====
Uzun/çok bölümlü iç sayfalarda gövde sağa yaslanır, solda açılan sütun
yapışkan bir "bu sayfada" listesi taşır. Masaüstü-özel (≥992px), dar
ekranlarda içerik zaten üstten alta okunuyor, TOC gizlenir (d-none d-lg-block
ile şablonda). JS bağlama: js/theme.js initPageNav(). */
.adagen-page-nav {
position: sticky;
top: 6.5rem;
align-self: start;
max-height: calc(100vh - 8rem);
overflow-y: auto;
}
.adagen-page-nav-inner {
display: flex;
flex-direction: column;
gap: var(--adagen-space-1);
padding-right: var(--adagen-space-4);
}
.adagen-page-nav-label {
font-size: var(--adagen-fs-small);
font-weight: var(--adagen-font-weight-semibold);
color: var(--adagen-text-muted);
text-transform: uppercase;
letter-spacing: 0.04em;
margin-bottom: var(--adagen-space-2);
}
.adagen-page-nav-link {
display: block;
padding: var(--adagen-space-1) 0;
font-size: var(--adagen-fs-small);
font-weight: var(--adagen-font-weight-medium);
color: var(--adagen-text-secondary);
text-decoration: none;
border-left: 2px solid transparent;
padding-left: var(--adagen-space-3);
margin-left: calc(var(--adagen-space-3) * -1);
transition: color var(--adagen-dur-fast) var(--adagen-ease-out),
border-color var(--adagen-dur-fast) var(--adagen-ease-out);
}
.adagen-page-nav-link--sub {
padding-left: calc(var(--adagen-space-3) + var(--adagen-space-4));
font-weight: var(--adagen-font-weight-regular);
color: var(--adagen-text-muted);
}
.adagen-page-nav-link:hover,
.adagen-page-nav-link:focus-visible {
color: var(--adagen-primary);
}
.adagen-page-nav-link.is-active,
.adagen-page-nav-link.is-current {
color: var(--adagen-primary);
border-left-color: var(--adagen-primary);
font-weight: var(--adagen-font-weight-semibold);
}
/* "Kurumsal" (kardeş sayfalar arası geçiş) kutusu: sağ çizgi yok, yalnızca
üst çizgi, hem birinci grubun altında (--secondary) hem de tek başına
(kalite-sertifikalar gibi sayfa içi başlığı olmayan sayfalarda) aynı
görünüm. Üstteki gruptan ayıran boşluk (margin-top) yalnızca --secondary
kullanan sayfalarda gerekli, tek başına kullanımda eklenmez. */
.adagen-page-nav-inner--kurumsal {
padding-top: var(--adagen-space-5);
border-top: 1px solid var(--adagen-border);
}
.adagen-page-nav-inner--secondary {
margin-top: var(--adagen-space-5);
}
/* ===== ADAGEN Bileşen Kitabı (adım 5) ===== */
/* --- Bento yönlendirme kartları (hub sayfaları) --- */
a.adagen-bento-card {
display: block;
position: relative;
background-color: var(--adagen-surface);
background-image: var(--adagen-card-tint);
/* "Hizmetlerimiz" company-card diliyle aynı: kenarlıksız + yumuşak gölge,
iç boşluk .card-body.p-4'ten gelir (anchor'da padding yok). */
border: 0;
border-radius: var(--adagen-radius-card);
box-shadow: var(--adagen-shadow-card);
padding: 0;
color: inherit;
transition: transform var(--adagen-dur-base) var(--adagen-ease-out),
box-shadow var(--adagen-dur-base) var(--adagen-ease-out);
}
/* Statik (tıklanamaz) bento kart, içerik tek sayfada açık listelendiğinde
(örn. check-up.html), alt sayfaya yönlendiren a.adagen-bento-card ile aynı
görünüm ama hover/ok efekti yok. */
div.adagen-bento-card {
position: relative;
background-color: var(--adagen-surface);
background-image: var(--adagen-card-tint);
border: 0;
border-radius: var(--adagen-radius-card);
box-shadow: var(--adagen-shadow-card);
padding: 0;
}
a.adagen-bento-card:hover,
a.adagen-bento-card:focus-visible {
transform: translateY(-4px);
box-shadow: var(--adagen-elevation-4);
color: inherit;
text-decoration: none;
}
/* hover'da köşe oku */
a.adagen-bento-card::after {
content: "\f105"; /* la-angle-right */
font-family: "Line Awesome Free";
font-weight: 900;
position: absolute;
top: 1.15rem;
right: 1.25rem;
color: var(--adagen-blue-400);
opacity: 0;
transform: translateX(-6px);
transition: opacity var(--adagen-dur-base) var(--adagen-ease-out),
transform var(--adagen-dur-base) var(--adagen-ease-out);
}
a.adagen-bento-card:hover::after,
a.adagen-bento-card:focus-visible::after {
opacity: 1;
transform: translateX(0);
}
/* ikon: "Hizmetlerimiz" kartlarındaki gibi çıplak büyük ikon (çip yok),
mevcut işaretlemesine dokunmadan */
.adagen-bento-card i.la[class*="la-2x"],
.adagen-bento-card i.la.mb-3 {
display: block;
width: auto;
height: auto;
background: none;
border-radius: 0;
color: var(--adagen-blue-600);
font-size: 2.7rem !important;
line-height: 1;
margin-bottom: var(--adagen-space-3) !important;
}
[data-bs-theme="dark"] .adagen-bento-card i.la[class*="la-2x"],
[data-bs-theme="dark"] .adagen-bento-card i.la.mb-3 {
background: none;
color: var(--adagen-blue-300);
}
.adagen-bento-card .h5,
.adagen-bento-card h2,
.adagen-bento-card h3 {
font-weight: var(--adagen-font-weight-semibold);
letter-spacing: var(--adagen-tracking-tight);
}
/* koyu varyant (öne çıkan kart) */
.adagen-bento-card-dark {
background:
radial-gradient(380px 240px at 90% 0%, var(--adagen-glow-accent), transparent 60%),
radial-gradient(460px 280px at 6% 100%, var(--adagen-glow-deep), transparent 62%),
linear-gradient(165deg, var(--adagen-navy-700), var(--adagen-navy-900)) !important;
border-color: var(--adagen-border-on-dark) !important;
}
.adagen-bento-card-dark:hover,
.adagen-bento-card-dark:focus-visible {
border-color: rgba(255, 255, 255, 0.22) !important;
}
/* Koyu varyantta metin açık renkte, açık zemin gövde rengi (#212529)
lacivert gradyan üstünde okunmuyordu (kontrast ~1.7:1). */
.adagen-bento-card-dark {
color: var(--adagen-text-on-dark);
}
.adagen-bento-card-dark p {
color: var(--adagen-text-secondary-on-dark);
opacity: 1 !important;
}
.adagen-bento-card-dark i.la[class*="la-2x"],
.adagen-bento-card-dark i.la.mb-3 {
background: none;
color: var(--adagen-blue-300);
}
/* --- İç sayfa içerik kutucukları: "Hizmetlerimiz" company-card diline eşitle ---
check-up / klinik-laboratuvar / molekuler-mikrobiyoloji / kurumsal-akademik /
hakkimizda / misyon-vizyon / online-islemler sayfalarındaki düz çatı
.card'ları da aynı yüzey + köşe + gölge diline getirir. Kapsam iç sayfalarla
sınırlı (:has(.inner-page-hero)), anasayfa ve hata sayfaları etkilenmez. */
body:has(.inner-page-hero) .card {
background: var(--adagen-surface);
/* çatının .border / .shadow-sm yardımcıları !important taşıdığından
burada da !important gerekli. */
border: 0 !important;
border-radius: var(--adagen-radius-card);
box-shadow: var(--adagen-shadow-card) !important;
}
body:has(.inner-page-hero) a.card,
body:has(.inner-page-hero) .card.adagen-hoverable {
transition: transform var(--adagen-dur-base) var(--adagen-ease-out),
box-shadow var(--adagen-dur-base) var(--adagen-ease-out);
}
body:has(.inner-page-hero) a.card:hover,
body:has(.inner-page-hero) a.card:focus-visible {
transform: translateY(-4px);
box-shadow: var(--adagen-elevation-4);
}
/* ===== Haber ve Makaleler (blog), liste düzeni + ADAGEN dili ===== */
.adagen-blog-featured {
padding-block: clamp(2rem, 3vw + 1rem, 3.25rem) clamp(1rem, 2vw, 1.75rem);
}
.adagen-blog-list {
padding-block: clamp(2rem, 4vw + 1rem, 3.5rem);
}
/* --- Yazı kartı ortak dili ("Hizmetlerimiz" company-card ile aynı) --- */
.adagen-featured-card,
.adagen-post-card {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
background-color: var(--adagen-surface);
background-image: var(--adagen-card-tint);
border: 0;
border-radius: var(--adagen-radius-card);
box-shadow: var(--adagen-shadow-card);
transition: transform var(--adagen-dur-base) var(--adagen-ease-out),
box-shadow var(--adagen-dur-base) var(--adagen-ease-out);
}
.adagen-featured-card:hover,
.adagen-post-card:hover,
.adagen-featured-card:focus-within,
.adagen-post-card:focus-within {
transform: translateY(-4px);
box-shadow: var(--adagen-elevation-4);
}
.adagen-featured-card__media,
.adagen-post-card__media {
display: block;
aspect-ratio: 16 / 9;
background: var(--adagen-bg-subtle);
overflow: hidden;
}
.adagen-featured-card__media img,
.adagen-post-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--adagen-dur-slow, 480ms) var(--adagen-ease-out);
}
.adagen-featured-card:hover .adagen-featured-card__media img,
.adagen-post-card:hover .adagen-post-card__media img {
transform: scale(1.03);
}
.adagen-featured-card__body,
.adagen-post-card__body {
display: flex;
flex-direction: column;
flex: 1 1 auto;
padding: clamp(1.15rem, 1vw + 0.9rem, 1.6rem);
}
/* meta satırı: kategori etiketi */
.adagen-post-meta {
display: flex;
align-items: center;
gap: var(--adagen-space-3);
margin-bottom: var(--adagen-space-2);
font-size: var(--adagen-fs-small);
}
.adagen-post-cat {
/* stretched-link üstünde tıklanabilir kalması için */
position: relative;
z-index: 2;
display: inline-flex;
align-items: center;
padding: 0.2rem 0.6rem;
border-radius: 999px;
background: var(--adagen-blue-50);
color: var(--adagen-blue-600);
font-weight: var(--adagen-font-weight-semibold);
letter-spacing: var(--adagen-tracking-tight);
text-decoration: none;
}
.adagen-post-cat a { color: inherit; text-decoration: none; }
.adagen-post-cat:hover { color: var(--adagen-primary); }
[data-bs-theme="dark"] .adagen-post-cat {
background: rgba(122, 189, 251, 0.12);
color: var(--adagen-blue-300);
}
.adagen-featured-card__title,
.adagen-post-card__title {
margin: 0 0 var(--adagen-space-2);
font-weight: var(--adagen-font-weight-semibold);
letter-spacing: var(--adagen-tracking-tight);
line-height: var(--adagen-leading-tight);
}
.adagen-featured-card__title { font-size: var(--adagen-fs-h3); }
.adagen-post-card__title { font-size: var(--adagen-fs-h4, 1.15rem); }
.adagen-featured-card__title a,
.adagen-post-card__title a {
color: var(--adagen-text);
text-decoration: none;
}
.adagen-featured-card__title a:hover,
.adagen-post-card__title a:hover { color: var(--adagen-primary); }
.adagen-featured-card__excerpt,
.adagen-post-card__excerpt {
flex: 1 1 auto;
color: var(--adagen-text-secondary);
font-size: var(--adagen-fs-small);
line-height: 1.55;
}
.adagen-featured-card__excerpt p,
.adagen-post-card__excerpt p { margin: 0; }
.adagen-featured-card .adagen-card-link,
.adagen-post-card .adagen-card-link {
margin-top: var(--adagen-space-3);
}
/* --- Kategori filtre sekmeleri --- */
.adagen-blog-filter {
display: flex;
flex-wrap: wrap;
gap: var(--adagen-space-2);
justify-content: flex-start;
}
@media (min-width: 992px) {
.adagen-blog-filter { justify-content: flex-end; }
}
.adagen-blog-filter__tab {
display: inline-flex;
align-items: center;
padding: 0.4rem 0.95rem;
border-radius: 999px;
border: 1px solid var(--adagen-border);
background: var(--adagen-surface);
color: var(--adagen-text-secondary);
font-size: var(--adagen-fs-small);
font-weight: var(--adagen-font-weight-semibold);
text-decoration: none;
transition: background var(--adagen-dur-fast) var(--adagen-ease-out),
color var(--adagen-dur-fast) var(--adagen-ease-out),
border-color var(--adagen-dur-fast) var(--adagen-ease-out);
}
.adagen-blog-filter__tab:hover {
border-color: var(--adagen-blue-300);
color: var(--adagen-primary);
}
.adagen-blog-filter__tab.is-active {
background: var(--adagen-primary);
border-color: var(--adagen-primary);
color: #fff;
}
/* --- Bülten bandı (görsel, abonelik yakında) --- */
.adagen-newsletter-band {
padding-block: clamp(2rem, 4vw + 1rem, 3.5rem);
background: var(--adagen-bg-subtle);
}
.adagen-newsletter-band--bottom {
background: var(--adagen-bg);
border-top: 1px solid var(--adagen-border);
}
.adagen-newsletter-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--adagen-space-4);
padding: clamp(1.5rem, 2vw + 1rem, 2.5rem);
background: var(--adagen-surface);
border-radius: var(--adagen-radius-card);
box-shadow: var(--adagen-shadow-card);
}
.adagen-newsletter-copy { max-width: 34rem; }
.adagen-newsletter-form {
display: flex;
gap: var(--adagen-space-2);
flex: 1 1 20rem;
max-width: 28rem;
}
.adagen-newsletter-form .form-control { flex: 1 1 auto; }
.adagen-newsletter-form .btn { flex: 0 0 auto; }
.adagen-newsletter-note {
margin-top: var(--adagen-space-3);
color: var(--adagen-text-muted);
text-align: center;
}
/* --- Sayfalama --- */
.adagen-pagination {
margin-top: clamp(2rem, 4vw, 3rem);
}
.adagen-pagination .page-link {
border: 0;
border-radius: var(--adagen-radius-lg);
color: var(--adagen-text-secondary);
background: transparent;
}
.adagen-pagination .page-item.active .page-link,
.adagen-pagination .page-link:hover {
background: var(--adagen-blue-50);
color: var(--adagen-primary);
}
.adagen-blog-empty {
padding: clamp(2rem, 5vw, 3.5rem);
text-align: center;
background: var(--adagen-surface);
border-radius: var(--adagen-radius-card);
box-shadow: var(--adagen-shadow-card);
}
/* --- Form bileşenleri (24px input, Sea Fog border) --- */
.form-control,
.form-select {
border-radius: var(--adagen-radius-input);
border-color: var(--adagen-border-strong);
padding-block: 0.55rem 0.55rem;
transition: border-color var(--adagen-dur-fast) var(--adagen-ease-out),
box-shadow var(--adagen-dur-fast) var(--adagen-ease-out);
}
.form-control:focus,
.form-select:focus {
border-color: var(--adagen-blue-500);
box-shadow: var(--adagen-ring);
}
.form-check-input:checked {
background-color: var(--adagen-primary);
border-color: var(--adagen-primary);
}
.form-check-input:focus {
box-shadow: var(--adagen-ring);
border-color: var(--adagen-blue-500);
}
.form-label {
font-weight: var(--adagen-font-weight-medium);
}
/* Koyu zeminli formlar (ör. ana sayfa CTA bandı, .adagen-glass-card #12497a):
Bootstrap'ın varsayılan gövde rengi (#dee2e6) burada 3.5:1 kontrast veriyordu
(AA eşiği 4.5:1), site tokenına bağlanıp koyu zeminde de okunur hale getirildi.
2026-09-07 tasarım denetimi. */
[data-bs-theme="dark"] .form-label,
[data-bs-theme="dark"] .form-check-label {
color: var(--adagen-text);
}
/* Tema bundle'ının her .btn'e eklediği ::before "parlaklık" gradient'i (%16 beyaz)
kendi köşe yuvarlaklığını almıyordu; yuvarlak/pill butonlarda köşelerden dışarı
taşıp keskin köşeli açık renk lekesi gibi görünüyordu (2026-09-10). Site genelinde
düzeltilir; bkz. [[menu-always-on-top]] (aynı kök sebep, önce navbar'da bulunmuştu). */
.btn::before {
border-radius: inherit;
overflow: hidden;
}
/* Basılma geri bildirimi: tüm butonlar tıklandığında hafifçe küçülür */
.btn {
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
transform var(--adagen-dur-fast) var(--adagen-ease-out);
}
.btn:active {
transform: scale(0.97);
}
@media (prefers-reduced-motion: reduce) {
.btn:active {
transform: none;
}
}
.btn-primary {
--bs-btn-bg: var(--adagen-primary);
--bs-btn-border-color: var(--adagen-primary);
--bs-btn-hover-bg: var(--adagen-blue-700);
--bs-btn-hover-border-color: var(--adagen-blue-700);
--bs-btn-active-bg: var(--adagen-blue-800);
--bs-btn-active-border-color: var(--adagen-blue-800);
}
.btn-primary:hover,
.btn-primary:focus-visible {
box-shadow: var(--adagen-shadow-hover);
}
.btn-outline-primary {
--bs-btn-color: var(--adagen-primary);
--bs-btn-border-color: var(--adagen-primary);
--bs-btn-hover-bg: var(--adagen-primary);
--bs-btn-hover-border-color: var(--adagen-primary);
--bs-btn-active-bg: var(--adagen-blue-700);
--bs-btn-active-border-color: var(--adagen-blue-700);
}
/* --- Akordeon (SSS vb.) --- */
.accordion-item {
border-radius: var(--adagen-radius-xl2) !important;
border: 1px solid var(--adagen-border);
overflow: hidden;
margin-bottom: 0.75rem;
box-shadow: none;
}
.accordion-button:not(.collapsed) {
background: var(--adagen-bg-subtle);
color: var(--adagen-primary);
font-weight: var(--adagen-font-weight-semibold);
}
.accordion-button:focus {
box-shadow: var(--adagen-ring);
border-color: transparent;
}
/* --- SSS sayfası: kategori navigasyonu + "En Çok Sorulanlar" bandı ---
(Bilgi Merkezi > SSS, 2026-09-07) blog kategori sekmeleriyle aynı pill
dili, akordeon çatısı ortak; sadece punto ölçeği bölüme göre değişir. */
.adagen-faq-cat-nav {
display: flex;
flex-wrap: wrap;
gap: var(--adagen-space-2);
}
.adagen-faq-cat-nav__tab {
display: inline-flex;
align-items: center;
padding: 0.4rem 0.95rem;
border-radius: var(--adagen-radius-pill);
border: 1px solid var(--adagen-border);
background: var(--adagen-surface);
color: var(--adagen-text-secondary);
font-size: var(--adagen-fs-small);
font-weight: var(--adagen-font-weight-semibold);
text-decoration: none;
transition: background var(--adagen-dur-fast) var(--adagen-ease-out),
color var(--adagen-dur-fast) var(--adagen-ease-out),
border-color var(--adagen-dur-fast) var(--adagen-ease-out);
}
.adagen-faq-cat-nav__tab:hover,
.adagen-faq-cat-nav__tab:focus-visible {
border-color: var(--adagen-blue-300);
color: var(--adagen-primary);
}
/* "En Çok Sorulanlar", diğer sorularla aynı stil, sadece punto büyük
(kalınlaştırma/kart abartısı yok, 2026-09-07 kullanıcı geri bildirimi) */
.adagen-faq-featured .accordion-button {
font-size: var(--adagen-fs-lead);
}
/* Kategori altındaki tam liste, küçük punto */
.adagen-faq-category {
margin-top: clamp(1.5rem, 2.5vw, 2.5rem);
}
.adagen-faq-category .accordion-button {
font-size: var(--adagen-fs-small);
}
.adagen-faq-category .accordion-body {
font-size: var(--adagen-fs-small);
color: var(--adagen-text-secondary);
}
/* ===== Okuma Deneyimi (adım 7) ===== */
::selection {
background: var(--adagen-blue-200);
color: var(--adagen-navy-900);
}
[data-bs-theme="dark"] ::selection {
background: var(--adagen-blue-700);
color: #ffffff;
}
/* Sticky navbar altına doğru çapa konumu */
section[id],
[id^="sss"],
[id^="test-"] {
scroll-margin-top: 92px;
}
h2, h3 {
text-wrap: balance;
}
/* Gövde tipografisi: uzun metinlerde daha rahat satır */
/* Çatı kütüphanesinin --bs-body-bg'si çiğ beyaz (#fff); token zemin rengiyle ezilir. */
body {
line-height: 1.62;
background-color: var(--adagen-bg);
}
/* İçerik paragraflarında ölçülü satır uzunluğu */
.inner-page-hero ~ section p,
.container > .row > [class*="col"] > p:not(.adagen-hero-sub) {
max-width: none; /* hero alt metni hariç, o bilinçli olarak 40ch ile sınırlı */
}
/* Yasal/içerik sayfalarındaki liste ritmi */
.inner-page-hero ~ section ul li,
.inner-page-hero ~ section ol li {
margin-block: 0.35rem;
}
/* İç sayfa: gri intro bloğu (.bg-body-tertiary) başlık bandının hemen altında
VE katman olarak gerisinde dursun, negatif margin boşluğu yutar, z-index:1
ise hero'yu (z-index:2 + isolation) önde tutar; böylece hero'nun alt gölgesi
gri bloğun üstüne düşer. Yalnızca gri zeminli intro bloğu hedeflenir;
.container py-5 kullanan diğer iç sayfalar dokunulmadan kalır.
(padding-top, .py-5'in çatının !important'ını ezmek için !important.) */
.inner-page-hero + main > .bg-body-tertiary:first-child {
position: relative;
z-index: 1;
margin-top: calc(-1 * clamp(1rem, 1vw + 0.6rem, 1.5rem));
padding-top: calc(clamp(1rem, 1vw + 0.6rem, 1.5rem) + 1.5rem) !important;
}
/* --- Test arama çekmecesi: alt çubuktan yukarı kayan bottom-sheet (2026-09-04) ---
Eski çözüm üstte açılan bir modaldı; kullanıcı sticky footer'dan drawer istedi.
Çatının offcanvas-bottom'u kullanılır (yeni kütüphane yok). Alt çubuğun ÜSTÜNDE
başlar ki çubuk görünür/erişilebilir kalsın. Yükseklik SABİT tutulur (height: auto
değil): sonuç sayısı azaldıkça/arttıkça çekmecenin boyu değişip zıplamasın diye
(kullanıcı bulgusu 2026-09-14) — az sonuç varken boşluk kalması, her aramada
panelin küçülüp büyümesinden daha iyi bir deneyim. İçerik taşarsa
.offcanvas-body zaten kendi içinde kaydırılıyor. --adagen-mobile-bar-h JS ile
gerçek çubuk yüksekliğine güncellenir. */
.adagen-search-drawer.offcanvas-bottom {
height: min(78vh, 40rem);
max-height: min(78vh, 40rem);
bottom: var(--adagen-mobile-bar-h, 64px);
border: 0;
border-radius: var(--adagen-radius-card) var(--adagen-radius-card) 0 0;
background: var(--adagen-surface);
box-shadow: 0 -12px 40px rgba(11, 54, 88, 0.18);
/* Bootstrap'in varsayılan "ease-in-out" geçişi yavaş başlayıp yavaş
bitiyor, bu da açılışı "takılıyor" gibi hissettiriyordu (kullanıcı
bulgusu 2026-09-14); sitenin diğer animasyonlarıyla aynı, hızlı
başlayıp yumuşak biten easing'e geçildi. will-change ile tarayıcı
elemanı önceden kendi katmanına alır, ilk karede katman oluşturma
maliyeti animasyonun ortasına düşmez. */
transition: transform var(--adagen-dur-base) var(--adagen-ease-out);
will-change: transform;
}
.adagen-search-drawer__header {
position: relative;
padding: var(--adagen-space-5) var(--adagen-space-5) var(--adagen-space-2);
border-bottom: 1px solid var(--adagen-border);
}
/* Kapatma (X) ikonu başlıkla ("Test Ara") aynı satırda, çekmecenin sağ üst
köşesinde kalır (header'ın flex satırı içinde, kutunun dışına taşmaz) */
/* style.bundle.css'teki eski modal dönemi kuralı (#searchModal .btn-close:
right:-25px; margin-top:-25px) ikonu kutunun dışına itiyordu; ID seçici ile
ezilir. */
#searchModal.adagen-search-drawer .btn-close {
position: absolute;
top: var(--adagen-space-4);
right: var(--adagen-space-4);
margin: 0;
z-index: 2;
}
.adagen-search-drawer__grip {
position: absolute;
top: 8px;
left: 50%;
width: 40px;
height: 4px;
transform: translateX(-50%);
border-radius: var(--adagen-radius-pill);
background: var(--adagen-border-strong);
}
.adagen-search-drawer .offcanvas-title {
color: var(--adagen-text);
font-weight: var(--adagen-font-weight-semibold);
}
.adagen-search-drawer .offcanvas-body {
overflow-y: auto;
}
.adagen-search-drawer #headerSearch {
font-size: 1.0625rem;
color: var(--adagen-text);
background: transparent;
box-shadow: none;
}
.adagen-search-drawer .search-results {
padding: 0 var(--adagen-space-4) var(--adagen-space-5);
}
/* çekmece çubuğun altında kalır (1045 < 1050); sürüklerken geçiş kapatılır */
.adagen-search-drawer.offcanvas-bottom { z-index: 1045; }
.adagen-search-drawer.is-dragging { transition: none !important; }
.adagen-search-drawer__header { cursor: grab; touch-action: none; user-select: none; }
.adagen-search-drawer.is-dragging .adagen-search-drawer__header { cursor: grabbing; }
@media (min-width: 992px) {
/* masaüstünde alt çubuk yok; çekmece tam alta oturur.
Panelin kendisi ekran genişliğinde (100vw) değil, sitenin içerik
konteynerinin (.container, 1320px) genişliğinde ve ortalanmış olur. */
.adagen-search-drawer.offcanvas-bottom {
bottom: 0;
left: 0;
right: 0;
width: min(1188px, calc(100vw - 2 * var(--adagen-space-5, 1.5rem)));
max-width: 1188px;
margin-inline: auto;
border-radius: var(--adagen-radius-card) var(--adagen-radius-card) 0 0;
}
}
/* ===== Mobil Action Bar (adım 8) ===== */
/* Footer bloğu içinde taşınır (save-global yayılımı) ama position:fixed ile
viewport'a sabitlenir. Kapsamdan bağımsız net okunabilirlik için kendi
yüzey renklerini taşır (iOS tarzı nötr cam). */
.adagen-mobile-bar {
display: none;
position: fixed;
left: 0;
right: 0;
bottom: 0;
/* Her zaman en üstte: çekmece (1045) ve backdrop'unun (1040) üstünde,
koşullu z-index yerine sabit (2026-09-04, kullanıcı: "kararmasın, en üstte olsun"). */
z-index: 1050;
}
.adagen-mobile-bar-inner {
display: flex;
align-items: stretch;
gap: 2px;
padding: 6px 10px calc(6px + env(safe-area-inset-bottom));
/* Opak zemin: yarı saydam cam, arkadaki karartma/renkleri sızdırıp çubuğu
gri gösteriyordu. Çekmece açıkken de kapalıyken de aynı beyaz. */
background: var(--adagen-surface);
border-top: 1px solid rgba(11, 54, 88, 0.08);
box-shadow: 0 -8px 24px rgba(11, 54, 88, 0.1);
}
.adagen-mb-btn {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2px;
min-height: 52px;
padding: 4px 2px;
border: 0;
border-radius: var(--adagen-radius-lg);
background: transparent;
color: var(--adagen-navy-700);
font-size: 0.7rem; /* 11.2px, 11px okunabilirlik alt sınırı, 2026-09-07 tasarım denetimi */
font-weight: var(--adagen-font-weight-semibold);
letter-spacing: 0.01em;
text-decoration: none;
transition: color var(--adagen-dur-fast) var(--adagen-ease-out),
background-color var(--adagen-dur-fast) var(--adagen-ease-out),
transform var(--adagen-dur-fast) var(--adagen-ease-out);
}
.adagen-mb-btn i {
font-size: 1.25rem;
line-height: 1;
}
.adagen-mb-btn:hover,
.adagen-mb-btn:focus-visible,
.adagen-mb-btn:active {
color: var(--adagen-primary);
background: rgba(0, 113, 206, 0.07);
text-decoration: none;
}
.adagen-mb-btn:active {
transform: scale(0.95);
}
.adagen-mb-primary {
color: var(--adagen-blue-600);
}
@media (max-width: 991.98px) {
.adagen-mobile-bar {
display: block;
}
body {
padding-bottom: calc(64px + env(safe-area-inset-bottom));
}
/* mobil menü açılınca action bar gizlenir (çakışma olmasın) */
body:has(#navbar.show) .adagen-mobile-bar,
body:has(#navbar.collapsing) .adagen-mobile-bar {
display: none;
}
}
/* Test Sonuçları: menünün en sağdaki öğesi buton olarak */
.navigation-1 .navbar-nav[data-v-menu-items] > li:last-child > .nav-link {
display: inline-flex;
align-items: center;
height: var(--adagen-nav-cta-height);
margin-left: var(--adagen-space-3);
padding: 0 1.3rem !important;
border-radius: var(--adagen-radius-btn);
background: var(--adagen-primary);
color: #ffffff !important;
font-weight: var(--adagen-font-weight-semibold);
line-height: 1;
transition: background-color var(--adagen-dur-fast) var(--adagen-ease-out),
transform var(--adagen-dur-fast) var(--adagen-ease-out),
box-shadow var(--adagen-dur-base) var(--adagen-ease-out),
height var(--adagen-dur-fast) var(--adagen-ease-out);
}
.navigation-1:has(.navbar.sticky) .navbar-nav[data-v-menu-items] > li:last-child > .nav-link {
height: var(--adagen-nav-cta-height-sticky);
}
.navigation-1 .navbar-nav[data-v-menu-items] > li:last-child > .nav-link:hover,
.navigation-1 .navbar-nav[data-v-menu-items] > li:last-child > .nav-link:focus-visible {
background: var(--adagen-blue-700);
color: #ffffff !important;
transform: translateY(-1px);
box-shadow: var(--adagen-shadow-hover);
}
@media (max-width: 991.98px) {
/* E-Rapor ve Randevu Al zaten alttaki sabit mobil aksiyon çubuğunda
(.adagen-mobile-bar) var; hamburger menüde tekrarı anlamsız, gizlenir
(kullanıcı geri bildirimi 2026-09-14). */
.navigation-1 .navbar-nav[data-v-menu-items] > li:last-child {
display: none;
}
}
/* Hamburger panel altı: dil seçici (yalnızca mobil) */
.adagen-nav-extras {
display: flex;
align-items: center;
gap: var(--adagen-space-3);
margin: var(--adagen-space-4) var(--adagen-space-2) 0;
padding: var(--adagen-space-3) var(--adagen-space-3) var(--adagen-space-2);
border-top: 1px dashed var(--adagen-border);
}
.adagen-nav-extras .dropdown-toggle.nav-link {
display: inline-flex;
align-items: center;
height: 40px;
padding-inline: 0.9rem;
border: 1px solid var(--adagen-border);
border-radius: var(--adagen-radius-pill);
font-weight: var(--adagen-font-weight-semibold);
text-transform: lowercase;
letter-spacing: 0.04em;
color: inherit;
}
/* Desktop kompakt dil + tema kümesi, E-RAPOR butonunun sağında */
/* e-rapor | test ara | dil seçici: aralıklar eşit (tek değer: --adagen-nav-cta-gap) */
.adagen-nav-actions-desktop {
align-items: center;
gap: var(--adagen-nav-cta-gap);
margin-left: var(--adagen-nav-cta-gap);
}
/* Masaüstünde her sayfada erişilebilir test arama ikonu — E-RAPOR ile aynı
mavi buton dili, ikon-only yuvarlak varyant (2026-09-09 kullanıcı isteği). */
/* E-RAPOR (li:last-child > .nav-link) ile TAM aynı görünüm: Bootstrap'in
.btn/.btn-primary'sinden gelen border, box-shadow ve renk farkını eziyoruz. */
.adagen-nav-search-btn {
/*