/* ── Mobile header ≤900px: ≡ | Lajmi.ai | 🔍 🌙 ── */
@keyframes se-search-in  { from { opacity: 0; transform: translateY(-50%) scaleX(0.92); } to { opacity: 1; transform: translateY(-50%) scaleX(1); } }
@keyframes se-search-out { from { opacity: 1; transform: translateY(-50%) scaleX(1); }    to { opacity: 0; transform: translateY(-50%) scaleX(0.92); } }

@media (max-width: 900px) {
    .se-sticky-header .wp-block-group.alignwide { position: relative; }
    .se-sticky-header .wp-block-group.alignwide > .wp-block-group:last-child { padding-right: 0.5rem; }
    .se-sticky-header .wp-block-site-title { position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap; z-index: 1; pointer-events: auto; transition: opacity 0.2s ease, transform 0.2s ease; }
    .se-sticky-header .se-theme-toggle { position: relative !important; z-index: 10 !important; }

    .se-header-search .wp-block-search__inside-wrapper { border: none !important; background: none !important; box-shadow: none !important; padding: 0 !important; display: flex !important; align-items: center !important; overflow: visible !important; }
    .se-header-search .wp-block-search__input { width: 0 !important; min-width: 0 !important; opacity: 0 !important; padding: 0 !important; border: none !important; pointer-events: none !important; }
    .se-header-search .wp-block-search__button { display: flex !important; align-items: center !important; justify-content: center !important; width: 2rem !important; height: 2rem !important; padding: 0 !important; background: transparent !important; border: 1.5px solid var(--wp--preset--color--accent-5) !important; border-radius: 50% !important; color: var(--wp--preset--color--accent-4) !important; cursor: pointer !important; flex-shrink: 0 !important; }
    .se-header-search .wp-block-search__button svg { width: 0.9375rem !important; height: 0.9375rem !important; stroke: currentColor !important; fill: none !important; }

    .se-sticky-header.se-search-active .wp-block-site-title { opacity: 0 !important; transform: translateX(-50%) scale(0.9) !important; pointer-events: none !important; }
    .se-sticky-header.se-search-active .se-header-search { position: absolute !important; left: 3rem; right: 3rem; top: 50%; transform: translateY(-50%); z-index: 2; animation: se-search-in 0.22s cubic-bezier(0.25,0.46,0.45,0.94) forwards; }
    .se-sticky-header.se-search-active .se-header-search .wp-block-search__inside-wrapper { width: 100% !important; border: 1.5px solid var(--wp--preset--color--accent-4) !important; border-radius: 8px !important; background: var(--wp--preset--color--base) !important; padding: 0.3rem 0.4rem 0.3rem 0.8rem !important; display: flex !important; align-items: center !important; box-shadow: 0 2px 12px rgba(0,0,0,.12) !important; }
    .se-sticky-header.se-search-active .se-header-search .wp-block-search__input { flex: 1 !important; width: auto !important; opacity: 1 !important; padding: 0.3rem 0 !important; pointer-events: auto !important; min-width: 0 !important; border: none !important; background: transparent !important; font-size: 1rem !important; -webkit-appearance: none; appearance: none; }
    .se-sticky-header.se-search-active .se-header-search .wp-block-search__button { border: none !important; background: none !important; width: 1.75rem !important; height: 1.75rem !important; flex-shrink: 0 !important; }
    .se-sticky-header.se-search-closing .se-header-search { animation: se-search-out 0.18s cubic-bezier(0.55,0.055,0.675,0.19) forwards !important; }
    .se-sticky-header.se-search-closing .wp-block-site-title { opacity: 1 !important; transform: translateX(-50%) scale(1) !important; }

    /* Suppress WP nav block's own mobile overlay */
    .se-main-nav .wp-block-navigation__responsive-container.is-menu-open { display: none !important; }
}

/* ── Mobile Navigation Drawer ─────────────────────────────────────────────── */
#se-nav-scrim {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9980;
    background: rgba(25, 28, 30, 0.4);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease;
}
#se-nav-scrim.se-is-visible { display: block; opacity: 1; }

#se-nav-drawer {
    position: fixed;
    top: 0; left: 0;
    height: 100%;
    width: 80%;
    max-width: 320px;
    z-index: 9990;
    background: var(--wp--preset--color--base, #f7f9fb);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
#se-nav-drawer.se-is-open { transform: translateX(0); }

.se-nav-drawer__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 1.25rem;
    background: var(--wp--preset--color--base-2, #f2f4f6);
    flex-shrink: 0;
}
.se-nav-drawer__brand {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--wp--preset--color--accent-1, #002045);
    text-decoration: none;
    line-height: 1.3;
}
.se-nav-drawer__close {
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--wp--preset--color--contrast, #191c1e);
    border-radius: 50%;
    transition: background 0.2s;
    padding: 0;
}
.se-nav-drawer__close:hover { background: rgba(67, 71, 78, 0.1); }
.se-nav-drawer__close svg {
    width: 1.25rem; height: 1.25rem;
    stroke: currentColor; stroke-width: 2;
    fill: none; stroke-linecap: round; stroke-linejoin: round;
}
.se-nav-drawer__nav { flex: 1; padding: 1.25rem 0; display: flex; flex-direction: column; }
.se-nav-drawer__section { display: flex; flex-direction: column; padding: 0 0.75rem; }
.se-nav-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 9999px;
    text-decoration: none;
    color: var(--wp--preset--color--accent-4, #576066);
    font-size: 1rem;
    font-weight: 400;
    transition: background 0.18s ease;
    line-height: 1.4;
}
.se-nav-item:hover { background: var(--wp--preset--color--accent-6, #e6e8ea); color: var(--wp--preset--color--contrast, #191c1e); text-decoration: none; }
.se-nav-item.se-is-active { background: var(--wp--preset--color--accent-7, #dbe4eb); color: var(--wp--preset--color--contrast, #191c1e); font-weight: 600; }
.se-nav-item svg { width: 1.5rem; height: 1.5rem; stroke: currentColor; fill: none; flex-shrink: 0; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; opacity: 0.75; }
.se-nav-item.se-is-active svg { opacity: 1; }
.se-nav-item span { flex: 1; }
.se-nav-drawer__divider { height: 1px; background: var(--wp--preset--color--accent-5, #c4c6cf); margin: 0.75rem 1.75rem; }
.se-nav-drawer__footer {
    padding: 1.5rem;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: rgba(93, 102, 108, 0.55);
    flex-shrink: 0;
}

/* ── Dark mode: ad placeholder cards ─────────────────────────────────────── */
html[data-theme="dark"] .se-archive-header-ad__inner {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}
html[data-theme="dark"] .se-archive-header-ad__title {
    color: #ffffff !important;
}
html[data-theme="dark"] .se-archive-header-ad__desc {
    color: rgba(255, 255, 255, 0.65) !important;
}
html[data-theme="dark"] .se-archive-header-ad__btn {
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
    background: transparent !important;
    text-decoration: none !important;
    display: block !important;
    text-align: center !important;
}
html[data-theme="dark"] .se-ad-placeholder {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme="dark"] .se-ad-label {
    color: rgba(255, 255, 255, 0.45) !important;
}

/* ── Dark mode: navigation drawer ────────────────────────────────────────── */
html[data-theme="dark"] #se-nav-drawer { background: #1e2124; }
html[data-theme="dark"] .se-nav-drawer__header { background: #252a2d; }
html[data-theme="dark"] .se-nav-drawer__brand { color: #adc7f7; }
html[data-theme="dark"] .se-nav-item { color: #bfc8ce; }
html[data-theme="dark"] .se-nav-item.se-is-active { background: #2d3a45; color: #e0e9f5; }
html[data-theme="dark"] .se-nav-item:hover { background: #2d3133; color: #eff1f3; }
html[data-theme="dark"] .se-nav-drawer__close { color: #c4c6cf; }
html[data-theme="dark"] .se-nav-drawer__divider { background: #43474e; }
html[data-theme="dark"] .se-nav-drawer__footer { color: rgba(191, 200, 206, 0.45); }

/* ── Desktop hero slider: fixed text position ─────────────────────────────── */
@media (min-width: 901px) {
    /* Lock slider height so slides never cause layout reflow */
    .se-hero-slider {
        height: 460px !important;
        overflow: hidden !important;
    }
    .se-hero-slider .wp-block-post-template {
        height: 100% !important;
    }
    .se-hero-slider .wp-block-post-template > .wp-block-post {
        height: 100% !important;
        margin: 0 !important;
    }
    /* Cover: lock height, never collapse */
    .se-hero-slider .wp-block-cover {
        position: relative !important;
        height: 100% !important;
        min-height: 460px !important;
        align-items: stretch !important;
    }
    /* Text content pinned to bottom */
    .se-hero-slider .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 1.25rem 2.5rem 1.75rem !important;
        background: linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.28) 70%, transparent 100%) !important;
    }
    /* Badge injected by PHP as direct child of cover — only needs visual styling */
    .se-hero-slider .se-hero-badge {
        font-size: 0.5625rem !important;
        padding: 2px 8px !important;
        letter-spacing: 0.14em !important;
        margin: 0 !important;
    }
    .se-hero-slider .wp-block-post-title,
    .se-hero-slider .wp-block-post-title a {
        font-size: clamp(1.1rem, 2.2vw, 1.625rem) !important;
        line-height: 1.2 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    /* Clamp excerpt to 2 lines */
    .se-hero-slider .wp-block-post-excerpt p {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        margin-bottom: 0 !important;
        font-size: 0.875rem !important;
    }
    /* Smaller "Lexo Më Shumë" button */
    .se-hero-slider .wp-block-read-more {
        font-size: 0.75rem !important;
        padding: 0.4rem 1rem !important;
    }
}

/* ── Mobile hero slider (≤ 900px) ────────────────────────────────────────── */
@media (max-width: 900px) {
    /*
     * Strip padding from the inner content group so the hero column is
     * naturally full-width — no negative margins or transforms needed.
     * Selector: inner .has-global-padding div that is a direct child of <main>.
     */
    main.wp-block-group > .wp-block-group.has-global-padding {
        padding-left:  0 !important;
        padding-right: 0 !important;
        padding-top:   0 !important;
    }

    .se-hero-slider {
        height: 300px !important;
        overflow: hidden !important;
        position: relative !important;
    }
    /* Remove rounded corners */
    .se-hero-slider .wp-block-cover {
        border-radius: 0 !important;
    }
    .se-hero-slider .wp-block-post-template {
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .se-hero-slider .wp-block-post-template > .wp-block-post {
        height: 100% !important;
        margin: 0 !important;
    }
    /* Cover: fill the slider */
    .se-hero-slider .wp-block-cover {
        position: relative !important;
        height: 100% !important;
        min-height: unset !important;
        overflow: hidden !important;
    }
    /* Text pinned to bottom, centered */
    .se-hero-slider .wp-block-cover__inner-container {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 2rem 1.25rem 1rem !important;
        text-align: center !important;
        background: linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    }
    /* Badge: smaller on mobile */
    .se-hero-slider .se-hero-badge {
        font-size: 0.5rem !important;
        padding: 2px 6px !important;
        letter-spacing: 0.12em !important;
        margin: 0 !important;
    }
    /* Title: compact, 2-line clamp, centered */
    .se-hero-slider .wp-block-post-title,
    .se-hero-slider .wp-block-post-title a {
        font-size: 0.875rem !important;
        line-height: 1.3 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        margin-bottom: 0.5rem !important;
        text-align: center !important;
    }
    /* Hide excerpt — not enough room on mobile */
    .se-hero-slider .wp-block-post-excerpt {
        display: none !important;
    }
    /* Button: smaller, centered */
    .se-hero-slider .wp-block-read-more {
        font-size: 0.6875rem !important;
        padding: 0.3rem 0.75rem !important;
        display: inline-block !important;
    }
    .se-hero-slider .wp-block-post-date,
    .se-hero-slider .wp-block-post-date a,
    .se-hero-slider .se-card-source {
        font-size: 0.5625rem !important;
    }
    /* Button+date row: center it */
    .se-hero-slider .wp-block-cover__inner-container > .wp-block-group {
        display: block !important;
        height: auto !important;
        margin: 0 !important;
    }
    /* The flex row (button + date + source): center */
    .se-hero-slider .se-card-meta,
    .se-hero-slider .wp-block-group.is-nowrap {
        justify-content: center !important;
    }
}

/* ── Very small mobile (≤ 480px) ─────────────────────────────────────────── */
@media (max-width: 480px) {
    .se-hero-slider {
        height: 250px !important;
    }
    .se-hero-slider .wp-block-cover__inner-container {
        padding: 1.5rem 1rem 0.875rem !important;
    }
    .se-hero-slider .wp-block-post-title,
    .se-hero-slider .wp-block-post-title a {
        font-size: 0.875rem !important;
    }
}

@media (max-width: 900px) {

    /* ── 1. HEADER GAP: pull grid up to close space left by header margin-bottom */
    .se-trending-grid {
        margin-top: calc(-1 * var(--wp--preset--spacing--40)) !important;
    }

    /* ── 3. DOTS: extra room so dots don't touch the dark card edge */
    .se-trending-section {
        padding-bottom: 2rem !important;
    }

    /* ── Carousel card internals */
    .se-trending-slide .se-trending-card::before {
        display: block !important;
        margin-bottom: 0.5rem !important;
        padding-top: 0.5rem !important;
    }
    .se-trending-slide .wp-block-post-featured-image {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
        margin-bottom: 0.875rem !important;
        border-radius: 0 !important;
    }
    .se-trending-slide .wp-block-post-featured-image img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }
    .se-trending-slide .wp-block-post-terms {
        margin-bottom: 0.375rem !important;
    }
    .se-trending-slide .wp-block-post-title,
    .se-trending-slide .wp-block-post-title a {
        font-size: 1.125rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.5rem !important;
    }
    .se-trending-slide .wp-block-post-date {
        margin-top: 0.375rem !important;
    }

    /* ── 2. ANALIZA ROW: ensure the portals section header has clear visual weight */
    /* The portals section already has border-top + padding from inline styles.
       On mobile we reinforce it and style the 'Analiza e portaleve' caption as a pill. */
    .se-portals-eyebrow {
        margin-top: 0 !important;
    }
    /* Section header row: add explicit top padding so border-top breathes */
    .se-section-header:has(.se-portals-eyebrow) {
        padding-top: 0.25rem !important;
        padding-bottom: 1rem !important;
    }
    /* 'Analiza e portaleve' link — style as a small pill tag */
    .se-section-header:has(.se-portals-eyebrow) > p,
    .se-section-header:has(.se-portals-eyebrow) > p a {
        display: inline-block;
        padding: 0.2rem 0.625rem !important;
        border-radius: 2rem !important;
        border: 1px solid var(--wp--preset--color--accent-5) !important;
        font-size: 0.625rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        color: var(--wp--preset--color--accent-4) !important;
        text-decoration: none !important;
    }

    /* ── 4. PAGE BOTTOM: prevent content flush against screen edge */
    body > div[class*="wp-site-blocks"],
    .wp-site-blocks {
        padding-bottom: 24px !important;
    }
}

@media (max-width: 900px) {

    /* ── Aktuale / se-in-depth-list: vertical cards on mobile ─────────── */

    /* Card style */
    .se-in-depth-list .wp-block-post-template .wp-block-post {
        border: 1px solid var(--wp--preset--color--accent-5) !important;
        border-radius: 0.5rem !important;
        overflow: hidden !important;
        background: var(--wp--preset--color--base) !important;
        padding-bottom: 0 !important;
        margin-bottom: 1rem !important;
    }
    .se-in-depth-list .wp-block-post-template .wp-block-post:last-child {
        border: 1px solid var(--wp--preset--color--accent-5) !important;
        margin-bottom: 0 !important;
    }

    /* Revert outer group to column (image on top, text below)
       — must beat the desktop override above (6 classes) */
    .se-in-depth-list .wp-block-post-template .wp-block-post > .wp-block-group.is-nowrap {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    /* Image: full width, no border-radius (card clips it) */
    .se-in-depth-list .wp-block-post-template .wp-block-post .wp-block-post-featured-image {
        width: 100% !important;
    }
    .se-in-depth-list .wp-block-post-template .wp-block-post .wp-block-post-featured-image img {
        width: 100% !important;
        border-radius: 0 !important;
        height: auto !important;
    }

    /* Revert text group to full-width stacked — also must beat desktop 6-class rule */
    .se-in-depth-list .wp-block-post-template .wp-block-post > .wp-block-group.is-nowrap > .wp-block-group.is-layout-flow {
        width: 100% !important;
        flex: none !important;
        padding: 0.75rem 0.875rem 0.875rem !important;
        gap: 0.25rem !important;
    }
    .se-in-depth-list .wp-block-post-title {
        font-size: 1rem !important;
        line-height: 1.3 !important;
        margin: 0 !important;
    }
    .se-in-depth-list .wp-block-post-excerpt {
        font-size: 0.8125rem !important;
        margin: 0 !important;
    }
    .se-in-depth-list .wp-block-post-terms {
        margin: 0 !important;
    }
    .se-in-depth-list .wp-block-post-date {
        margin-top: 0.25rem !important;
    }
}


/* ================================================================
   HOMEPAGE SECTION SPACING — mobile-first (max-width: 900px)
   ================================================================ */
@media (max-width: 900px) {

    /* ── GLOBAL: section header divider + font ────────────────── */
    /* Override the desktop 2px navy border with a lighter 1px rule */
    .se-section-header {
        border-bottom: 1px solid #c4c6cf !important;
        padding-bottom: 0.625rem !important;
        margin-bottom: 1.25rem !important;
    }
    .se-section-header h2,
    .se-section-header h3 {
        font-size: 1.25rem !important;
        font-weight: 600 !important;
        margin: 0 !important;
    }
    /* "Të gjitha →" link — keep it right-aligned, muted */
    .se-section-header > p,
    .se-section-header > p a {
        font-size: 0.6875rem !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
    }

    /* ── 1. HERO ──────────────────────────────────────────────── */
    /* Hero lives inside the outer constrained wrapper; give the
       wrapper a bottom margin so Aktuale doesn't start flush */
    .se-hero-slider {
        margin-bottom: 0 !important; /* spacing comes from Aktuale padding-top */
    }

    /* ── 2. AKTUALE ───────────────────────────────────────────── */
    .se-section-aktuale {
        padding-top: 1.5rem !important;
        margin-bottom: 2rem !important;
        border-top: 1px solid #c4c6cf !important;
    }

    /* ── 3. SIDEBAR NEWS (Lajmet e Fundit) ────────────────────── */
    .se-section-sidebar-news {
        padding-top: 1.5rem !important;
        margin-bottom: 2rem !important;
        border-top: 1px solid #c4c6cf !important;
    }
    /* Sidebar news card separators */
    .se-sidebar-news .wp-block-post {
        padding-bottom: 0.875rem !important;
        margin-bottom: 0.875rem !important;
        border-bottom: 1px solid #c4c6cf !important;
    }
    .se-sidebar-news .wp-block-post:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    /* Sidebar card: stack image above text on mobile */
    .se-sidebar-news-item {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }
    .se-sidebar-news-item .wp-block-post-featured-image {
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
        overflow: hidden !important;
        border-radius: 0.25rem !important;
    }
    .se-sidebar-news-item .wp-block-post-featured-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* ── 4. CATEGORY GRID (Lajme + Botë) ─────────────────────── */
    .se-section-categories {
        margin-bottom: 2rem !important;
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    /* Each column (Lajme / Botë) gets a top separator on mobile */
    .se-section-categories .wp-block-column + .wp-block-column {
        margin-top: 2rem !important;
        padding-top: 1.5rem !important;
        border-top: 1px solid #c4c6cf !important;
    }

    /* ── 5. TRENDING NOW ──────────────────────────────────────── */
    /* already has dark bg for natural separation; keep margin-bottom */
    .se-trending-section {
        margin-bottom: 2rem !important;
        padding-bottom: 2rem !important;
    }
    /* Header flush fix: pull grid up to close gap from header margin */
    .se-trending-grid {
        margin-top: calc(-1 * var(--wp--preset--spacing--40)) !important;
    }

    /* ── 6 & 7. PORTALS / ANALIZA ────────────────────────────── */
    .se-section-portals {
        margin-bottom: 2rem !important;
        padding-top: 1.5rem !important;
        /* border-top already in inline style from template */
    }

    /* ── 8. POLL ──────────────────────────────────────────────── */
    .se-section-poll {
        margin-bottom: 2rem !important;
    }

    /* ── 9. BOTTOM (Brief + Topics + Ad) ─────────────────────── */
    .se-section-bottom {
        padding-top: 1.5rem !important;
        border-top: 1px solid #c4c6cf !important;
    }
    /* On mobile, stack Brief and Topics vertically */
    .se-section-bottom .wp-block-columns {
        flex-direction: column !important;
    }
    .se-section-bottom .wp-block-column {
        width: 100% !important;
        flex-basis: 100% !important;
    }
    /* Hide ad column on mobile (or keep if needed) */
    .se-section-bottom > .wp-block-group > .wp-block-columns > .wp-block-column:last-child {
        display: none !important;
    }

    /* ── PAGE BOTTOM ──────────────────────────────────────────── */
    .wp-site-blocks {
        padding-bottom: 24px !important;
    }

    /* ── CARDS: uniform separator approach (border-bottom) ────── */
    /* Aktuale in-depth cards: already fixed in previous rule block */
    /* Brief list items */
    .se-brief-item {
        padding-bottom: 0.75rem !important;
        margin-bottom: 0.75rem !important;
        border-bottom: 1px solid #c4c6cf !important;
    }
    .se-brief-item:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* ── Lajmet e Fundit: hide images, text-only cards (mobile) ──── */
@media (max-width: 900px) {
    .se-sidebar-news .wp-block-post-featured-image {
        display: none !important;
    }
    .se-sidebar-news-item {
        flex-direction: row !important; /* restore row since no image */
    }
    .se-sidebar-news .wp-block-post {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        margin-bottom: 0 !important;
        border-bottom: 1px solid #c4c6cf !important;
    }
    .se-sidebar-news .wp-block-post:last-child {
        border-bottom: none !important;
    }
}

/* ── Ad → Lajme section separation (mobile) ─────────────────── */
@media (max-width: 900px) {
    /* Space below the last sidebar ad so it doesn't merge with Lajme */
    .se-ad-slot--sidebar_2 {
        margin-bottom: 32px !important;
    }

    /* Remove the large WP top padding so the border sits flush at block edge */
    .se-section-categories {
        padding-top: 0 !important;
    }

    /* Lajme section header: border-top separator + breathing room above title */
    .se-section-categories .wp-block-column:first-child .se-section-header {
        border-top: 1px solid #c4c6cf !important;
        padding-top: 24px !important;
        margin-top: 0 !important;
    }
}