/* KoinTool Glossary v1.6 - Core Theme Engine */

.kt-glossary-container {

    --kt-bg: transparent;

    --kt-accent: #61ce70;

    --kt-text-main: #ffffff;

    --kt-text-sub: #bbbbbb;

    --kt-border: #333333;

    color: var(--kt-text-main);

    padding: 40px 20px;

    width: 100%;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

}



/* Light Mode Overrides */

.kt-glossary-container.light-mode {

    --kt-bg: transparent;

    --kt-accent: #28a745;

    --kt-text-main: #111111;

    --kt-text-sub: #555555;

    --kt-border: #cccccc;

    color: var(--kt-text-main);

}



.kt-glossary-container.light-mode #kt-glossary-search-input {

    background: #ffffff;

    color: #111111;

}



.glossary-header { 

    display: flex; 

    flex-direction: column; 

    align-items: center; 

    margin-bottom: 60px; 

}



.glossary-alphabet-filter { 

    display: flex; 

    flex-wrap: wrap; 

    justify-content: center; 

    gap: 25px; 

    margin-bottom: 40px; 

}



.alphabet-letter {

    color: var(--kt-text-main) !important;

    font-size: 24px;

    font-weight: 800;

    text-decoration: none;

    opacity: 0.4;

    transition: all 0.2s ease;

}



.alphabet-letter:hover {

    opacity: 1;

    color: var(--kt-accent) !important;

    transform: translateY(-2px);

}



#kt-glossary-search-input {

    background: #111111;

    color: #ffffff;

    border: 2px solid var(--kt-border);

    padding: 18px 30px;

    border-radius: 50px;

    width: 100%;

    max-width: 500px;

    text-align: center;

    font-size: 18px;

    transition: border-color 0.3s;

}



#kt-glossary-search-input:focus {

    border-color: var(--kt-accent);

    outline: none;

}



.glossary-section { 

    position: relative; 

    padding-left: 140px; 

    margin-bottom: 100px; 

}



/* BRANDED WATERMARK HEADING */

.kt-glossary-container .glossary-letter-heading {

    position: absolute !important;

    left: 0 !important;

    top: -20px !important;

    font-size: 130px !important;

    font-weight: 900 !important;

    color: var(--kt-accent) !important; 

    opacity: 0.15 !important;

    z-index: 1 !important;

    pointer-events: none;

    line-height: 1;

}



.glossary-section-terms { 

    border-left: 3px solid var(--kt-border); 

    padding-left: 50px; 

}



.glossary-term {

    margin-bottom: 50px;

}



.glossary-term-title { 

    font-size: 38px; 

    font-weight: 800;

    color: var(--kt-text-main) !important; 

    margin-bottom: 15px;

    letter-spacing: -0.5px;

}



.glossary-term-definition { 

    color: var(--kt-text-sub) !important; 

    font-size: 20px; 

    line-height: 1.8; 

}



/* BACK TO TOP - KoinTool Branded */

#kt-glossary-back-to-top {

    position: fixed; 

    bottom: 40px; 

    right: 40px;

    background: var(--kt-accent); 

    color: #000;

    width: 60px; 

    height: 60px; 

    line-height: 60px;

    text-align: center; 

    border-radius: 50%;

    display: none; 

    z-index: 999;

    font-size: 24px;

    font-weight: bold;

    box-shadow: 0 10px 20px rgba(0,0,0,0.3);

    transition: transform 0.2s;

}



#kt-glossary-back-to-top:hover {

    transform: scale(1.1);

}