/* İzmir Frigo visual consistency hotfix - 2026-09-05
   Purpose: repair article/news tables, link hover behavior and content readability
   without changing forms, phones, lead logic or DB code. */

/* User requirement: links must never gain an underline on hover/focus.
   This file is deliberately loaded again after Porto compatibility CSS. */
html body a,
html body a:hover,
html body a:focus,
html body a:active,
html body a:visited {
    text-decoration: none !important;
    text-decoration-line: none !important;
}

/* Keep keyboard accessibility while removing underline behavior. */
html body a:focus-visible {
    text-decoration: none !important;
    text-decoration-line: none !important;
}

/* Article typography: restrained, readable and consistent across blog/news pages. */
.post-content {
    color: #4b5563;
    font-size: 15px;
    line-height: 1.78;
}
.post-content p {
    margin-bottom: 1.15rem;
}
.post-content h2,
.post-content h3,
.post-content h4 {
    color: #202a36;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: -0.01em;
}
.post-content h2 { margin-top: 2.1rem; margin-bottom: .85rem; }
.post-content h3 { margin-top: 1.85rem; margin-bottom: .75rem; }
.post-content h4 { margin-top: 1.5rem; margin-bottom: .65rem; }
.post-content ul,
.post-content ol {
    margin-bottom: 1.3rem;
}
.post-content li {
    margin-bottom: .28rem;
}
.post-content a:not(.btn) {
    color: #173A86;
    font-weight: 500;
}
.post-content a:not(.btn):hover,
.post-content a:not(.btn):focus {
    color: #D23610;
    text-decoration: none !important;
}

/*
 * Professional content tables.
 * Old global rules painted every td/th dark blue and combined poorly with
 * Bootstrap's table variables, producing dark text on dark backgrounds.
 * These article-scoped rules deliberately neutralize that legacy styling.
 */
.post-content table.table,
.blog-post table.table,
.blog-single-post table.table {
    --bs-table-bg: transparent !important;
    --bs-table-accent-bg: transparent !important;
    --bs-table-striped-bg: transparent !important;
    --bs-table-striped-color: #263238 !important;
    --bs-table-hover-bg: transparent !important;
    --bs-table-hover-color: #263238 !important;
    width: 100% !important;
    margin: 1.25rem 0 1.5rem !important;
    border: 1px solid #DCE3EA !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px;
    overflow: hidden;
    background: #FFFFFF !important;
    box-shadow: 0 5px 18px rgba(20, 36, 64, .06);
    vertical-align: middle !important;
}

.post-content table.table > thead,
.blog-post table.table > thead,
.blog-single-post table.table > thead {
    background: #173A86 !important;
    color: #FFFFFF !important;
}

.post-content table.table > thead > tr > th,
.blog-post table.table > thead > tr > th,
.blog-single-post table.table > thead > tr > th {
    background: #173A86 !important;
    color: #FFFFFF !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    text-align: left !important;
    padding: .78rem .85rem !important;
    border: 0 !important;
    border-right: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: none !important;
    vertical-align: middle !important;
}
.post-content table.table > thead > tr > th:last-child,
.blog-post table.table > thead > tr > th:last-child,
.blog-single-post table.table > thead > tr > th:last-child {
    border-right: 0 !important;
}

.post-content table.table > tbody > tr > td,
.post-content table.table > tbody > tr > th,
.blog-post table.table > tbody > tr > td,
.blog-post table.table > tbody > tr > th,
.blog-single-post table.table > tbody > tr > td,
.blog-single-post table.table > tbody > tr > th {
    background: #FFFFFF !important;
    color: #263238 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    text-align: left !important;
    padding: .72rem .85rem !important;
    border: 0 !important;
    border-bottom: 1px solid #E5EAF0 !important;
    box-shadow: none !important;
    vertical-align: top !important;
}
.post-content table.table > tbody > tr:nth-child(even) > td,
.post-content table.table > tbody > tr:nth-child(even) > th,
.blog-post table.table > tbody > tr:nth-child(even) > td,
.blog-post table.table > tbody > tr:nth-child(even) > th,
.blog-single-post table.table > tbody > tr:nth-child(even) > td,
.blog-single-post table.table > tbody > tr:nth-child(even) > th {
    background: #F7F9FC !important;
}
.post-content table.table > tbody > tr:hover > td,
.post-content table.table > tbody > tr:hover > th,
.blog-post table.table > tbody > tr:hover > td,
.blog-post table.table > tbody > tr:hover > th,
.blog-single-post table.table > tbody > tr:hover > td,
.blog-single-post table.table > tbody > tr:hover > th {
    background: #EEF3F9 !important;
    color: #202A36 !important;
}
.post-content table.table > tbody > tr:last-child > td,
.post-content table.table > tbody > tr:last-child > th,
.blog-post table.table > tbody > tr:last-child > td,
.blog-post table.table > tbody > tr:last-child > th,
.blog-single-post table.table > tbody > tr:last-child > td,
.blog-single-post table.table > tbody > tr:last-child > th {
    border-bottom: 0 !important;
}

/* Neutralize legacy row-color helper classes inside editorial content. */
.post-content table.table .hcrbslk1 th,
.post-content table.table .hcrbslk2 th,
.post-content table.table .hcrbslk4 th,
.blog-post table.table .hcrbslk1 th,
.blog-post table.table .hcrbslk2 th,
.blog-post table.table .hcrbslk4 th {
    background: #173A86 !important;
    color: #FFFFFF !important;
    border-color: rgba(255,255,255,.16) !important;
}
.post-content table.table .hcrbslk3 td,
.post-content table.table .hcric1 td,
.post-content table.table .hcric1th th,
.blog-post table.table .hcrbslk3 td,
.blog-post table.table .hcric1 td,
.blog-post table.table .hcric1th th {
    background: #FFFFFF !important;
    color: #263238 !important;
    border-color: #E5EAF0 !important;
}

/* Better table behavior on phones without destroying desktop table geometry. */
@media (max-width: 767.98px) {
    .post-content table.table,
    .blog-post table.table,
    .blog-single-post table.table {
        font-size: 12px !important;
    }
    .post-content table.table > thead > tr > th,
    .post-content table.table > tbody > tr > td,
    .post-content table.table > tbody > tr > th,
    .blog-post table.table > thead > tr > th,
    .blog-post table.table > tbody > tr > td,
    .blog-post table.table > tbody > tr > th,
    .blog-single-post table.table > thead > tr > th,
    .blog-single-post table.table > tbody > tr > td,
    .blog-single-post table.table > tbody > tr > th {
        font-size: 12px !important;
        padding: .62rem .62rem !important;
    }
}

/* Anchor jumps must not hide headings behind the sticky desktop header. */
html { scroll-padding-top: 105px; }
.post-content [id],
#hizli-teklif,
#fiyatlar,
#comments { scroll-margin-top: 105px; }

/* /izmir-frigo desktop sidebar: keep one natural page scroll.
   The quote panel must never create its own internal scrollbar. */
@media (min-width: 992px) {
    .izf-quote-sidebar {
        position: static !important;
        top: auto !important;
    }
    .izf-quote-sidebar .izf-quote-card {
        position: relative !important;
        top: auto !important;
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
        overscroll-behavior: auto !important;
        scrollbar-width: auto !important;
    }
    .izf-quote-sidebar .izf-quote-card .card-body {
        padding: 1.35rem !important;
    }
    .izf-quote-sidebar .izf-quote-form .form-control,
    .izf-quote-sidebar .izf-quote-form .form-select {
        min-height: 40px;
    }
}

/* PUBLIC FRONTEND SIDEBAR — one page, one scrollbar.
   Applies to Blog / Haberler / Kurumsal / Galeri style public sidebars only.
   Never create an internal scroll area inside the editorial sidebar. */
.main aside.sidebar {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    overscroll-behavior: auto !important;
    scrollbar-width: auto !important;
}

.main aside.sidebar .tabs,
.main aside.sidebar .tab-content,
.main aside.sidebar .tab-pane,
.main aside.sidebar .nav-list,
.main aside.sidebar .simple-post-list {
    max-height: none !important;
    height: auto !important;
    overflow-y: visible !important;
    overscroll-behavior: auto !important;
}

/* Defensive cleanup for WebKit if an older rule/plugin had made the sidebar scrollable. */
.main aside.sidebar::-webkit-scrollbar,
.main aside.sidebar .tabs::-webkit-scrollbar,
.main aside.sidebar .tab-content::-webkit-scrollbar,
.main aside.sidebar .tab-pane::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
}