.elementor-12142 .elementor-element.elementor-element-5732f9d5{--display:flex;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12142 .elementor-element.elementor-element-94ca5d9 > .elementor-widget-container{padding:30px 0px 0px 0px;}.elementor-12142 .elementor-element.elementor-element-94ca5d9{text-align:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-12142 .elementor-element.elementor-element-5732f9d5{--padding-top:0px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-160a77f9 *//* ========================================= */
/* 1. SÖZLÜK HARF FİLTRESİ (ÜST KISIM)       */
/* ========================================= */
.cm-glossary .glossary-container .ln-letters {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important; /* Harfleri sayfanın tam ortasına hizalar */
    gap: 25px !important;
    padding: 10px 0 !important;
    margin-bottom: 20px !important;
    border: none !important;
}

.cm-glossary .glossary-container .ln-letters a {
    text-decoration: none !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    color: #666666 !important;
    transition: color 0.3s ease !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important; 
    margin: 0 !important;
    box-shadow: none !important;
}

.cm-glossary .glossary-container .ln-letters a:hover,
.cm-glossary .glossary-container .ln-letters a.ln-selected {
    color: #e30613 !important; 
}

.cm-glossary .glossary-container .ln-letters a.ln-disabled {
    opacity: 0.3 !important;
    pointer-events: none !important;
}

/* 0-9 ve Eklenti Baloncuklarını Gizle */
.cm-glossary .glossary-container .ln-letters a.ln-_,
.cm-glossary .glossary-container .ln-letter-count,
.cm-glossary .glossary-container .ln-letters a span {
    display: none !important;
}

/* ========================================= */
/* 2. SÖZLÜK KELİME KUTULARI (ALT KISIM)     */
/* ========================================= */
/* Kutuları aralıklı bir Grid (Izgara) sistemine sokar */
.cm-glossary ul.glossaryList {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important; 
    gap: 20px !important; /* KUTULAR ARASI İSTEDİĞİN BOŞLUK */
    padding: 0 !important;
    margin: 20px 0 0 0 !important;
    list-style: none !important;
    border: none !important;
}

/* Liste elemanlarının varsayılan ayarlarını sıfırlar */
.cm-glossary ul.glossaryList li {
    list-style: none !important;
    margin: 0 !important; 
    padding: 0 !important;
    border: none !important;
    /* display: block !important; komutu silindi ki filtreleme çalışabilsin */
}

/* Kutu Tasarımı */
.cm-glossary ul.glossaryList li a {
    display: flex !important;
    justify-content: space-between !important; /* Yazı solda, ok sağda kalır */
    align-items: center !important; 
    background-color: #ffffff !important;
    border: 2px solid #eaeaea !important; /* Gri çerçeve */
    border-radius: 8px !important; 
    padding: 16px 20px !important; 
    color: #333333 !important; 
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important; 
    transition: all 0.3s ease !important; /* Hover animasyonu için yumuşak geçiş */
    box-sizing: border-box !important;
}

/* Sağdaki Ok İşareti (>) */
.cm-glossary ul.glossaryList li a::after {
    content: "" !important;
    display: block !important; 
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid #a0a0a0 !important; 
    border-top: 2px solid #a0a0a0 !important;
    transform: rotate(45deg) !important; 
    transition: border-color 0.3s ease !important;
    flex-shrink: 0 !important;
    margin-left: 15px !important;
}

/* ========================================= */
/* HOVER (ÜZERİNE GELİNCE OLACAKLAR)         */
/* ========================================= */
.cm-glossary ul.glossaryList li a:hover {
    border-color: #e30613 !important; /* Çerçeve kırmızı olur */
    color: #e30613 !important; /* Yazı kırmızı olur */
    box-shadow: 0 4px 12px rgba(227, 6, 19, 0.08) !important; /* Hafif kırmızı gölge */
    transform: translateY(-2px) !important; /* Kutu hafifçe yukarı kalkar */
}

/* Hover durumunda ok işaretinin rengi de kırmızı olur */
.cm-glossary ul.glossaryList li a:hover::after {
    border-color: #e30613 !important;
}

/* Eklentinin "Bulunamadı" uyarısını tamamen gizler */
.cm-glossary ul.glossaryList li.ln-no-match {
    display: none !important;
}/* End custom CSS */