/**
 * Sapanca Gazetesi
 * Software developed by ArpSoft
 * Copyright © 2026 ArpSoft. All rights reserved.
 * Developer: Murat Arapoğlu
 */
.funeral-archive-page,
.funeral-detail-page { padding-top: 26px; padding-bottom: 42px; }
.funeral-page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:22px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.funeral-page-heading__eyebrow { display:inline-flex; align-items:center; gap:7px; margin-bottom:7px; color:var(--red); font-size:12px; font-weight:900; letter-spacing:.08em; }
.funeral-page-heading h1 { margin:0; color:var(--text); font-size:32px; line-height:1.12; }
.funeral-page-heading p { margin:8px 0 0; color:var(--muted); }
.funeral-page-heading__count { flex:none; padding:7px 11px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:12px; font-weight:800; }
.funeral-archive-filter { display:flex; align-items:flex-end; flex-wrap:wrap; gap:10px; margin-bottom:22px; padding:14px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
.funeral-archive-filter label { display:grid; gap:5px; color:var(--muted); font-size:11px; font-weight:800; }
.funeral-archive-filter select { min-width:145px; height:40px; padding:0 34px 0 11px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--text); }
.funeral-archive-filter button,.funeral-archive-filter>a { display:inline-flex; height:40px; align-items:center; gap:6px; padding:0 14px; border:0; border-radius:8px; background:var(--red); color:#fff; font-weight:800; text-decoration:none; cursor:pointer; }
.funeral-archive-filter>a { border:1px solid var(--line); background:var(--surface-soft); color:var(--text); }
.funeral-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.funeral-card { overflow:hidden; border:1px solid var(--line); border-radius:11px; background:var(--surface); }
.funeral-card__image { display:block; aspect-ratio:16/9; overflow:hidden; background:#161a20; text-decoration:none; }
.funeral-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.funeral-card:hover .funeral-card__image img { transform:scale(1.025); }
.funeral-card__image>span { display:flex; width:100%; height:100%; align-items:center; justify-content:center; gap:9px; color:#e9d2a6; font-size:20px; font-weight:900; }
.funeral-card__content { padding:14px 15px 16px; }
.funeral-card__content time { display:flex; align-items:center; gap:5px; color:var(--red); font-size:11px; font-weight:800; }
.funeral-card__content h2 { margin:8px 0 9px; font-size:17px; line-height:1.3; }
.funeral-card__content h2 a { color:var(--text); text-decoration:none; }
.funeral-card__content p { display:flex; align-items:center; gap:5px; margin:0; color:var(--muted); font-size:12px; }
.funeral-empty { padding:52px 20px; border:1px dashed var(--line); border-radius:12px; text-align:center; color:var(--muted); }
.funeral-empty>i { font-size:38px; }
.funeral-empty h2 { margin:10px 0 5px; color:var(--text); }
.funeral-empty p { margin:0; }
.funeral-breadcrumb { display:flex; align-items:center; gap:6px; margin-bottom:18px; color:var(--muted); font-size:12px; }
.funeral-breadcrumb a { color:inherit; text-decoration:none; }
.funeral-detail { width:min(100%,900px); margin:0 auto; }
.funeral-detail__header { margin-bottom:20px; }
.funeral-detail__header h1 { margin:0; color:var(--text); font-size:38px; line-height:1.12; letter-spacing:-.02em; }
.funeral-detail__header p { max-width:790px; margin:12px 0 0; color:var(--muted); font-size:18px; line-height:1.55; }
.funeral-detail__image { margin:0 0 25px; overflow:hidden; border-radius:12px; background:#161a20; }
.funeral-detail__image img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.funeral-detail__image>div { display:flex; aspect-ratio:16/9; align-items:center; justify-content:center; gap:12px; color:#e9d2a6; font-size:24px; }
.funeral-info-section { margin-top:3px; }
.funeral-info-section h2,.funeral-announcement h2 { margin:0 0 8px; font-size:20px; }
.funeral-info-list { border-top:1px solid var(--line); }
.funeral-info-row { display:flex; gap:13px; align-items:center; padding:14px 0; border-bottom:1px solid var(--line); }
.funeral-info-row>span { display:flex; width:40px; height:40px; flex:none; align-items:center; justify-content:center; border-radius:9px; background:color-mix(in srgb,var(--red) 9%,var(--surface)); color:var(--red); font-size:19px; }
.funeral-info-row div { min-width:0; display:grid; gap:3px; }
.funeral-info-row small { color:var(--muted); font-size:11px; }
.funeral-info-row strong { color:var(--text); font-size:14px; }
.funeral-announcement { padding-top:20px; border-top:1px solid var(--line); }
.funeral-announcement div { color:var(--text); font-size:16px; line-height:1.78; }
.funeral-condolence { display:flex; align-items:center; gap:10px; margin-top:24px; padding:15px 17px; border-left:3px solid var(--red); background:var(--surface-soft); color:var(--text); }
.funeral-condolence i { color:var(--red); font-size:22px; }
.funeral-condolence p { margin:0; font-weight:700; }
.funeral-feature-widget__link { display:block; color:inherit; text-decoration:none; }
.funeral-feature-widget__visual { min-height:0; aspect-ratio:16/9; }
.funeral-feature-widget__visual img { position:absolute; inset:0; z-index:1; display:block; width:100%; height:100%; object-fit:cover; }
.funeral-feature-widget__fallback { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:14px; }
@media(max-width:900px){.funeral-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.funeral-detail__header h1{font-size:32px;}}
@media(max-width:600px){.funeral-archive-page,.funeral-detail-page{padding-top:18px;padding-bottom:30px}.funeral-page-heading{align-items:flex-start}.funeral-page-heading h1{font-size:27px}.funeral-page-heading__count{display:none}.funeral-archive-filter{display:grid;grid-template-columns:1fr 1fr}.funeral-archive-filter label,.funeral-archive-filter select{width:100%;min-width:0}.funeral-archive-filter button,.funeral-archive-filter>a{justify-content:center}.funeral-card-grid{grid-template-columns:1fr;gap:14px}.funeral-detail__header h1{font-size:28px}.funeral-detail__header p{font-size:16px}.funeral-info-row{align-items:flex-start}}

.funeral-public-pagination { margin-top:26px; }
.funeral-share-row { margin-top:20px; }


.funeral-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    align-items: start;
    gap: 22px;
}

.funeral-detail,
.funeral-detail-sidebar {
    min-width: 0;
}

.funeral-detail {
    width: auto;
    margin: 0;
    display: grid;
    gap: 20px;
}

.funeral-detail-sidebar {
    display: grid;
    gap: 18px;
}

.funeral-detail-sidebar .sidebar-widget,
.funeral-detail-sidebar .home-ad {
    margin: 0;
}

.funeral-detail__header {
    margin-bottom: 0;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--line);
}

.funeral-detail__header h1 {
    margin: 0 0 10px;
    font-size: clamp(1.8rem, 3.1vw, 2.55rem);
    line-height: 1.12;
}

.funeral-detail__header p {
    max-width: 820px;
    margin: 0;
    color: var(--text);
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.55;
}

.funeral-share-row {
    margin-top: 0;
}

.funeral-detail__image {
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--surface);
    box-shadow: var(--shadow);
}

.funeral-section-heading {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 14px;
}

.funeral-section-heading > i {
    margin-top: 2px;
    color: var(--red);
    font-size: 1.2rem;
}

.funeral-section-heading h2 {
    margin: 0 0 3px;
    color: var(--text);
    font-size: 1.05rem;
}

.funeral-section-heading p {
    margin: 0;
    color: var(--muted);
    font-size: .73rem;
}

.funeral-info-section,
.funeral-announcement {
    padding-top: 18px;
    border-top: 1px solid var(--line);
}

.funeral-info-section h2,
.funeral-announcement h2 {
    margin: 0;
}

.funeral-info-list {
    border-top: 0;
}

.funeral-announcement {
    color: var(--text);
}

@media (max-width: 960px) {
    .funeral-detail-layout {
        grid-template-columns: 1fr;
    }

    .funeral-detail-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .funeral-detail-sidebar .most-read-widget {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .funeral-detail-sidebar {
        grid-template-columns: 1fr;
    }

    .funeral-detail-sidebar .most-read-widget {
        grid-column: auto;
    }
}


.funeral-detail-info-cards {
    margin-top: 24px;
}

.funeral-detail-info-cards .earthquake-nearby__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.funeral-detail-info-cards .earthquake-nearby__grid span {
    overflow-wrap: anywhere;
}

@media (max-width: 600px) {
    .funeral-detail-info-cards .earthquake-nearby__grid {
        grid-template-columns: 1fr;
    }
}



.funeral-detail__header {
    padding-bottom: 0;
    border-bottom: 0;
}

.funeral-share-row {
    border-top: 0;
    border-bottom: 0;
    padding-top: 18px;
    padding-bottom: 18px;
}

.funeral-announcement {
    padding-top: 18px;
    border-top: 0;
}

.funeral-condolence {
    display: block;
    margin-top: 24px;
    padding: 0;
    border-left: 0;
    background: transparent;
}

.funeral-condolence p {
    margin: 0;
    font-weight: 400;
}



.funeral-archive-page { padding-top:24px; }
.funeral-archive-breadcrumb {
    display:flex;
    min-height:58px;
    align-items:center;
    gap:8px;
    color:var(--muted);
    font-size:13px;
    font-weight:650;
}
.funeral-archive-breadcrumb a { color:inherit; text-decoration:none; }
.funeral-page-heading {
    min-height:160px;
    align-items:center;
    margin-bottom:22px;
    padding:28px 30px;
    border:1px solid var(--line);
    border-radius:16px;
    background:linear-gradient(135deg,var(--surface),var(--surface-soft));
    box-shadow:var(--shadow);
}
.funeral-page-heading h1 { font-size:clamp(1.7rem,3vw,2.45rem); }
.funeral-page-heading p { max-width:720px; line-height:1.6; }
.funeral-page-heading__count { background:var(--surface); }


.funeral-share-row {
    display:flex;
    clear:both;
    flex-wrap:wrap;
    gap:10px;
    margin:0;
    padding:18px 0;
}
.funeral-share-row a,
.funeral-share-row button {
    display:grid;
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    place-items:center;
    border:0;
    border-radius:50%;
    color:#fff;
    cursor:pointer;
    font:inherit;
    font-size:22px;
    line-height:1;
    padding:0;
}
.funeral-share-row button { background:#555; }
.funeral-share-row .share-facebook { background:#1877f2; }
.funeral-share-row .share-x { background:#000; }
.funeral-share-row .share-whatsapp { background:#25d366; }
.funeral-share-row .share-telegram { background:#29a7df; }
.funeral-share-row .is-copied { outline:3px solid rgba(239,70,61,.25); }

@media (max-width:600px) {
    .funeral-archive-breadcrumb { min-height:52px; }
    .funeral-page-heading { min-height:0; padding:22px 18px; }
    .funeral-share-row a,
    .funeral-share-row button { width:40px; height:40px; min-width:40px; min-height:40px; font-size:20px; }
}