/* Turhal Kent Rehberi, scoped to this module only. */
.sp-kr-wrap,.sp-kr-single{width:100%;max-width:100%;margin:0;color:var(--sp-text,#172033)}
.sp-kr-wrap *,.sp-kr-single *,.sp-kr-admin *{box-sizing:border-box}
.sp-kr-hero{padding:clamp(25px,5vw,58px);border-radius:18px;color:white;background:linear-gradient(120deg,#112743 0%,#263c60 48%,#9b263c 100%);box-shadow:0 12px 28px rgba(18,40,60,.12)}
.sp-kr-eyebrow,.sp-kr-hero>span{display:block;font-size:11px;font-weight:850;letter-spacing:1.5px;color:#ffdfc7}
.sp-kr-hero h1{font-size:clamp(28px,4vw,49px);font-weight:850;margin:12px 0 8px;color:#fff!important;line-height:1.15}
.sp-kr-hero p{max-width:690px;line-height:1.6;font-size:clamp(13px,1.5vw,16px);color:#e7eef8;margin:0}
.sp-kr-hero-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.sp-kr-hero-links a{font-size:12px;font-weight:750;border:1px solid rgba(255,255,255,.35);border-radius:9px;padding:10px 13px;color:white!important;text-decoration:none;background:rgba(255,255,255,.11)}
.sp-kr-search{padding:15px 18px;border:1px solid #dce4ee;background:var(--sp-surface,#fff);border-radius:13px;margin:18px 0 12px}
.sp-kr-search label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}
.sp-kr-search>div{display:flex;gap:8px}
.sp-kr-search input,.sp-kr-form input:not([type=checkbox]):not([type=file]),.sp-kr-form select,.sp-kr-form textarea{width:100%;min-width:0;min-height:42px;padding:9px 12px;color:var(--sp-text,#172033);background:var(--sp-surface,#fff);border:1px solid #cbd5e1;border-radius:9px;font:inherit}
.sp-kr-search button,.sp-kr-form button[type=submit],.sp-kr-contribute>a{border:0;border-radius:9px;background:var(--sp-brand-red,#a51d31)!important;color:#fff!important;font-weight:800;padding:10px 18px;text-decoration:none;white-space:nowrap;cursor:pointer}
.sp-kr-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;white-space:nowrap;border-bottom:1px solid #dfe6ee;margin-bottom:22px;padding:6px 0 9px}
.sp-kr-tabs a{text-decoration:none;font-size:13px;font-weight:750;border:1px solid #d9e2eb;border-radius:9px;padding:9px 13px;color:var(--sp-text,#24364c);background:var(--sp-surface,#fff)}
.sp-kr-tabs a.is-active{color:#fff;background:var(--sp-brand-red,#a51d31);border-color:var(--sp-brand-red,#a51d31)}
.sp-kr-section{margin:16px 0 34px}
.sp-kr-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 13px}
.sp-kr-heading span{color:#b4233a;font-size:10px;letter-spacing:1.2px;font-weight:900}
.sp-kr-heading h2{font-size:clamp(18px,2vw,24px);font-weight:850;letter-spacing:-.02em;margin:4px 0 0;color:var(--sp-text,#172033)}
.sp-kr-heading>a{font-size:12px;font-weight:800;white-space:nowrap;text-decoration:none;color:var(--sp-brand-red,#a51d31)}
.sp-kr-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(12,27,50,.09)}
.sp-kr-cover img{width:100%;height:100%;object-fit:cover;display:block}
.sp-kr-tag{font-size:10px;font-weight:800;color:var(--sp-brand-red,#a51d31);letter-spacing:.2px}
.sp-kr-empty{grid-column:1/-1;padding:25px;border:1px dashed #d4dce6;text-align:center;border-radius:12px;color:#667085}
.sp-kr-contribute{margin-top:26px;border:1px solid #e0e5ec;border-radius:14px;background:var(--sp-surface,#fff);padding:20px;display:flex;gap:15px;justify-content:space-between;align-items:center}
.sp-kr-contribute strong{font-size:17px}.sp-kr-contribute p{margin:6px 0 0;font-size:13px;color:var(--sp-muted,#667085)}
.sp-kr-pages{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin:20px auto}
.sp-kr-pages a{padding:7px 12px;border:1px solid #dce3eb;border-radius:8px;text-decoration:none;color:inherit}
.sp-kr-pages a[aria-current]{background:var(--sp-brand-red,#a51d31);color:white}
.sp-kr-form{max-width:1100px;margin:0 auto 25px;border:1px solid #dce4ed;border-radius:14px;padding:clamp(16px,2vw,24px);background:var(--sp-surface,#fff)}
.sp-kr-form header{margin:0 0 18px}.sp-kr-form header span{font-size:10px;color:#ae263b;font-weight:900}.sp-kr-form header h2{margin:5px 0;font-size:23px}.sp-kr-form header p{margin:0;color:#667085;font-size:13px}
.sp-kr-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.sp-kr-fields label{display:flex;flex-direction:column;gap:5px;font-weight:750;font-size:12px;min-width:0}
.sp-kr-fields label>span{color:#ab283b}.sp-kr-fields .sp-kr-full{grid-column:1/-1}
.sp-kr-form input[type=file]{font-size:12px;padding:10px;border:1px solid #dce4ed;border-radius:8px}
.sp-kr-form small{font-weight:400;color:#667085}.sp-kr-form textarea{resize:vertical}
.sp-kr-only{display:none!important}.sp-kr-form[data-tur=gezi] .sp-kr-only-gezi,.sp-kr-form[data-tur=lezzet] .sp-kr-only-lezzet,.sp-kr-form[data-tur=deger] .sp-kr-only-deger{display:flex!important}
.sp-kr-consent{display:flex;align-items:flex-start;gap:8px;margin:18px 0;font-size:12px}
.sp-kr-consent input{flex:none;margin-top:2px}.sp-kr-notice{padding:12px;background:#eaf9ed;color:#176331;border-radius:9px}
.sp-kr-own{display:grid;gap:5px}.sp-kr-own>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e5e8ee;padding:8px 0;font-size:13px}
.sp-kr-breadcrumb{margin:0 0 15px;font-size:12px;display:flex;gap:10px;align-items:center;color:#7b8795}
.sp-kr-breadcrumb a{color:var(--sp-brand-red,#a51d31);text-decoration:none}
.sp-kr-single-card{max-width:1200px;background:var(--sp-surface,#fff);border:1px solid #e0e5ec;border-radius:16px;overflow:hidden;padding:clamp(16px,3vw,35px)}
.sp-kr-single-card>header small{font-size:11px;color:#b4233b;font-weight:850}
.sp-kr-single-card>header h1{font-size:clamp(26px,3vw,42px);color:var(--sp-text,#172033);line-height:1.2;margin:8px 0}
.sp-kr-single-card>header p{color:var(--sp-muted,#667085);font-size:15px;line-height:1.65}
.sp-kr-single-cover{aspect-ratio:16/9;overflow:hidden;border-radius:12px;margin:20px 0}
.sp-kr-single-cover img{width:100%;height:100%;object-fit:cover}
.sp-kr-single-body{line-height:1.85;font-size:15px;overflow-wrap:anywhere}
.sp-kr-single-info{margin:25px 0 15px;border-top:1px solid #e2e6ed;padding-top:14px}.sp-kr-single-info dl>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:13px;border-bottom:1px solid #e6eaf0;padding:11px 0}
.sp-kr-single-info dt{font-weight:800;color:#4b5563}.sp-kr-single-info dd{margin:0;overflow-wrap:anywhere}
.sp-kr-map{display:inline-flex;padding:10px 15px;margin:10px 0;border-radius:9px;background:var(--sp-brand-red,#a51d31);color:white!important;text-decoration:none;font-weight:750}
.sp-kr-single-photos>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sp-kr-single-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.sp-kr-source{font-size:12px;color:#64748b}.sp-kr-single-comments{max-width:1200px;margin:18px auto}
.sp-kr-admin-header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:20px 0}
.sp-kr-admin-header small{font-size:10px;color:#9e1830;font-weight:900}.sp-kr-admin-header h1{font-size:26px;font-weight:850;margin:5px 0}.sp-kr-admin-header p{margin:0;color:#667085}
.sp-kr-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1300px}
.sp-kr-admin-card{background:white;border:1px solid #dfe4ec;border-radius:13px;padding:18px;box-shadow:0 5px 14px rgba(20,40,65,.05)}
.sp-kr-admin-symbol{font-size:28px}.sp-kr-admin-card h2{font-size:18px;margin:12px 0 5px}.sp-kr-admin-card p{color:#667085;font-size:13px;margin:0 0 14px}.sp-kr-admin-links{display:flex;flex-wrap:wrap;gap:7px}
@media(max-width:850px){.sp-kr-admin-grid{grid-template-columns:1fr}.sp-kr-single-info dl>div{grid-template-columns:130px 1fr}}
@media(max-width:550px){.sp-kr-hero{padding:23px 16px}.sp-kr-hero-links{gap:6px}.sp-kr-hero-links a{font-size:11px;padding:9px}.sp-kr-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto}.sp-kr-contribute{flex-direction:column;align-items:flex-start}.sp-kr-fields{grid-template-columns:1fr}.sp-kr-fields .sp-kr-full{grid-column:1}.sp-kr-single-info dl>div{grid-template-columns:1fr;gap:4px}.sp-kr-single-photos>div{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ONAYLI ŞEHİR PORTALI GENİŞLİĞİ.
 * Rehber ana sayfası ve detayları: 1600 dış / 1200 içerik / 20 ara / 380 sidebar.
 * Yalnız .sp-kr-layout içinde etkilidir; tema geneli, header ve diğer modüller korunur.
 */
html body:not(.wp-admin) .sp-container.sp-content-sidebar-layout.sp-kr-layout {
    display:grid!important;
    box-sizing:border-box!important;
    width:min(1600px,calc(100% - (var(--sp-layout-edge,10px) * 2)))!important;
    max-width:1600px!important;
    margin:20px auto 44px!important;
    grid-template-columns:minmax(0,1fr) 380px!important;
    column-gap:20px!important;
    row-gap:20px!important;
    align-items:start!important;
    justify-content:stretch!important;
}
/* İçerik çerçevesi: temanın onaylı çizgi, zemin ve köşe standardı. */
html body:not(.wp-admin) .sp-kr-layout .sp-kr-content-card {
    box-sizing:border-box;
    width:100%;
    min-width:0;
    padding:clamp(10px,1.25vw,18px);
    border:1px solid var(--sp-border,#e3e8ef);
    border-radius:var(--sp-radius,14px);
    background:var(--sp-surface,#fff);
    overflow:clip;
}
html body:not(.wp-admin) .sp-kr-layout .sp-kr-hero {
    border:1px solid rgba(255,255,255,.16);
}
html body:not(.wp-admin) .sp-kr-layout .sp-kr-single-card {
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
}
html body:not(.wp-admin) .sp-kr-layout .sp-kr-single-comments {
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}
/* Tema sidebar'ı devre dışıysa da boş sütun yerine konu navigasyonu göster. */
html body:not(.wp-admin) .sp-kr-side-fallback {display:grid;gap:14px;align-content:start}
html body:not(.wp-admin) .sp-kr-side-card {
    min-width:0;
    padding:16px;
    border:1px solid var(--sp-border,#e3e8ef);
    border-radius:var(--sp-radius,14px);
    background:var(--sp-surface,#fff);
}
.sp-kr-side-card h2{font-size:17px;line-height:1.3;margin:0 0 12px;color:var(--sp-text,#172033)}
.sp-kr-side-card nav{display:grid;gap:6px}
.sp-kr-side-card nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px;border:1px solid var(--sp-border,#e3e8ef);border-radius:9px;text-decoration:none;color:var(--sp-text,#172033);font-size:13px;font-weight:750}
.sp-kr-side-card nav a strong{font-size:12px;color:var(--sp-brand-red,#a51d31)}
.sp-kr-side-card p{font-size:13px;line-height:1.6;margin:0 0 12px;color:var(--sp-muted,#667085)}
.sp-kr-side-all{font-size:13px;font-weight:800;text-decoration:none;color:var(--sp-brand-red,#a51d31)}
/* Tabletlerde ana içerik sıkışmaz; sağ panel alt satıra geçer. */
@media (max-width:767px){
    html body:not(.wp-admin) .sp-container.sp-content-sidebar-layout.sp-kr-layout {
        display:grid!important;
        width:calc(100% - (var(--sp-layout-edge,10px) * 2))!important;
        margin:10px auto 28px!important;
        row-gap:12px!important;
    }
        /* Portalın mobil sidebar gizleme tercihini koru. */
    html body:not(.wp-admin) .sp-kr-layout > .sp-content-sidebar{display:none!important}
}

/* KENT REHBERİ KARTLARI: onaylı eski sayfaların
 * fotoğraf üstte + 4:3 / kenarlık / kategori / başlık / özet / detay düzeni.
 * Sadece Turhal Kent Rehberi ana liste kartlarında çalışır, detay ve
 * diğer modüllerin kartlarına dokunmaz.
 * Masaüstü 5, tablet 3, mobil 2 sütun. 1.0.33 sayfa/sidebar korunur.
 */
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-grid {
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-card {
    display:flex!important;
    flex-direction:column!important;
    position:relative;
    min-width:0!important;
    width:100%;
    height:100%;
    grid-template-columns:none!important;
    border:1px solid var(--sp-border,#e2e8ef)!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:var(--sp-surface,#fff)!important;
    box-shadow:none!important;
    transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-card:hover {
    transform:translateY(-2px);
    border-color:#cbd9e6!important;
    box-shadow:0 8px 20px rgba(15,23,42,.055)!important;
}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-cover {
    position:relative!important;
    flex:0 0 auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/3!important;
    overflow:hidden!important;
    border-radius:0!important;
    text-decoration:none!important;
    background:linear-gradient(135deg,#f6ddd9,#dbe8f2);
}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-card--lezzet .sp-kr-cover{background:linear-gradient(135deg,#f8e7d7,#e4edf6)}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-card--gezi .sp-kr-cover{background:linear-gradient(135deg,#e0f1e7,#d7edf6)}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-card--deger .sp-kr-cover{background:linear-gradient(135deg,#edf3f9,#f8f3ec)}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-cover img {
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-no-image {
    display:grid!important;
    place-items:center;
    width:100%;
    height:100%;
    font-size:54px;
    background:transparent;
}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-tag--cover {
    position:absolute;
    z-index:2;
    left:9px;
    top:9px;
    display:inline-flex;
    align-items:center;
    max-width:calc(100% - 18px);
    min-height:23px;
    padding:4px 8px;
    border-radius:999px;
    background:#c62828;
    color:#fff!important;
    font-size:9px;
    line-height:1.1;
    font-weight:850;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    letter-spacing:0;
}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-card--gezi .sp-kr-tag--cover{background:#148a55}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-card-body {
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    min-width:0!important;
    padding:13px 12px 11px!important;
}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-tag--body {
    display:inline-flex;
    align-items:center;
    align-self:flex-start;
    max-width:100%;
    padding:4px 8px;
    border-radius:999px;
    min-height:22px;
    background:#eef4fa;
    color:#27527a;
    font-weight:850;
    font-size:9px;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-card h3 {
    margin:8px 0 7px!important;
    min-height:40px;
    font-size:16px!important;
    line-height:1.25!important;
    font-weight:850!important;
    color:var(--sp-text,#172033)!important;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-card h3 a{color:inherit!important;text-decoration:none}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-card p {
    margin:0 0 12px!important;
    min-height:57px;
    color:var(--sp-muted,#556274)!important;
    font-size:12px!important;
    line-height:1.55!important;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-link {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:stretch;
    gap:5px;
    margin-top:auto!important;
    min-height:32px;
    padding:7px 8px;
    border:1px solid var(--sp-border,#dbe4ec);
    border-radius:8px;
    background:var(--sp-surface,#fff);
    color:#1e65a1!important;
    text-decoration:none;
    font-size:10.5px!important;
    line-height:1.2;
    font-weight:850;
}
html body:not(.wp-admin) .sp-kr-wrap .sp-kr-link:hover{background:var(--sp-bg,#f7fafc);border-color:#b9cad8}
@media (max-width:1200px) and (min-width:768px) {
    html body:not(.wp-admin) .sp-kr-wrap .sp-kr-grid {
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:10px!important;
    }
}
@media (max-width:767px) {
    html body:not(.wp-admin) .sp-kr-wrap .sp-kr-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
    }
    html body:not(.wp-admin) .sp-kr-wrap .sp-kr-card{border-radius:12px!important}
        html body:not(.wp-admin) .sp-kr-wrap .sp-kr-no-image{font-size:37px}
    html body:not(.wp-admin) .sp-kr-wrap .sp-kr-tag--cover{
        left:6px;top:6px;min-height:19px;padding:3px 6px;font-size:8px;
    }
    html body:not(.wp-admin) .sp-kr-wrap .sp-kr-card-body{padding:9px 8px 8px!important}
    html body:not(.wp-admin) .sp-kr-wrap .sp-kr-tag--body{font-size:8px;padding:3px 6px;min-height:20px}
    html body:not(.wp-admin) .sp-kr-wrap .sp-kr-card h3{
        margin:6px 0!important;
        min-height:32px;
        font-size:12px!important;
        line-height:1.3!important;
    }
    html body:not(.wp-admin) .sp-kr-wrap .sp-kr-card p{
        min-height:44px;
        margin:0 0 7px!important;
        font-size:10px!important;
        line-height:1.45!important;
        -webkit-line-clamp:3;
    }
    html body:not(.wp-admin) .sp-kr-wrap .sp-kr-link{
        min-height:30px;padding:6px 4px;font-size:9px!important;
    }
}
@media (max-width:360px){
    html body:not(.wp-admin) .sp-kr-wrap .sp-kr-grid{gap:6px!important}
    html body:not(.wp-admin) .sp-kr-wrap .sp-kr-card-body{padding:7px!important}
    html body:not(.wp-admin) .sp-kr-wrap .sp-kr-card h3{font-size:11px!important}
}
