.site-footer {
    background: #000;

}

footer {
    margin: 0;
}

.footer-brand.mb-3 {
    margin-top: 35px;
}

p.footer-desc.mb-3 {
    max-width: 575px;
    color: #FFF;
    font-family: "Inter";
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    opacity: 0.8;
}

.social a {
    margin-right: 25px;
}

.footer-menu .nav-link {
    color: #FFF;
    font-family: "Inter";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.22px;
}

nav.nav.flex-column {
    margin-top: 135px;
}

/* Copyright */
.footer-copy {
    border-top: 1px solid var(--footer-border);
    color: var(--footer-muted);
    font-size: .9rem;
}

.footer-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 64px;
    row-gap: 40px;
}

.footer-left {
    flex: 0 0 574px;
    max-width: 574px;
}

.footer-right {
    display: flex;
    column-gap: 74px;

}

p.copyright {
    color: #FFF;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.footer-copy.pt-4.mt-4 {
    margin-bottom: -40px;
}

/* === Gallery Carousel Styles === */
.post-gallery-carousel .carousel-indicators [data-bs-target] {
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.post-gallery-carousel .carousel-control-prev,
.post-gallery-carousel .carousel-control-next {
    filter: invert(1)
}

.entry-content .post-gallery-carousel {
    margin: 1rem 0 1.25rem
}

.entry-content p {
    margin-bottom: 1rem
}

/* ===== Carousel Indicators poshtë imazheve ===== */
.post-gallery-carousel {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

/* Indikatorët nën imazhe */
.post-gallery-carousel .carousel-indicators {
    position: absolute;
    bottom: -35px;
    /* zhvendos poshtë imazhit */
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    justify-content: center;
    gap: 8px;
}

/* Vijat (jo rrethore) */
.post-gallery-carousel .carousel-indicators [data-bs-target] {
    width: 28px;
    height: 3px;
    border-radius: 2px;
    background-color: #4f4f4f;
    border: none;
    transition: all 0.3s ease;
    opacity: 0.5;
}

/* Aktive: më e gjatë dhe me ngjyrë portokalli */
.post-gallery-carousel .carousel-indicators [data-bs-target].active {
    width: 49px;
    background-color: #FF5029;
    opacity: 1;
}

/* Heqim shigjetat */
.post-gallery-carousel .carousel-control-prev,
.post-gallery-carousel .carousel-control-next {
    display: none !important;
}

.single-post .entry-content>p:first-of-type,
.single-post .entry-content>figure.wp-block-image:first-of-type {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Bëje imazhin e parë 100% të kontejnerit */
.single-post .entry-content>p:first-of-type img,
.single-post .entry-content>figure.wp-block-image:first-of-type img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    margin: 0 !important;
    float: none !important;
    /* neutralizon .alignleft */
}

.entry-content h3 {
    font-family: 'Inter';
    margin-bottom: -6px;
}

ul,
ol {
    margin: 0 0 0.5em 1em;
}

main.single-post p {
    color: #4d4d4d;
    font-family: "Inter";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: -6px;
}

b,
strong {
    font-weight: bold;
    line-height: 30px;
}

.single-post .entry-content img {
    margin: 0.25rem auto !important;

}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) #000 !important;
}

section.container.my-5.latest-section .ts {
    margin-top: 0 !important;
}

.post-hero {
    position: relative;
    display: inline-block;
    width: 100%;
}

.post-hero img {
    width: 100%;
    height: auto;
    display: block;
}

h1.h2.mb-0 {
    color: #000;
    font-family: "Europa Grotesk SH", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 45px;
    letter-spacing: 0.8px;
}

.post-hero__title {
    position: absolute;
    bottom: 40px;
    /* vendoset poshtë imazhit */
    left: 40px;
    /* anash majtas */

    color: #000;
    font-weight: 800;
    font-size: 20px;
    line-height: 1.3;
    padding: 6px 10px;
    display: inline-block;
    max-width: 80%;
    box-decoration-break: clone;
    border-radius: 0px;
}

/* vetëm në faqet single: fshije header-in e artikullit
   (overlay tek .post-hero__title do të jetë titulli) */
.single-post .entry>header {
    display: none;
}

/* Vendos vlerat bazë për faqet single */
.single-post .entry {
    /* --reading-max: 930px; */
    /* gjerësia e trupit të tekstit */
    --reading-gutter: clamp(16px, 3vw, 40px);
    /* hapësira majtas/djathtas */
}

.single-post .entry>p,
.single-post .entry>h2,
.single-post .entry>h3,
.single-post .entry>h4,
.single-post .entry>ul,
.single-post .entry>ol,
.single-post .entry>blockquote {
    /* max-width: var(--reading-max); */
    margin-left: 40px;
    /* margin fikse majtas */
    margin-right: auto;
    padding-right: var(--reading-gutter);
}

/* Hero + karosel + galeri = full width */
.single-post .entry>.post-hero,
.single-post .entry>.post-gallery-carousel,
.single-post .entry>.gallery {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}



/* pak hapësirë poshtë heros që të mos ngjitet me paragrafin */
.single-post .entry>.post-hero {
    margin-bottom: 1.25rem;
}

/* Stili i badge-it poshtë-majtas brenda imazhit */
.post-hero {
    position: relative;
}

.post-hero img {
    display: block;
    width: 100%;
    height: auto;
}

div#cntGal_iqukuakbv7 {
    margin-bottom: 50px;
}

.post-hero {
    position: relative;
}

.post-hero img {
    display: block;
    width: 100%;
    height: auto;
}

.post-hero__title h1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    /* ← vetëm 3px ndërmjet dy rreshtave */
    margin: 0;
    /* heq margin default të h1 */
    line-height: 0;
    /* shumë e rëndësishme: s’krijon line-box ekstra */
    padding: 0;
    background: transparent;
}

/* ÇDO RRESHT (shirit portokalli) */
.post-hero__title .title-line {
    display: inline-block;
    color: #000;
    background: #ff4b21;
    font-size: clamp(24px, 3.6vw, 44px);
    padding: 6px 10px;
    margin: 0;
    border-radius: 0px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    font-family: "Europa Grotesk SH", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 45px;
    letter-spacing: 0.8px;
}

h5.latest-item-title a {
    font-family: 'INTER';
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

h5.latest-item-title.mb-2 {
    margin-bottom: 10px !important;
}

h3.latest-feature-caption.fw-bold a {
    font-family: "Europa Grotesk SH", sans-serif;
}

article.latest-card a.d-block.mb-2 {
    margin-bottom: 15px !important;
}

.latest-section.ts .latest-card h6 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

h6.mb-2 {
    margin-bottom: 35px !important;
}

/* Vetëm për seksionin Latest */
.latest-section .latest-card h6 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

/* Badge/Title i kategorisë sipër artikullit (p.sh. Showbizz) */
/* ====== SINGLE POST HEADER ====== */
a.post-cat-link.text-uppercase.text-muted.small.fw-semibold {
    color: black !important;
    font-size: 20px;
    text-transform: capitalize !important;
    font-family: 'Inter';
}

h1.single-post-title.mb-2 {
    font-family: "Europa Grotesk SH", sans-serif;
    font-size: 40px;
    line-height: 45px;
    margin-top: 4px;
    margin-bottom: 10px !important;
    color: black;
    font-weight: 800;
}

.post-cat-header.mb-2 {
    margin-bottom: 0px !important;
}

.single-post-meta {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    color: #767676;
}

a.fw-semibold.text-dark.text-decoration-none {
    font-weight: 300 !important;
    color: #767676;
    text-decoration: underline !important;
}

.single-post .post-hero__title {
    display: none !important;
}

section.feature-dark-section.py-5 img {
    height: auto;
}

@media (max-width: 1280px) {

    #site-navigation ul,
    #site-navigation .menu,
    #site-navigation .menu>ul,
    #site-navigation .story-menu {
        display: flex !important;
        justify-content: center;
        gap: 60px !important;
    }
}

@media (max-width: 1024px) {

    #site-navigation ul,
    #site-navigation .menu,
    #site-navigation .menu>ul,
    #site-navigation .story-menu {

        gap: 25px !important;
    }
}

@media (min-width: 992px) {
    .single-post .col-lg-4 {
        padding-right: 0;
        /* Heq padding të kolonës Bootstrap */
    }

    .single-post .story-sidebar {
        /* Lëviz deri në skajin e djathtë të faqes */
        position: relative;
        margin-left: 6em;
    }
}

@media (max-width: 600px) {
    .container {
        padding: 0px 30px !important;
    }

    .footer-left {
        flex: auto;
        max-width: max-content;
    }


    nav.nav.flex-column {
        margin-top: 40px;
    }

    .footer-right {
        display: flex;
        column-gap: 20px;
    }

    nav.nav.flex-column a {
        padding-left: 0px !important;
    }

    .footer-copy.pt-4.mt-4 {
        margin-bottom: 0px;
    }

    h1.single-post-title.mb-2 {
        font-family: "Europa Grotesk SH", sans-serif;
        font-size: 29px;
        line-height: 39px;
        margin-top: 4px;
        margin-bottom: 10px !important;
        color: black;
        font-weight: 800;
    }
}