/* Main CSS - SEO Friendly Theme */

/* Paragraflar - varsayılan */
p {
    padding: 0;
    margin: 0;
}

html {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto;
    scrollbar-gutter: stable;
}
body {
    margin: 0 !important;
    padding: 0 !important;
}

/* İçerik zemini: body dış çerçeve renginin üzerinde ayarlanabilir blok */
.seofriendly-site-surface,
.background-body {
    background-color: #ffffff;
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
    box-sizing: border-box;
}

/* Keep WP admin bar above all theme layers */
#wpadminbar {
    z-index: 2147483647 !important;
}
#wpadminbar .ab-sub-wrapper,
#wpadminbar .menupop .ab-sub-wrapper {
    z-index: 2147483647 !important;
}

/* Layout */
main {
    min-height: 700px;
}
.seofriendly-preloader__image-loader {
    position: relative;
    display: inline-block;
    width: 200px;
}

.seofriendly-preloader__image-base {
    display: block;
    width: 100%;
    height: auto;
    opacity: .25;
}

.seofriendly-preloader__image-fill {
    position: absolute;
    inset: 0;
    width: 0;
    overflow: hidden;
    animation: sf-preloader-image-fill 1.4s ease-in-out infinite;
}

.seofriendly-preloader__image-fill img {
    display: block;
    width: 200px;
    height: auto;
    opacity: 1;
}

@keyframes sf-preloader-image-fill {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}
.seofriendly-cv-auto {
    content-visibility: auto;
    contain-intrinsic-size: 1px 900px;
}
.site-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

/* Hamburger / arama position:absolute için konum bağlamı (header satırında relative yok) */
#masthead.site-header > .container {
    position: relative;
}

.site-branding {
    flex: 1;
    min-width: 200px;
}

.site-title {
    font-size: 1.8em;
    margin: 0;
}

.site-title a {
    color: #222;
    text-decoration: none;
}

.site-description {
    font-size: 0.9em;
    color: #666;
    margin: 0.5rem 0 0 0;
}

/* Navigation */
.main-navigation {
    flex: 1;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.5rem;
}

.menu-toggle {
    display: none;
    background: none;
    border: 2px solid #333;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-size: 1rem;
}

.menu-toggle-icon {
    display: inline-block;
    width: 20px;
    height: 15px;
    position: relative;
    margin-left: 0.5rem;
    vertical-align: middle;
}

.menu-toggle-icon span {
    display: block;
    height: 2px;
    width: 100%;
    background: #333;
    margin: 3px 0;
    transition: all 0.3s;
}

.nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 1.5rem;
}

.nav-menu li {
    margin: 0;
}

.nav-menu a {
    color: #333;
    font-weight: 500;
    padding: 0.5rem 0;
    text-decoration: none;
    display: block;
    transition: color 0.3s;
}

.nav-menu a:hover {
    color: #0073aa;
    text-decoration: underline;
}

/* Linke ozel satir yuksekligi (main + alt menu linkleri) */
.main-navigation .nav-menu > li > a,
.main-navigation .nav-menu .sub-menu a {
    line-height: 1.5;
}

.header-search-link {
    color: #333;
    font-weight: 500;
    text-decoration: none;
    padding: 0.5rem 0;
    transition: color 0.3s;
}

.header-search-link:hover {
    color: #0073aa;
}

/* Öne çıkan başlık (Featured title hero): viewport tam genişlik, main padding’inden taşma */
.seofriendly-featured-title {
    position: relative;
    box-sizing: border-box;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    min-height: var(--ft-min-h, 280px);
    display: flex;
    align-items: stretch;
    justify-content: center;
    overflow: hidden;
    background-repeat: no-repeat;
}

@media (max-width: 999px) {
    .seofriendly-featured-title {
        min-height: var(--ft-min-h-m, 200px);
    }
}

.seofriendly-featured-title__media {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-repeat: no-repeat;
}

.seofriendly-featured-title__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.seofriendly-featured-title__content {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--ft-pad, 2.5rem 0);
    box-sizing: border-box;
    background: transparent !important;
}

.seofriendly-featured-title__inner {
    width: 100%;
    max-width: var(--ft-maxw, none);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.seofriendly-featured-title__breadcrumb-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
}

.seofriendly-featured-title .breadcrumb.seofriendly-breadcrumb--in-featured-title {
    margin: 0;
    width: 100%;
    max-width: 100%;
}

.seofriendly-featured-title .breadcrumb.seofriendly-breadcrumb--in-featured-title ol {
    justify-content: center;
    flex-wrap: wrap;
}

.seofriendly-featured-title .breadcrumb.seofriendly-breadcrumb--in-featured-title,
.seofriendly-featured-title .breadcrumb.seofriendly-breadcrumb--in-featured-title a,
.seofriendly-featured-title .breadcrumb.seofriendly-breadcrumb--in-featured-title span {
    color: rgba(255, 255, 255, 0.92);
}

.seofriendly-featured-title .breadcrumb.seofriendly-breadcrumb--in-featured-title a:hover {
    color: #ffffff;
}

.seofriendly-featured-title .breadcrumb.seofriendly-breadcrumb--in-featured-title li:not(:last-child)::after {
    color: rgba(255, 255, 255, 0.5);
}

.seofriendly-featured-title--align-left .seofriendly-featured-title__inner {
    margin-left: 0;
    margin-right: auto;
    align-items: stretch;
}

.seofriendly-featured-title--align-center .seofriendly-featured-title__inner {
    text-align: center;
}

.seofriendly-featured-title--align-right .seofriendly-featured-title__inner {
    margin-left: auto;
    margin-right: 0;
    align-items: stretch;
}

.seofriendly-featured-title--align-left .seofriendly-featured-title__breadcrumb-wrap,
.seofriendly-featured-title--align-right .seofriendly-featured-title__breadcrumb-wrap {
    justify-content: center;
}

.seofriendly-featured-title__heading {
    margin: 0;
    width: 100%;
    font-size: clamp(1.5rem, 4vw, 2.5rem);
    line-height: 1.2;
    font-weight: 600;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.35);
}

.seofriendly-featured-title--align-left .seofriendly-featured-title__heading {
    text-align: left;
}

.seofriendly-featured-title--align-center .seofriendly-featured-title__heading {
    text-align: center;
}

.seofriendly-featured-title--align-right .seofriendly-featured-title__heading {
    text-align: right;
}

/* Breadcrumb */
.breadcrumb {
    margin: 1rem 0 2rem 0;
}

.breadcrumb ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.breadcrumb li {
    display: inline;
}

.breadcrumb li:not(:last-child)::after {
    content: " / ";
    margin-left: 0.5rem;
    color: #999;
}

.breadcrumb a {
    color: #0073aa;
}

/* Content Area */
.content-area {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 20px;
    margin-top: 0px;
}
.content-area--full {
    display: block;
}

/* Sidebar solda seçildiğinde sütun sırası */
.content-area--sidebar-left {
    grid-template-columns: 420px 1fr;
}
.content-area--sidebar-left .primary-content {
    order: 1;
}
.content-area--sidebar-left .sidebar {
    order: 0;
}

.primary-content {
    min-width: 0;
}

/* Posts */
.entry-header {
    margin-bottom: 0px;
}

.entry-title {
    margin-bottom: 0.5rem;
}

.entry-meta {
    font-size: 0.9em;
    color: #666;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.entry-meta span {
    display: inline-block;
}

.post-thumbnail {
    margin: 1.5rem 0;
}

.post-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
}

.entry-content {
    line-height: 1.8;
}

.entry-content img {
    max-width: 100%;
    height: auto;
}


.read-more {
    display: inline-block;
    margin-top: 1rem;
    font-weight: 600;
}

.entry-footer {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #eee;
    font-size: 0.9em;
}

/* Author Box */
.author-box {
    margin: 3rem 0;
    padding: 2rem;
    background: #f9f9f9;
    border-radius: 8px;
}

.author-info {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.author-info img {
    border-radius: 50%;
}


/* Related Posts */
.related-posts {
    margin: 3rem 0;
    padding: 2rem;
    background: #f9f9f9;
    border-radius: 8px;
}

.related-posts ul {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0 0;
}

.related-posts li {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
    position: relative;
}

.related-posts li::before {
    content: "→";
    position: absolute;
    left: 0;
    color: #0073aa;
}

/* Sidebar */
/* .sidebar stilleri Sidebar Component'ten inline gelir (baskın) */
.sidebar {
    /* Tüm değerler Sidebar Components Style'dan uygulanır */
}

.widget {
    margin-bottom: 2rem;
}

.widget:last-child {
    margin-bottom: 0;
}

.widget-title {
    font-size: 1.2em;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #0073aa;
}

/* Footer */
.footer-widgets {
    margin-bottom: 2rem;
}

.footer-columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.footer-column .widget {
    background: transparent;
    padding: 0;
}

.footer-column .widget-title {
    color: #fff;
    border-bottom-color: #444;
}

.footer-column a {
    color: #ccc;
}

.footer-column a:hover {
    color: #fff;
}

.site-info {
    text-align: center;
    padding-top: 2rem;
    border-top: 1px solid #444;
    font-size: 0.9em;
}

.site-info p {
    margin: 0.5rem 0;
}

.theme-credit a {
    color: #0073aa;
}

/* Custom Footer Text */
.custom-footer-text {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #444;
}

/* Social Links */
.social-links {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin: 1.5rem 0;
    flex-wrap: wrap;
}

.social-links a {
    display: inline-block;
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    font-size: 0.9em;
}

.social-links a:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

/* Custom Logo */
.custom-logo-link {
    display: inline-block;
}

.custom-logo {
    max-height: none;
    width: auto;
    height: auto;
}

.custom-logo--mobile {
    display: none;
}

@media (max-width: 768px) {
    .custom-logo--desktop {
        display: none;
    }
    .custom-logo--mobile {
        display: inline-block;
    }
}

/* Pagination */
.pagination {
    margin: 3rem 0;
    text-align: center;
}

.page-numbers {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin: 0 0.25rem;
    border: 1px solid #ddd;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
}

.page-numbers:hover,
.page-numbers.current {
    background: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

/* Comments */
.comments-area {
    margin-top: 3rem;
}

.comment-list {
    list-style: none;
    padding: 0;
}

.comment {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: #f9f9f9;
    border-radius: 8px;
}

.comment-author {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.comment-meta {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 1rem;
}

/* Search Form */
.search-form {
    display: flex;
    gap: 0.5rem;
    margin: 1rem 0;
    max-width: 100%;
}

.search-form .search-field-wrap {
    position: relative;
    flex: 1;
    min-width: 0;
}

.search-form .search-field {
    flex: 1;
    min-width: 0;
    width: 100%;
    padding-left: 20px !important;
}

.search-form input[type="search"],
.search-form .search-field {
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1em;
}

.search-form input[type="submit"],
.search-form .search-submit {
    padding: 0.75rem 1.5rem;
    background: #0073aa;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}

.search-form input[type="submit"]:hover,
.search-form .search-submit:hover {
    background: #005177;
}

body.search .search-suggested {
    text-align: center;
    margin: 50px 0px;
}

.search-suggested__title {
    margin-top: 0;
    margin-bottom: 1rem;
}

.search-suggested__cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    justify-content: center;
    align-content: center;
    margin-top: 40px;
}

.search-suggested__tag {
    display: inline-block;
    padding: 3px 15px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .05);
    font-weight: 600;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, .1);
    color: #1f2937;
    line-height: 1.35;
    transition: all 0.2s ease;
}

.search-suggested__tag:hover,
.search-suggested__tag:focus {
    background: #e6efff;
    color: #0f2d7a;
    border-color: #a9c3ff;
}

.search-suggested__tag.is-weight-1,
.search-suggested__tag.is-weight-2,
.search-suggested__tag.is-weight-3,
.search-suggested__tag.is-weight-4 {
    font-size: inherit;
    font-weight: inherit;
}

body.search .search-autocomplete {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    width: 100%;
    margin-top: 0;
    text-align: left;
    z-index: 30;
}

body.search .search-autocomplete__list {
    list-style: none;
    margin: 0;
    padding: 6px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .08);
}

body.search .search-autocomplete__item + .search-autocomplete__item {
    margin-top: 4px;
}

body.search .search-autocomplete__item--action {
    padding-bottom: 4px;
    margin-bottom: 2px;
    border-bottom: 1px dashed rgba(0, 0, 0, .12);
}

body.search .search-autocomplete__link {
    display: block;
    padding: 10px 12px;
    border-radius: 8px;
    color: #111827;
    text-decoration: none;
}

body.search .search-autocomplete__link:hover,
body.search .search-autocomplete__link:focus {
    background: rgba(0, 0, 0, .04);
}

body.search .search-autocomplete__action-link {
    font-weight: 600;
    color: #0048ac;
}

/* 404 Page */
.error-404 {
    text-align: center;
    padding: 3rem 0;
}

.error-404-actions {
    margin-top: 2rem;
    text-align: left;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.error-404-actions ul {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
}

.error-404-actions li {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
    position: relative;
}

.error-404-actions li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #0073aa;
}

.recent-posts {
    margin-top: 2rem;
    text-align: left;
}

.recent-posts ul {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0 0;
}

.recent-posts li {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
    position: relative;
}

.recent-posts li::before {
    content: "→";
    position: absolute;
    left: 0;
    color: #0073aa;
}

/* Screen Reader Text */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    clip: auto !important;
    height: auto;
    width: auto;
    position: static !important;
}

/* Responsive */
@media (max-width: 768px) {
    .menu-toggle {
        display: inline-block;
    }

    .nav-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        flex-direction: column;
        padding: 1rem;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        z-index: 1000;
    }

    .nav-menu.active {
        display: flex;
    }

    .content-area {
        grid-template-columns: 1fr;
    }
    .content-area .primary-content {
        order: 0;
    }
    .content-area .sidebar {
        order: 1;
    }

    .footer-columns {
        grid-template-columns: 1fr;
    }

    .site-header-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .main-navigation {
        width: 100%;
        text-align: left;
        margin-top: 1rem;
    }
}

/* =========================================================
   Mobile Hamburger + Drawer (Theme Settings controlled)
   ========================================================= */
.seofriendly-hamburger-wrap {
    display: none;
    align-items: center;
    width: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    z-index: 9999;
}

.seofriendly-hamburger-wrap.is-desktop-visible {
    display: inline-flex;
}

.seofriendly-search-wrap {
    display: none;
    align-items: center;
    width: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    z-index: 9998;
}

.seofriendly-search-wrap.is-desktop-visible {
    display: inline-flex;
}

.seofriendly-hamburger-wrap--left {
    left: var(--sf-icons-offset-desktop, 35px);
}

.seofriendly-hamburger-wrap--right {
    right: var(--sf-icons-offset-desktop, 35px);
}

.seofriendly-search-wrap--left {
    left: var(--sf-icons-offset-desktop, 35px);
}

.seofriendly-search-wrap--right {
    right: var(--sf-icons-offset-desktop, 35px);
}

/* Dış header: akışta; flex ve absolute ikon bağlamı iç sarmalayıcıda */
.seofriendly-headerbar {
    display: block;
    width: 100%;
}

.seofriendly-headerbar__inner {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    width: 100%;
    min-width: 0;
}

/* Üstte sabit konum yok; kaydırınca JS .is-scrolled-fixed + fixed */
body.seofriendly-header-sticky-enabled .seofriendly-header-fixed-target {
    box-shadow: var(--sf-header-shadow, 0px 0px 5px rgba(0,0,0,.25));
    transition: none;
}

/* !important: WPBakery / satır içi style position:relative vb. ezer */
body.seofriendly-header-sticky-enabled .seofriendly-header-fixed-target.is-scrolled-fixed {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    top: 0 !important;
    z-index: 1000101 !important;
    box-shadow: var(--sf-header-fixed-shadow, 0px 0px 5px rgba(0,0,0,.8));
}

body.seofriendly-header-sticky-enabled .seofriendly-header-fixed-target.seofriendly-headerbar--has-fixed-bg.is-scrolled-fixed {
    background-color: var(--sf-header-fixed-bg) !important;
}

body.admin-bar.seofriendly-header-sticky-enabled .seofriendly-header-fixed-target.is-scrolled-fixed {
    top: 32px !important;
}

@media (max-width: 782px) {
    body.admin-bar.seofriendly-header-sticky-enabled .seofriendly-header-fixed-target.is-scrolled-fixed {
        top: 46px !important;
    }
    /* PHP inline top:32px — mobilde admin bar 46px (headerbar) */
    body.admin-bar.seofriendly-header-sticky-enabled .seofriendly-headerbar.seofriendly-header-fixed-target {
        top: 46px !important;
    }
}

body.seofriendly-header-sticky-enabled #masthead.seofriendly-header-fixed-target .site-header-inner {
    transition: none;
}

body.seofriendly-header-sticky-enabled.seofriendly-header-fixed-animation-enabled .seofriendly-header-fixed-target {
    transition: box-shadow .28s ease, background-color .28s ease;
}

body.seofriendly-header-sticky-enabled.seofriendly-header-fixed-animation-enabled .seofriendly-header-fixed-target[style*="--sf-header-fixed-padding:"].is-scrolled-fixed {
    padding: var(--sf-header-fixed-padding, 5px) !important;
}

body.seofriendly-header-sticky-enabled.seofriendly-header-fixed-animation-enabled .seofriendly-header-fixed-target[style*="padding:"],
body.seofriendly-header-sticky-enabled.seofriendly-header-fixed-animation-enabled .seofriendly-header-fixed-target[style*="--sf-header-fixed-padding:"] {
    transition: padding-top .28s ease, padding-bottom .28s ease;
}

.seofriendly-headerbar__inner > .seofriendly-hamburger-wrap {
    align-self: center;
}

.seofriendly-headerbar__inner > .seofriendly-search-wrap {
    align-self: center;
}

.seofriendly-headerbar__inner > .seofriendly-hamburger-wrap--right.is-desktop-visible + .seofriendly-search-wrap--right {
    right: calc(var(--sf-icons-offset-desktop, 35px) + var(--sf-mobile-icon-width-desktop, 24px) + var(--sf-icons-offset-distance, 10px));
}

.seofriendly-hamburger-wrap--right.is-desktop-visible + .seofriendly-search-wrap--right {
    right: calc(var(--sf-icons-offset-desktop, 35px) + var(--sf-mobile-icon-width-desktop, 24px) + var(--sf-icons-offset-distance, 10px));
}

.seofriendly-headerbar__inner > :not(.seofriendly-hamburger-wrap):not(.seofriendly-search-wrap) {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

.seofriendly-headerbar__inner > section.wpb-content-wrapper {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

/* Headerbar img: tutarlı görünüm, sayfa bağlamından etkilenmesin */
.seofriendly-headerbar img {
    height: auto;
    display: block;
    vertical-align: middle;
    object-fit: contain;
}

.seofriendly-hamburger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    padding: var(--sf-mobile-button-padding-desktop, var(--sf-mobile-button-padding, 10px));
    margin: 0;
    cursor: pointer;
    line-height: 1;
    transform: rotate(var(--sf-mobile-button-rotate, 0deg));
    transform-origin: center center;
}

.seofriendly-search-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    padding: var(--sf-mobile-button-padding-desktop, var(--sf-mobile-button-padding, 10px));
    margin: 0;
    line-height: 1;
    text-decoration: none;
    color: var(--sf-mobile-icon-color, #111111);
}

.seofriendly-search-toggle__glyph {
    display: inline-block;
    font-size: var(--sf-mobile-icon-width-desktop, var(--sf-mobile-icon-width, 24px));
    line-height: 1;
    transition: transform 0.2s ease;
}

.seofriendly-search-toggle__img {
    display: block;
    width: 24px;
    height: 24px;
    transition: transform 0.2s ease;
}

.seofriendly-search-toggle:hover .seofriendly-search-toggle__glyph,
.seofriendly-search-toggle:hover .seofriendly-search-toggle__img,
.seofriendly-search-toggle:focus-visible .seofriendly-search-toggle__glyph,
.seofriendly-search-toggle:focus-visible .seofriendly-search-toggle__img {
    transform: scale(1.08);
}

.seofriendly-hamburger .menu-toggle-icon {
    width: var(--sf-mobile-icon-width-desktop, var(--sf-mobile-icon-width, 24px));
    height: calc((var(--sf-mobile-icon-thickness-desktop, var(--sf-mobile-icon-thickness, 3px)) * 3) + (var(--sf-mobile-icon-gap-desktop, 4px) * 2));
    position: relative;
    margin: 0;
}

.seofriendly-hamburger .menu-toggle-icon span {
    position: absolute;
    left: 0;
    width: 100%;
    height: var(--sf-mobile-icon-thickness-desktop, var(--sf-mobile-icon-thickness, 3px));
    background: var(--sf-mobile-icon-color, #111111);
    border-radius: var(--sf-mobile-icon-border-radius, 10px);
    transition: transform 0.25s ease, opacity 0.2s ease, top 0.25s ease;
    margin: 0;
}

.seofriendly-hamburger:not(.is-active):hover .menu-toggle-icon span:nth-child(1),
.seofriendly-hamburger:not(.is-active):hover .menu-toggle-icon span:nth-child(3) {
    transform: translateX(-3px);
}

.seofriendly-hamburger:not(.is-active):hover .menu-toggle-icon span:nth-child(2) {
    transform: translateX(3px);
}

.seofriendly-hamburger .menu-toggle-icon span:nth-child(1) {
    top: 0;
}

.seofriendly-hamburger--center-wide .menu-toggle-icon span:nth-child(1),
.seofriendly-hamburger--center-wide .menu-toggle-icon span:nth-child(3) {
    width: 70%;
}

.seofriendly-hamburger--outer-wide .menu-toggle-icon span:nth-child(2) {
    width: 70%;
}

.seofriendly-hamburger--progressive .menu-toggle-icon span:nth-child(1) {
    width: 100%;
}

.seofriendly-hamburger--progressive .menu-toggle-icon span:nth-child(2) {
    width: 82%;
}

.seofriendly-hamburger--progressive .menu-toggle-icon span:nth-child(3) {
    width: 64%;
}

.seofriendly-hamburger--stair-right .menu-toggle-icon span,
.seofriendly-hamburger--stair-left .menu-toggle-icon span {
    width: 78%;
}

.seofriendly-hamburger--stair-right .menu-toggle-icon span:nth-child(1) { left: 0; }
.seofriendly-hamburger--stair-right .menu-toggle-icon span:nth-child(2) { left: 11%; }
.seofriendly-hamburger--stair-right .menu-toggle-icon span:nth-child(3) { left: 22%; }

.seofriendly-hamburger--stair-left .menu-toggle-icon span:nth-child(1) { left: 22%; }
.seofriendly-hamburger--stair-left .menu-toggle-icon span:nth-child(2) { left: 11%; }
.seofriendly-hamburger--stair-left .menu-toggle-icon span:nth-child(3) { left: 0; }

.seofriendly-hamburger .menu-toggle-icon span:nth-child(2) {
    top: calc(var(--sf-mobile-icon-thickness-desktop, var(--sf-mobile-icon-thickness, 3px)) + var(--sf-mobile-icon-gap-desktop, 4px));
}

.seofriendly-hamburger .menu-toggle-icon span:nth-child(3) {
    top: calc((var(--sf-mobile-icon-thickness-desktop, var(--sf-mobile-icon-thickness, 3px)) * 2) + (var(--sf-mobile-icon-gap-desktop, 4px) * 2));
}

.seofriendly-hamburger.is-active .menu-toggle-icon span:nth-child(1) {
    top: calc(var(--sf-mobile-icon-thickness-desktop, var(--sf-mobile-icon-thickness, 3px)) + var(--sf-mobile-icon-gap-desktop, 4px));
    transform: rotate(45deg);
}

.seofriendly-hamburger.is-active .menu-toggle-icon span:nth-child(2) {
    opacity: 0;
}

.seofriendly-hamburger.is-active .menu-toggle-icon span:nth-child(3) {
    top: calc(var(--sf-mobile-icon-thickness-desktop, var(--sf-mobile-icon-thickness, 3px)) + var(--sf-mobile-icon-gap-desktop, 4px));
    transform: rotate(-45deg);
}

.seofriendly-hamburger.is-active .menu-toggle-icon span {
    left: 0 !important;
    width: 100% !important;
}

.seofriendly-mobile-drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 999999999;
    width: var(--sf-mobile-drawer-width-desktop, 360px);
    max-width: 95vw;
    background: #ffffff;
    box-shadow: none;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: transform 0.28s ease, opacity 0.2s ease;
}

.seofriendly-mobile-drawer--left {
    left: 0;
    transform: translateX(-100%);
}

.seofriendly-mobile-drawer--right {
    right: 0;
    transform: translateX(100%);
}

.seofriendly-mobile-drawer.active {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

#seofriendly-mobile-drawer__inner,
.seofriendly-mobile-drawer__inner {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: var(--sf-mobile-scroll-thumb, rgba(0, 0, 0, 0.45)) var(--sf-mobile-scroll-track, rgba(0, 0, 0, 0.12));
}

#seofriendly-mobile-drawer__inner::-webkit-scrollbar,
.seofriendly-mobile-drawer__inner::-webkit-scrollbar {
    width: 5px;
}

#seofriendly-mobile-drawer__inner::-webkit-scrollbar-track,
.seofriendly-mobile-drawer__inner::-webkit-scrollbar-track {
    background: var(--sf-mobile-scroll-track, rgba(0, 0, 0, 0.12));
}

#seofriendly-mobile-drawer__inner::-webkit-scrollbar-thumb,
.seofriendly-mobile-drawer__inner::-webkit-scrollbar-thumb {
    background: var(--sf-mobile-scroll-thumb, rgba(0, 0, 0, 0.45));
    border-radius: 999px;
}

#seofriendly-mobilemenubar {
    width: 100%;
    min-height: 100%;
    margin: 0 !important;
}

/* Keep WPBakery columns on one line inside mobile drawer component */
#seofriendly-mobilemenubar .vc_row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

#seofriendly-mobilemenubar .vc_row > .vc_column_container {
    float: none !important;
    margin: 0 !important;
    flex: 0 0 auto;
}

#seofriendly-mobilemenubar .vc_row > .vc_column_container:last-child {
    flex: 1 1 auto;
    min-width: 0;
}

/* Header scope only: rows must stay single-line and zero padding */
header .vc_row,
header .vc_row_inner {
    padding: 0 !important;
    display: flex;
    align-items: center;
    flex-wrap: nowrap !important;
}

header .vc_row > .vc_column_container,
header .vc_row_inner > .vc_column_container {
    float: none !important;
    margin: 0 !important;
    min-width: 0;
}

/* Header only: preserve WPBakery 12-column ratios from vc_col-* classes */
header .vc_row > .vc_column_container[class*="vc_col-"],
header .vc_row_inner > .vc_column_container[class*="vc_col-"] {
    flex: 0 0 auto;
    max-width: none;
}

.seofriendly-mobile-drawer-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999999;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.seofriendly-mobile-drawer-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

body.seofriendly-mobile-drawer-open {
    overflow: hidden;
}

@media (max-width: 768px) {
    .search-form .search-field-wrap {
        width: 96%;
        margin: 0 auto;
    }

    .seofriendly-hamburger:not(.is-active):hover .menu-toggle-icon span:nth-child(1),
    .seofriendly-hamburger:not(.is-active):hover .menu-toggle-icon span:nth-child(2),
    .seofriendly-hamburger:not(.is-active):hover .menu-toggle-icon span:nth-child(3) {
        transform: none;
    }

    .seofriendly-hamburger-wrap {
        display: none;
        width: auto;
        top: 50%;
        transform: translateY(-50%);
    }
    .seofriendly-hamburger-wrap.is-mobile-visible {
        display: inline-flex;
    }
    .seofriendly-search-wrap {
        display: none;
        width: auto;
        top: 50%;
        transform: translateY(-50%);
    }
    .seofriendly-search-wrap.is-mobile-visible {
        display: inline-flex;
    }

    .seofriendly-hamburger .menu-toggle-icon {
        width: var(--sf-mobile-icon-width-mobile, var(--sf-mobile-icon-width, 24px));
        height: calc((var(--sf-mobile-icon-thickness-mobile, var(--sf-mobile-icon-thickness, 3px)) * 3) + (var(--sf-mobile-icon-gap-mobile, 4px) * 2));
    }

    .seofriendly-hamburger .menu-toggle-icon span {
        height: var(--sf-mobile-icon-thickness-mobile, var(--sf-mobile-icon-thickness, 3px));
    }

    .seofriendly-hamburger .menu-toggle-icon span:nth-child(2) {
        top: calc(var(--sf-mobile-icon-thickness-mobile, var(--sf-mobile-icon-thickness, 3px)) + var(--sf-mobile-icon-gap-mobile, 4px));
    }

    .seofriendly-hamburger .menu-toggle-icon span:nth-child(3) {
        top: calc((var(--sf-mobile-icon-thickness-mobile, var(--sf-mobile-icon-thickness, 3px)) * 2) + (var(--sf-mobile-icon-gap-mobile, 4px) * 2));
    }

    .seofriendly-hamburger.is-active .menu-toggle-icon span:nth-child(1),
    .seofriendly-hamburger.is-active .menu-toggle-icon span:nth-child(3) {
        top: calc(var(--sf-mobile-icon-thickness-mobile, var(--sf-mobile-icon-thickness, 3px)) + var(--sf-mobile-icon-gap-mobile, 4px));
    }

    .seofriendly-hamburger {
        padding: var(--sf-mobile-button-padding-mobile, var(--sf-mobile-button-padding, 10px));
        margin: 0;
    }
    .seofriendly-search-toggle {
        padding: var(--sf-mobile-button-padding-mobile, var(--sf-mobile-button-padding, 10px));
    }
    .seofriendly-search-toggle__glyph {
        font-size: var(--sf-mobile-icon-width-mobile, var(--sf-mobile-icon-width, 24px));
    }
    .seofriendly-search-toggle__img {
        width: 24px;
        height: 24px;
    }

    .seofriendly-mobile-drawer {
        width: var(--sf-mobile-drawer-width-mobile, 85vw);
    }

    .main-navigation {
        margin-top: 0;
    }

    /* Default header (without headerbar): two-column grid on mobile */
    #masthead .site-header-inner {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        column-gap: 10px;
        flex-wrap: nowrap;
    }

    #masthead .site-branding {
        min-width: 0;
    }

    .seofriendly-hamburger-wrap--right { right: var(--sf-icons-offset-mobile, 8px); }
    .seofriendly-search-wrap--right { right: var(--sf-icons-offset-mobile, 8px); }
    .seofriendly-hamburger-wrap--left { left: var(--sf-icons-offset-mobile, 8px); }
    .seofriendly-search-wrap--left { left: var(--sf-icons-offset-mobile, 8px); }

    .seofriendly-headerbar__inner > .seofriendly-hamburger-wrap--right.is-mobile-visible + .seofriendly-search-wrap--right {
        right: calc(var(--sf-icons-offset-mobile, 8px) + var(--sf-mobile-icon-width-mobile, var(--sf-mobile-icon-width, 24px)) + var(--sf-icons-offset-distance, 10px));
    }
    .seofriendly-hamburger-wrap--right.is-mobile-visible + .seofriendly-search-wrap--right {
        right: calc(var(--sf-icons-offset-mobile, 8px) + var(--sf-mobile-icon-width-mobile, var(--sf-mobile-icon-width, 24px)) + var(--sf-icons-offset-distance, 10px));
    }

    #masthead .main-navigation {
        display: none;
    }

    .main-navigation .nav-menu {
        display: none !important;
    }
}

/* Feature blocks */
.seofriendly-preloader{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;transition:opacity .28s ease,visibility .28s ease}
.seofriendly-preloader.is-hidden{opacity:0;visibility:hidden}
.seofriendly-preloader__spinner{width:54px;height:54px;border:4px solid rgba(0,0,0,.16);border-top-color:#0073aa;border-radius:999px;animation:sf-spin .85s linear infinite}
@keyframes sf-spin{to{transform:rotate(360deg)}}
.seofriendly-scroll-top{position:fixed;right:20px;bottom:24px;z-index:9999;border:none;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}
.seofriendly-scroll-top .seofriendly-scroll-top__ring{position:absolute;inset:0;pointer-events:none}
.seofriendly-scroll-top .seofriendly-scroll-top__icon{pointer-events:none}
.seofriendly-scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.seofriendly-toc__list{margin:0;padding-left:1.1rem}
.seofriendly-toc__item--l3{padding-left:.7rem}
.seofriendly-toc__item--l4{padding-left:1.4rem}
.seofriendly-share{margin:1.1rem 0 1.4rem}
.seofriendly-share__title{display:block;font-weight:600;margin-bottom:.5rem}
.seofriendly-share__list{display:flex;flex-wrap:wrap;gap:.55rem}
.seofriendly-share__btn{display:inline-flex;align-items:center;gap:.4rem;padding:.46rem .75rem;border-radius:8px;text-decoration:none;transition:background-color .2s ease,color .2s ease}
.seofriendly-share__icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.seofriendly-share__icon svg{width:1.05em;height:1.05em;display:block;flex:0 0 auto}
.seofriendly-related{margin:1.5rem 0}
.page .seofriendly-related{display:none!important}
.seofriendly-related__title{display:block;margin:0 0 .8rem}
.seofriendly-related__items{display:grid;grid-template-columns:repeat(var(--related-cols-desktop, 3),minmax(0,1fr));gap:12px}
@media (max-width: 767px){.seofriendly-related__items{grid-template-columns:repeat(var(--related-cols-mobile, 1),minmax(0,1fr))}}
.seofriendly-related--slider .seofriendly-related__items{display:flex;overflow-x:auto;padding-bottom:6px;grid-template-columns:none;gap:12px}
.seofriendly-related--slider .seofriendly-related__item{min-width:calc((100% - 12px * (var(--related-cols-desktop, 3) - 1)) / var(--related-cols-desktop, 3));flex-shrink:0}
@media (max-width: 767px){.seofriendly-related--slider .seofriendly-related__item{min-width:calc((100% - 12px * (var(--related-cols-mobile, 1) - 1)) / var(--related-cols-mobile, 1))}}
.seofriendly-related__item{background:rgba(255,255,255,0.05);border:1px solid rgba(0,0,0,0.1);border-radius:10px;overflow:hidden}
.seofriendly-related__link{display:block;text-decoration:none;color:inherit}
.seofriendly-related__item img,.idel-gallery-slider.seofriendly-related-slider .idel-slider-item img{width:100%;height:auto;display:block}
.related-grid img{width:13%;margin:10px;border-radius:10px;float:left;height:auto;display:block}
@media (max-width:767px){.related-grid img{width:calc(100% - 20px);float:none}}
.seofriendly-related__card-body{display:block;padding:.7rem .8rem}
.seofriendly-related__card-title{display:block;margin:0;font-size:var(--sf-body-font-size,1em);line-height:var(--sf-body-line-height,1.6);font-weight:500;color:var(--sf-link-color,inherit)}
.seofriendly-related__card-excerpt{display:block;margin:0;font-size:var(--sf-body-font-size,1em);line-height:var(--sf-body-line-height,1.6);font-weight:400;color:var(--sf-body-color,#333)}
/* --- İlgili içerik slider: frame (üst görsel + altta metin). Gradient: .frame-img-wrap::after ---
   --related-frame-gradient-height: alttan ince band (%), düşük tut (örn. 14–18%)
   --related-frame-gradient-fade: linear-gradient; hafif beyaz geçiş
   Görsel: radius yok (kart link overflow + border-radius kırpar). */
.seofriendly-related-slider.seofriendly-related-slider--card-frame{
  --sf-related-card-maxw:280px;
  --sf-related-card-minh:456px;
  --sf-related-card-radius:18px;
  --sf-related-card-border:none;
  --sf-related-card-surface:var(--related-frame-bg,#fff);
  --sf-related-card-shadow:0 1px 2px rgba(15,23,42,.04),0 6px 20px rgba(15,23,42,.06);
  --sf-related-card-shadow-hover:0 2px 6px rgba(15,23,42,.06),0 10px 28px rgba(15,23,42,.09);
  --related-frame-gradient-height:16%;
  --related-frame-gradient-fade:linear-gradient(to top,#fff 0%,rgba(255,255,255,.45) 55%,rgba(255,255,255,0) 100%);
  --sf-related-title:var(--related-frame-title-color,#1e293b);
  --sf-related-body:var(--related-frame-excerpt-color,#64748b);
  --sf-related-cta:var(--related-frame-more-color,#334155);
  --sf-related-pad:var(--related-frame-padding,24px 24px 22px);
}
.seofriendly-related-slider.seofriendly-related-slider--card-frame .idel-slider-item-inner{
  display:flex;
  justify-content:center;
  align-items:stretch;
  box-shadow:none;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
}
.seofriendly-related-slider .idel-slider-item-inner .seofriendly-related__link{
  display:flex;
  flex-direction:column;
  height:100%;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(0,0,0,.1);
  border-radius:10px;
  overflow:hidden;
  padding:0;
}
.seofriendly-related-slider .idel-slider-item-inner .seofriendly-related__card-body{flex:0 0 auto;border-radius:0}
.seofriendly-related-slider--card-frame .idel-slider-item-inner a.seofriendly-related__link--frame{
  box-sizing:border-box;
  width:100%;
  max-width:var(--related-frame-card-max-width,var(--sf-related-card-maxw));
  min-height:var(--related-frame-min-height,var(--sf-related-card-minh));
  margin-left:auto;
  margin-right:auto;
  padding:0;
  background:var(--sf-related-card-surface);
  border:0;
  border-radius:var(--related-frame-radius,var(--sf-related-card-radius));
  box-shadow:var(--related-frame-card-shadow,var(--sf-related-card-shadow));
  overflow:hidden;
  transition:box-shadow .2s ease;
}
.seofriendly-related-slider--card-frame .idel-slider-item-inner a.seofriendly-related__link--frame:hover{
  box-shadow:var(--related-frame-card-shadow-hover,var(--sf-related-card-shadow-hover));
}
.seofriendly-related-slider--card-frame .idel-slider-item-inner .seofriendly-related__frame-img-wrap{
  position:relative;
  flex:0 0 auto;
  width:100%;
  height:auto;
  min-height:0;
  overflow:hidden;
  line-height:0;
  background:#f1f5f9;
  border-radius:0;
  border:0;
}
.seofriendly-related-slider--card-frame .idel-slider-item-inner .seofriendly-related__frame-img-wrap::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:var(--related-frame-gradient-height,16%);
  pointer-events:none;
  background:var(
    --related-frame-image-fade,
    var(--related-frame-gradient-fade,linear-gradient(to top,#fff 0%,rgba(255,255,255,.45) 55%,rgba(255,255,255,0) 100%))
  );
}
.seofriendly-related-slider--card-frame .idel-slider-item-inner .seofriendly-related__frame-img-wrap img{
  width:100%;
  max-width:100%;
  height:auto;
  display:block;
  border:0;
  border-radius:0;
  box-shadow:none;
  object-position:var(--related-frame-image-position,center);
}
.seofriendly-related-slider--card-frame .idel-slider-item-inner .seofriendly-related__card-body{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  gap:0;
  min-height:0;

  background:var(--sf-related-card-surface);
}
.seofriendly-related-slider--card-frame .idel-slider-item-inner .seofriendly-related__card-title{
  margin:0 0 .5rem;
  font-size:var(--related-frame-title-size,clamp(1.0625rem,.98rem + .35vw,1.25rem));
  font-weight:var(--related-frame-title-weight,700);
  line-height:1.3;
  letter-spacing:-.015em;
  color:var(--sf-related-title);
}
.seofriendly-related-slider--card-frame .idel-slider-item-inner .seofriendly-related__card-excerpt{
  margin:0;
  font-size:var(--related-frame-excerpt-size,.8125rem);
  font-weight:var(--related-frame-excerpt-weight,400);
  line-height:var(--related-frame-line-height,1.65);
  color:var(--sf-related-body);
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-clamp:4;
}
.seofriendly-related-slider--card-frame .idel-slider-item-inner .seofriendly-related__card-more{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin-top:1rem;
  padding-top:.25rem;
  font-size:var(--related-frame-more-size,.8125rem);
  font-weight:600;
  line-height:1.4;
  letter-spacing:.01em;
  color:var(--sf-related-cta);
}
.seofriendly-related-slider--card-frame .idel-slider-item-inner .seofriendly-related__card-more-chevron{
  display:inline-flex;
  flex-shrink:0;
  line-height:0;
  margin-left:.125rem;
}
.seofriendly-related-slider--card-frame .idel-slider-item-inner .seofriendly-related__card-more-svg{
  display:block;
  width:1em;
  height:1em;
}
@media (max-width:767px){
  .seofriendly-related-slider.seofriendly-related-slider--card-frame{
    --sf-related-card-maxw:100%;
    --sf-related-card-minh:min(440px,92vh);
  }
}
.seofriendly-related-slider--card-overlay .idel-slider-item-inner .seofriendly-related__link--overlay{display:block;position:relative;min-height:var(--related-overlay-min-height,200px);background:var(--related-overlay-bg,transparent);border:none;padding:0;border-radius:10px;overflow:hidden}
.seofriendly-related-slider--card-overlay .idel-slider-item-inner .seofriendly-related__img-wrap{position:absolute;inset:0}
.seofriendly-related-slider--card-overlay .idel-slider-item-inner .seofriendly-related__img-wrap img{width:100%;height:100%;object-fit:cover;object-position:var(--related-overlay-image-position,bottom center);display:block}
.seofriendly-related-slider--card-overlay .idel-slider-item-inner .seofriendly-related__overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--related-overlay-bottom,rgba(0,0,0,.7)),transparent);pointer-events:none}
.seofriendly-related-slider--card-overlay .idel-slider-item-inner .seofriendly-related__overlay-text{position:absolute;bottom:0;left:0;right:0;padding:var(--related-overlay-padding,12px 16px);color:var(--related-overlay-text-color,#fff);font-size:var(--related-overlay-text-size,1rem);font-weight:var(--related-overlay-text-weight,500);text-shadow:var(--related-overlay-text-shadow,rgba(0,0,0,.4) 0px 1px 2px);line-height:var(--related-overlay-line-height,1.4);display:flex;flex-direction:column;gap:0}
.seofriendly-related-slider--card-overlay .idel-slider-item-inner .seofriendly-related__overlay-title{display:block;margin:0}
/* Category archive grid: seofriendly-category* classes, article border 0 */
.seofriendly-category{margin:var(--cat-layout-margin,1.5rem 0);padding:var(--cat-layout-padding,0)}
.seofriendly-category__items{display:grid;grid-template-columns:repeat(var(--related-cols-desktop, 3),minmax(0,1fr));gap:12px}
@media (max-width: 767px){.seofriendly-category{margin:var(--cat-layout-margin-mobile,var(--cat-layout-margin,1.5rem 0));padding:var(--cat-layout-padding-mobile,var(--cat-layout-padding,0))}.seofriendly-category__items{grid-template-columns:repeat(var(--related-cols-mobile, 1),minmax(0,1fr))}}
.seofriendly-category .seofriendly-category__item{border:0;overflow:hidden}
.seofriendly-category--card-frame .seofriendly-category__item{overflow:visible;border-radius:0;background:transparent}
.seofriendly-category__link{display:block;text-decoration:none;color:inherit}
.seofriendly-category__item img{width:100%;height:auto;display:block}
.seofriendly-category__card-body{display:block;padding:.7rem .8rem}
.seofriendly-category__card-title{display:block;margin:0;font-size:var(--sf-body-font-size,1em);line-height:var(--related-frame-line-height,var(--sf-body-line-height,1.6));font-weight:500;color:var(--sf-link-color,inherit)}
.seofriendly-category__card-excerpt{display:block;margin:0;font-size:var(--sf-body-font-size,1em);line-height:var(--sf-body-line-height,1.6);font-weight:400;color:var(--sf-body-color,#333)}
.seofriendly-category--card-frame{
  --sf-related-card-radius:18px;
  --sf-related-card-border:1px solid var(--related-frame-border-color,#e5e7eb);
  --sf-related-card-surface:var(--related-frame-bg,#fff);
  --sf-related-card-shadow:0 1px 2px rgba(15,23,42,.04),0 6px 20px rgba(15,23,42,.06);
  --sf-related-card-shadow-hover:0 2px 6px rgba(15,23,42,.06),0 10px 28px rgba(15,23,42,.09);
  --related-frame-gradient-height:16%;
  --related-frame-gradient-fade:linear-gradient(to top,#fff 0%,rgba(255,255,255,.45) 55%,rgba(255,255,255,0) 100%);
  --sf-related-title:var(--related-frame-title-color,#1e293b);
  --sf-related-body:var(--related-frame-excerpt-color,#64748b);
  --sf-related-cta:var(--related-frame-more-color,#334155);
  --sf-related-pad:var(--related-frame-padding,24px 24px 22px);
}
.seofriendly-category--card-frame .seofriendly-category__item .seofriendly-category__link--frame{
  box-sizing:border-box;
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  background:var(--sf-related-card-surface);
  border-radius:var(--related-frame-radius,var(--sf-related-card-radius));
  box-shadow:var(--related-frame-card-shadow,var(--sf-related-card-shadow));
  overflow:hidden;
  padding:0;
  text-decoration:none;
  color:inherit;
  transition:box-shadow .2s ease,border-color .2s ease;
}
.seofriendly-category--card-frame .seofriendly-category__item .seofriendly-category__link--frame:hover{
  box-shadow:var(--related-frame-card-shadow-hover,var(--sf-related-card-shadow-hover));
  border-color:var(--related-frame-border-hover,#ddd);
}
.seofriendly-category--card-frame .seofriendly-category__item .seofriendly-category__frame-img-wrap{
  position:relative;
  flex:0 0 auto;
  width:100%;
  height:auto;
  min-height:0;
  overflow:hidden;
  line-height:0;
  background:#f1f5f9;
  border-radius:0;
  border:0;
}
.seofriendly-category--card-frame .seofriendly-category__item .seofriendly-category__frame-img-wrap::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:var(--related-frame-gradient-height,16%);
  pointer-events:none;
  background:var(
    --related-frame-image-fade,
    var(--related-frame-gradient-fade,linear-gradient(to top,#fff 0%,rgba(255,255,255,.45) 55%,rgba(255,255,255,0) 100%))
  );
}
.seofriendly-category--card-frame .seofriendly-category__item .seofriendly-category__frame-img-wrap img{
  width:100%;
  max-width:100%;
  height:auto;
  display:block;
  border:0;
  border-radius:0;
  box-shadow:none;
  object-position:var(--related-frame-image-position,center);
}
.seofriendly-category--card-frame .seofriendly-category__item .seofriendly-category__link--frame .seofriendly-category__card-body{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  gap:0;
  min-height:0;
  padding:var(--sf-related-pad);
  background:var(--sf-related-card-surface);
}
.seofriendly-category--card-frame .seofriendly-category__item .seofriendly-category__link--frame .seofriendly-category__card-title{
  margin:0 0 .5rem;
  font-size:var(--related-frame-title-size,clamp(1.0625rem,.98rem + .35vw,1.25rem));
  font-weight:var(--related-frame-title-weight,700);
  line-height:1.3;
  letter-spacing:-.015em;
  color:var(--sf-related-title);
}
.seofriendly-category--card-frame .seofriendly-category__item .seofriendly-category__link--frame .seofriendly-category__card-excerpt{
  margin:0;
  font-size:var(--related-frame-excerpt-size,.8125rem);
  font-weight:var(--related-frame-excerpt-weight,400);
  line-height:var(--related-frame-line-height,1.65);
  color:var(--sf-related-body);
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-clamp:4;
}
.seofriendly-category--card-frame .seofriendly-category__item .seofriendly-category__link--frame .seofriendly-category__card-more{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin-top:1rem;
  padding-top:.25rem;
  font-size:var(--related-frame-more-size,.8125rem);
  font-weight:600;
  line-height:1.4;
  letter-spacing:.01em;
  color:var(--sf-related-cta);
}
.seofriendly-category--card-frame .seofriendly-category__item .seofriendly-category__card-more-chevron{
  display:inline-flex;
  flex-shrink:0;
  line-height:0;
  margin-left:.125rem;
}
.seofriendly-category--card-frame .seofriendly-category__item .seofriendly-category__card-more-svg{
  display:block;
  width:1em;
  height:1em;
}
.seofriendly-category--card-overlay .seofriendly-category__item .seofriendly-category__link--overlay{display:block;position:relative;min-height:var(--related-overlay-min-height,200px);background:var(--related-overlay-bg,transparent);border:none;padding:0;border-radius:10px;overflow:hidden}
.seofriendly-category--card-overlay .seofriendly-category__item .seofriendly-category__img-wrap{position:absolute;inset:0}
.seofriendly-category--card-overlay .seofriendly-category__item .seofriendly-category__img-wrap img{width:100%;height:100%;object-fit:cover;object-position:var(--related-overlay-image-position,bottom center);display:block}
.seofriendly-category--card-overlay .seofriendly-category__item .seofriendly-category__overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--related-overlay-bottom,rgba(0,0,0,.7)),transparent);pointer-events:none}
.seofriendly-category--card-overlay .seofriendly-category__item .seofriendly-category__overlay-text{position:absolute;bottom:0;left:0;right:0;padding:var(--related-overlay-padding,12px 16px);color:var(--related-overlay-text-color,#fff);font-size:var(--related-overlay-text-size,1rem);font-weight:var(--related-overlay-text-weight,500);text-shadow:var(--related-overlay-text-shadow,rgba(0,0,0,.4) 0px 1px 2px);line-height:var(--related-overlay-line-height,1.4);display:flex;flex-direction:column;gap:0}
.seofriendly-category--card-overlay .seofriendly-category__item .seofriendly-category__overlay-title{display:block;margin:0}
/* Alt kategori slider (kategori arşivi) */
.seofriendly-subcat{margin:var(--subcat-block-margin,1.5rem 0)}
.seofriendly-subcat__title{display:block;margin:0 0 .8rem;font-size:1.25rem;font-weight:600}
.seofriendly-subcat-slider .seofriendly-subcat-slider-viewport{position:relative}
.seofriendly-subcat-slider .idel-slider-item{min-width:calc((100% - var(--idel-slider-gap, 12px) * (var(--subcat-cols-desktop, 4) - 1)) / var(--subcat-cols-desktop, 4));flex-shrink:0}
@media (max-width: 767px){.seofriendly-subcat-slider .idel-slider-item{min-width:calc((100% - var(--idel-slider-gap, 12px) * (var(--subcat-cols-mobile, 2) - 1)) / var(--subcat-cols-mobile, 2))}}
.seofriendly-subcat-slider .idel-slider-item img{width:100%;height:auto;display:block}
.seofriendly-subcat__link{display:block;text-decoration:none;color:inherit}
.seofriendly-subcat-slider--card-frame .idel-slider-item-inner .seofriendly-subcat__link--frame{display:flex;flex-direction:column;height:100%;background:var(--subcat-frame-bg,rgba(255,255,255,0.05));border:1px solid var(--subcat-frame-border-color,rgba(0,0,0,0.1));border-radius:var(--subcat-frame-radius,10px);overflow:hidden;padding:var(--subcat-frame-padding,0)}
.seofriendly-subcat-slider--card-frame .idel-slider-item-inner .seofriendly-subcat__link--frame img,.seofriendly-subcat-slider--card-frame .idel-slider-item-inner .seofriendly-subcat__img-placeholder{border-radius:var(--subcat-frame-radius,10px);object-fit:cover;object-position:var(--subcat-frame-image-position,center);display:block;width:100%;height:auto;min-height:120px;background:#e8e8e8}
.seofriendly-subcat-slider--card-frame .idel-slider-item-inner .seofriendly-subcat__card-body{flex:0 0 auto;padding:.7rem .8rem}
.seofriendly-subcat-slider--card-frame .idel-slider-item-inner .seofriendly-subcat__card-title{font-size:var(--subcat-frame-title-size,1rem);color:var(--subcat-frame-title-color,inherit);font-weight:var(--subcat-frame-title-weight,500);display:block;margin:0}
.seofriendly-subcat-slider--card-frame .idel-slider-item-inner .seofriendly-subcat__card-excerpt{font-size:var(--subcat-frame-excerpt-size,0.9rem);color:var(--subcat-frame-excerpt-color,inherit);font-weight:var(--subcat-frame-excerpt-weight,400);line-height:var(--subcat-frame-line-height,1.5);display:block;margin:.25rem 0 0}
.seofriendly-subcat-slider--card-overlay .idel-slider-item-inner .seofriendly-subcat__link--overlay{display:block;position:relative;min-height:var(--subcat-overlay-min-height,200px);background:var(--subcat-overlay-bg,transparent);border:none;padding:0;border-radius:10px;overflow:hidden}
.seofriendly-subcat-slider--card-overlay .idel-slider-item-inner .seofriendly-subcat__img-wrap{position:absolute;inset:0}
.seofriendly-subcat-slider--card-overlay .idel-slider-item-inner .seofriendly-subcat__img-wrap img{width:100%;height:100%;object-fit:cover;object-position:var(--subcat-overlay-image-position,bottom center);display:block}
.seofriendly-subcat-slider--card-overlay .idel-slider-item-inner .seofriendly-subcat__img-placeholder{position:absolute;inset:0;background:#2a2a2a;display:block}
.seofriendly-subcat-slider--card-overlay .idel-slider-item-inner .seofriendly-subcat__overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--subcat-overlay-bottom,rgba(0,0,0,.7)),transparent);pointer-events:none;z-index:1}
.seofriendly-subcat-slider--card-overlay .idel-slider-item-inner .seofriendly-subcat__overlay-text{position:absolute;bottom:0;left:0;right:0;padding:var(--subcat-overlay-padding,12px 16px);color:var(--subcat-overlay-text-color,#fff);font-size:var(--subcat-overlay-text-size,1rem);font-weight:var(--subcat-overlay-text-weight,500);text-shadow:var(--subcat-overlay-text-shadow,rgba(0,0,0,.4) 0px 1px 2px);line-height:var(--subcat-overlay-line-height,1.4);display:flex;flex-direction:column;gap:.35em;z-index:2}
.seofriendly-subcat-slider--card-overlay .idel-slider-item-inner .seofriendly-subcat__overlay-title{display:block;margin:0}
.seofriendly-subcat-slider--card-overlay .idel-slider-item-inner .seofriendly-subcat__overlay-excerpt{display:block;margin:0;font-size:var(--subcat-overlay-excerpt-size,0.875rem);line-height:var(--subcat-overlay-line-height,1.4);opacity:.95}
.seofriendly-subcat-slider--card-overlay .idel-slider-item-inner .seofriendly-subcat__overlay-excerpt:empty{display:none}
.seofriendly-subcat__view-all{margin:var(--subcat-view-all-margin,.8rem 0 0);text-align:center;display:flex;align-items:center;gap:1rem}
.seofriendly-subcat__view-all::before,.seofriendly-subcat__view-all::after{content:"";flex:1;height:2px;background:var(--subcat-view-all-bg,#1c7ed6);min-width:0}
.seofriendly-subcat__view-all-link{display:inline-block;padding:var(--subcat-view-all-padding,.5rem 1.2rem);background:var(--subcat-view-all-bg,#1c7ed6);color:var(--subcat-view-all-color,#fff);text-decoration:none;border-radius:var(--subcat-view-all-radius,6px);font-size:var(--subcat-view-all-font-size,1em);font-weight:500;flex-shrink:0}
.seofriendly-subcat__view-all-link:hover{opacity:.9;background:var(--subcat-view-all-hover-bg,inherit)!important;color:var(--subcat-view-all-hover-color,inherit)!important}
@media (max-width:767px){.seofriendly-subcat__view-all-link{width:70%;max-width:70%;text-align:center;box-sizing:border-box}}
.seofriendly-subcat-slider .idel-slider-nav{color:var(--subcat-slider-nav-color,#fff);background:rgba(0,0,0,.5);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer}
.seofriendly-subcat-slider.seofriendly-subcat-slider--btn-glass .idel-slider-nav{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px) saturate(130%)}
.seofriendly-subcat-slider.seofriendly-subcat-slider--btn-solid .idel-slider-nav{background:var(--subcat-slider-nav-bg,rgba(0,0,0,.5))!important;border-color:var(--subcat-slider-nav-bg,rgba(0,0,0,.5));backdrop-filter:none}
/* Viewport yüksekliği = track yüksekliği (tek in-flow child track), butonlar buna göre ortalanır */
.idel-gallery-slider .seofriendly-related-slider-viewport,
.idel-gallery-slider .seofriendly-subcat-slider-viewport{position:relative;display:flex;flex-direction:column}
.idel-gallery-slider .idel-slider-nav{top:0;bottom:0;margin-top:auto;margin-bottom:auto;transform:none}
.seofriendly-related-slider .idel-slider-nav{color:var(--related-slider-nav-color,#fff)}
.seofriendly-related-slider.seofriendly-related-slider--btn-solid .idel-slider-nav{background:var(--related-slider-nav-bg,rgba(0,0,0,.5))!important;border-color:var(--related-slider-nav-bg,rgba(0,0,0,.5));backdrop-filter:none}
.seofriendly-related-slider.seofriendly-related-slider--btn-glass.seofriendly-related-slider--btn-glass-tinted .idel-slider-nav{background:linear-gradient(135deg,color-mix(in srgb,var(--related-slider-nav-bg) 32%, rgba(255,255,255,.30)),color-mix(in srgb,var(--related-slider-nav-bg) 14%, rgba(255,255,255,.10)))!important;border-color:color-mix(in srgb,var(--related-slider-nav-bg) 45%, rgba(255,255,255,.35));backdrop-filter:blur(8px) saturate(130%)}
.seofriendly-related__text{display:block;padding:.7rem .8rem;font-weight:500}
.seofriendly-tag-cloud{margin:1.2rem 0}
.seofriendly-tag-cloud__list a{display:inline-block;margin:0 .35rem .45rem 0;padding:.34rem .55rem;border-radius:999px;background:#f1f1f1;text-decoration:none}
.seofriendly-comments-modern{margin-top:0;background:#fff;border:0 solid #e8edf3;border-radius:0;padding:0;font-size:var(--sf-comments-font-size,14px)}
.seofriendly-comment-form{border-top:2px solid #e6e9ee;border-radius:0;padding:12px 0px;margin-bottom:14px}
.seofriendly-comment-form textarea,.seofriendly-comment-form input[type="text"],.seofriendly-comment-form input[type="email"],.seofriendly-comment-form input[type="url"]{width:100%;border:1px solid #d8dde5;border-radius:2px;padding:.62rem .72rem;background:#fff;font-size:1em}
.seofriendly-comment-form .comment-form-comment{margin:0}
.seofriendly-comment-form__tools{margin:8px 0 0;display:flex;gap:12px;color:#7f8791;font-size:1em}
.seofriendly-comment-form .form-submit{margin:0;display:flex;justify-content:flex-end}
.seofriendly-comment-form__submit{font-family:var(--sf-body-font,inherit);border:none;border-radius:3px;padding:.45rem .9rem;background:#1c7ed6;color:#fff;cursor:pointer}
.seofriendly-comments-modern .comment-list{list-style:none;list-style-type:none !important;padding:0;margin:0}
.seofriendly-comments-modern .comment-list>li{list-style:none;list-style-type:none !important}
.seofriendly-comments-modern .children{list-style:none;list-style-type:none !important;margin:0;padding-left:24px}
.seofriendly-comments-modern .children>li{list-style:none;list-style-type:none !important}
.seofriendly-comment-item{margin:0;padding:0}
.seofriendly-comment-card{display:flex;gap:12px;border-top:1px solid #edf0f3;padding:14px 0}
.seofriendly-comment-card__avatar img{border-radius:50%;display:block}
.seofriendly-comment-card__body{flex:1;min-width:0}
.seofriendly-comment-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:1em}
.seofriendly-comment-card__author{color:#2f80ed;font-weight:600}
.seofriendly-comment-card__sub{color:#7a8699;font-size:0.93em}
.seofriendly-comment-card__content{margin-top:6px;color:#2b2f36;line-height:1.55;font-size:1em}
.seofriendly-comment-card__actions{margin-top:8px;display:flex;gap:6px;align-items:center}
.seofriendly-comment-action,.seofriendly-comment-card__actions .comment-reply-link{border:1px solid #d4dae3;background:#fff;color:#4b5565;padding:4px 10px;border-radius:3px;font-size:1em;line-height:1.4;text-decoration:none;cursor:pointer}
.seofriendly-comment-card__actions .comment-reply-link{display:inline-block}
.seofriendly-comments-modern a{font-size:1em}
.seofriendly-comment-like{display:inline-flex;align-items:center;gap:6px}
.seofriendly-comment-like__icon{font-size:1em;line-height:1}
.seofriendly-comment-like__count{font-weight:600;min-width:1ch}
.seofriendly-comment-like.is-liked{border-color:#1c7ed6;color:#1c7ed6;background:#f1f7ff}
.seofriendly-comment-like.is-loading{opacity:.72;pointer-events:none}
.seofriendly-content-like{margin:1rem 0 1.15rem}
.seofriendly-content-like__btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #d4dae3;background:#fff;color:#2f3c4c;border-radius:4px;padding:.45rem .8rem;font-weight:600;cursor:pointer}
.seofriendly-content-like__icon{line-height:1}
.seofriendly-content-like__count{font-weight:700;min-width:1ch}
.seofriendly-content-like__btn.is-liked{border-color:#1c7ed6;color:#1c7ed6;background:#f1f7ff}
.seofriendly-content-like__btn.is-loading{opacity:.72;pointer-events:none}
body.seofriendly-skeleton-enabled:not(.seofriendly-page-loaded) .entry-title{position:relative;color:transparent !important;background:#e5e7eb !important;border-radius:6px;min-height:1.25em}
body.seofriendly-skeleton-enabled:not(.seofriendly-page-loaded) .entry-content{position:relative;color:transparent !important;background:#f9fafb !important;background-image:none !important;border-radius:8px}
body.seofriendly-skeleton-enabled:not(.seofriendly-page-loaded) .entry-content::after,body.seofriendly-skeleton-enabled:not(.seofriendly-page-loaded) .entry-title::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.65),rgba(255,255,255,0));animation:sf-skeleton 1.2s infinite;border-radius:inherit;pointer-events:none}
@keyframes sf-skeleton{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}