/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
    --cnvs-line-height-base: 1.35 !important;
    --cnvs-line-height-content: 1.35 !important;
    --cnvs-section-margin: 2rem !important;
}

.section {
    padding: 0 !important;
}

.line.line-sm {
    margin: 0 0 1rem 0 !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin: 0 0 10px 0 !important;
}

p,
address,
.before-heading {
    line-height: var(--cnvs-line-height-content);
}

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form {
    margin-bottom: 0.5rem;
}

.book-index em {
    font-family: "Inter", sans-serif;
}

.text-primary {
    color: var(--cnvs-themecolor) !important;
}

.bg-themecolor {
    background-color: var(--cnvs-themecolor) !important;
}

.menu-link {
    color: #FFF;
}

.menu-item:hover>.menu-link {
    color: #FFF;
}

#copyrights {
    padding: 1rem 0 !important;
}

.sub-footer {
    padding: 0.5rem 0;
    background-color: var(--cnvs-themecolor);
    color: #FFF;
    font-size: var(--cnvs-copyrights-font-size);
}

.sub-footer a {
    color: #FFF;
}

a:not(.btn-link):not(.text-decoration-underline):not(.more-link):hover {
    text-decoration: underline !important;
}

.is-expanded-menu .sub-menu-container .menu-item>.menu-link {
    font-family: var(--cnvs-primary-menu-font);
}


/* Animasyonlar */
@keyframes slideUp {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

/* Çerez Bildirimi */
#cookieConsent {
    --bs-alert-margin-bottom: 0;
    right: auto;
    animation: slideUp 0.5s ease-in-out;
}

/* Yasal Sayfalar */
.legal div>ul>li {
    margin-top: 2rem;
}

.legal div>ul>li>ul>li,
.legal div>ul>li>ul>li>ul {
    margin-top: 1rem;
}

.legal ul li {
    list-style: none;
    margin-bottom: 1rem;
}

/* Arama Sonuçları */
.search-results {
    position: absolute;
    top: 100%;
    right: 0;
    width: 200%;
    background-color: var(--bs-white);
    border-radius: var(--bs-border-radius);
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    display: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.search-results.has-results {
    display: block;
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.search-results li {
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.search-results li:hover {
    background-color: var(--bs-gray-100);
}

.search-highlight {
    background-color: #ffff00;
    color: #000;
}

footer .list-arrow-styled {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    font-size: 0.875em;
    margin: 0;
    gap: 1rem;
}

footer ul.list-arrow-styled ul {
    margin: 0 auto;
    padding: 0;
}

footer ul.list-arrow-styled li {
    padding: 0 1rem;
}

footer ul.list-arrow-styled li::before {
    content: "› ";
    font-weight: bold;
    font-size: 1.25rem;
    margin: 0 .2rem .5rem 0;
}

footer ul.list-arrow-styled a {
    text-decoration: none;
    color: var(--bs-white);
}

footer ul.list-arrow-styled a:hover {
    text-decoration: underline;
}

footer ul.list-arrow-styled a.active {
    text-decoration: underline !important;
}

.flag-disabled {
    filter: grayscale(100%);
    opacity: 0.6;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: var(--bs-primary);
}

.list-group-item.active {
    background-color: var(--cnvs-contrast-200);
    border-color: var(--cnvs-contrast-300);
    color: var(--cnvs-contrast-900);
}

.postcontent .entry-image {
    margin-bottom: 0;
}

.postcontent .entry-content-wrap {
    position: relative;
    background: var(--cnvs-contrast-100);
    margin-top: -6rem;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 1.5rem 2rem;
    padding-bottom: 0;
    border-radius: 0.25rem;
    z-index: 1;
}

.postcontent .details .entry-title h2 {
    text-transform: none;
    letter-spacing: 0;
    font-size: 2rem;
    font-weight: 600;
    color: var(--cnvs-themecolor);
}

.postcontent .details h2,
.postcontent .details h3 {
    font-weight: 500;
}

.top-search-form input {
    color: #FFF !important;
    font-size: 1.75rem !important;
}

.top-search-form input::placeholder {
    color: #FFF !important;
    opacity: 1;
}

.top-search-open #top-search a i:nth-child(2) {
    color: #FFF !important;
}

.cnvs-hamburger-inner,
.cnvs-hamburger-inner::after,
.cnvs-hamburger-inner::before {
    background-color: #FFF !important;
}

.primary-menu.primary-menu-active img {
    height: 24px !important;
}

.primary-menu.primary-menu-active .sub-menu-container .menu-item>.menu-link,
.primary-menu.primary-menu-active .menu-item .sub-menu-trigger {
    color: #FFF !important;
}

.menu-link.active {
    text-decoration: underline !important;
}

.breadcrumb {
    background-color: var(--cnvs-contrast-100);
    border-radius: 0.375rem;
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
}

.header-text {
    position: relative;
    margin-right: auto;
    color: #FFF;
}

@media (min-width: 320px) {
    .header-text {
        max-width: 180px;
        font-size: 0.65rem;
    }
}

@media (min-width: 576px) {
    .header-text {
        max-width: 300px;
        font-size: 0.75rem;
    }
}
@media (min-width: 768px) {
    .header-text {
        max-width: 450px;
        font-size: 0.85rem;
    }
}
@media (min-width: 992px) {
    .header-text {
        max-width: 250px;
        font-size: 0.75rem;
    }
}
@media (min-width: 1200px) {
    .header-text {
        max-width: 400px;
        font-size: 0.95rem;
    }
}
@media (min-width: 1400px) {
    .header-text {
        max-width: 450px;
        font-size: 1rem;
    }
}



