/* TULPAR'a özel ek stiller — şablon (app.css / theme-s5.css) dosyalarına DOKUNMAZ.
   Şablon güncellenirse yalnız bu dosya korunur. */

/* ── Gruplu ürün menüsü ──────────────────────────────────────────────────────
   12 ürün sayfası tek sütuna sığmıyordu; menü üç başlıklı sütuna ayrıldı
   (Küme Operasyonu / Altyapı & Sağlama / Yönetişim & Güvenlik). Mobilde menü
   zaten tam ekran akordeon olduğu için sütunlar alt alta yığılır, başlıklar
   orada da gruplamayı okunur kılar. */

.nk-menu-mega-title {
    font-size: .6875rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--bs-content);
    opacity: .5;
    padding: .75rem 1rem .25rem;
}

.nk-menu-mega-foot {
    margin-top: .25rem;
    padding-top: .25rem;
    border-top: var(--menu-dropdown-border-width) solid var(--menu-dropdown-border-color);
}

@media (min-width: 1200px) {
    .nk-menu-dropdown.nk-menu-dropdown-mega {
        --menu-dropdown-width: 44rem;
        left: 50%;
        transform: translateX(-50%);
        max-width: calc(100vw - 2rem);
    }

    .nk-menu-dropdown-mega .nk-menu-mega-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: .5rem;
    }

    /* Grup başlıkları sütunların en üstünde aynı hizada başlasın. */
    .nk-menu-dropdown-mega .nk-menu-mega-col > .nk-menu-mega-title {
        padding-top: .25rem;
    }
}

/* ── Yetenek kartlarından ürün sayfalarına bağlantı ──────────────────────────
   Ana sayfadaki kompakt yetenek şeridinin 12 kalemi ile ürün detay sayfaları
   birebir eşleşiyor; kartın tamamı bağlantı. Bağlantı olduğu belli olsun diye
   sağda soluk bir chevron duruyor, hover'da başlıkla birlikte canlanıyor. */

.tulpar-cap-link {
    color: inherit;
    text-decoration: none;
    transition: color .25s ease-in-out;
}

.tulpar-cap-link h6 {
    transition: color .25s ease-in-out;
}

.tulpar-cap-link:hover h6 {
    color: var(--bs-primary-light);
}

.tulpar-cap-chevron {
    font-size: .875rem;
    opacity: .25;
    transition: opacity .25s ease-in-out, transform .25s ease-in-out;
}

.tulpar-cap-link:hover .tulpar-cap-chevron {
    opacity: .9;
    transform: translateX(3px);
}

/* Özellikler sayfasındaki kartların altındaki "Detaylar →" bağlantısı. */
.tulpar-cap-more {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    margin-top: 1rem;
}

.tulpar-cap-more .icon {
    transition: transform .25s ease-in-out;
}

.tulpar-cap-more:hover .icon {
    transform: translateX(3px);
}

/* Madde sayısı karttan karta değiştiği için "Detaylar" bağlantısını kartın
   altına sabitle — kartlar zaten h-100 ile eşit yükseklikte. :has() desteklemeyen
   eski tarayıcıda bağlantı maddelerin hemen altında kalır (bozulmaz). */
.card-body:has(> .tulpar-cap-more) {
    display: flex;
    flex-direction: column;
}

.card-body:has(> .tulpar-cap-more) .tulpar-cap-more {
    margin-top: auto;
    padding-top: 1rem;
}