/**
 * Scroll: një rrënjë te `html` (overflow-y: auto); `body` me overflow: visible — shmang
 * çiftin body(overflow-x:hidden + y:auto) që ndalon scroll deri në fund të ballinës.
 */
main {
    overflow: visible !important;
    max-height: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/*
 * Overlay “#anywhere-home”: kur menuja është mbyllur, mos e mbaj fullscreen — disa shfletues
 * ende e trajtojnë si shtresë mbi faqe dhe bllokojnë scroll.
 */
#anywhere-home:not(.bgshow) {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
}

/* Overlay aktiv kur menuja hapet (mbi rregullat e mbylljes) */
#anywhere-home.bgshow {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    pointer-events: auto !important;
}

/* Menu anash e mbyllur: mos e “zhduki” me width:0 — prish layout/transition; vetëm mos kap pointer */
#side-bar:not(.show) {
    pointer-events: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

#side-bar.show {
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Kërkim: pa klasën .show — plotësisht i fshehur (desktop + mobil; shmang fushën në rrjedhë) */
.search-input-area:not(.show) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Panel kërkimi pas main (kopje widget): pa .show — i fshehur */
main ~ .search-input-area:not(.show) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/*
 * Paneli i kërkimit (fixed) në footer: kur është i mbyllur, mos e lër në shtresë — ndryshe
 * mund të mbulojë newsletter / tekst (foto 2). Në header mbeten rregullat ekzistuese të dukshmërisë.
 */
.echo-footer-area .search-input-area:not(.show),
#footer .search-input-area:not(.show) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    top: 0 !important;
    z-index: -1 !important;
}

/* Header + shiriti i kuq: gjerësi e plotë e viewport-it (pa “kuti” që zvogëlon ticker-in) */
.echo-header-area {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}

/*
 * Hapësira mes header-it dhe përmbajtjes: `.echo-hero-section` ka padding-top të madh në style.css.
 * `views/page.blade` mbështjell përmbajtjen me div.main dhe shpesh një div të brendshëm (editor / ck);
 * nëse seksioni i parë nuk është fëmijë i drejtpërdrejtë i `.main`, rregullat `.main > section` nuk aplikohen.
 * Përdor `section:first-of-type` brenda `.main` dhe `section:first-of-type` brenda div-it të parë fëmijë.
 */
body.home-one main .main section.echo-hero-section:first-of-type,
body.home-one main .main > section:first-of-type.echo-hero-section,
body.home-one main > section:first-of-type.echo-hero-section,
body.home-one main .main > div:first-child > section:first-child.echo-hero-section,
body.home-one main .main > div:first-child > section.echo-hero-section:first-of-type {
    padding-top: 8px !important;
}

body.home-one main .main section.echo-latest-news-area:first-of-type,
body.home-one main .main > section:first-of-type.echo-latest-news-area,
body.home-one main > section:first-of-type.echo-latest-news-area,
body.home-one main .main > div:first-child > section:first-child.echo-latest-news-area,
body.home-one main .main > div:first-child > section.echo-latest-news-area:first-of-type {
    padding-top: 12px !important;
}

body.home-one main .main section.echo-feature-area:first-of-type,
body.home-one main .main > section:first-of-type.echo-feature-area,
body.home-one main > section:first-of-type.echo-feature-area,
body.home-one main .main > div:first-child > section:first-child.echo-feature-area,
body.home-one main .main > div:first-child > section.echo-feature-area:first-of-type {
    padding-top: 12px !important;
}

body.home-one main .main section.echo-trending-area:first-of-type,
body.home-one main .main > section:first-of-type.echo-trending-area,
body.home-one main > section:first-of-type.echo-trending-area,
body.home-one main .main > div:first-child > section:first-child.echo-trending-area,
body.home-one main .main > div:first-child > section.echo-trending-area:first-of-type {
    padding-top: 12px !important;
}

/* Seksioni i parë i përmbajtjes (klasa të tjera përveç atyre më sipër): pak padding pas ticker-it */
body.home-one main > section:first-of-type:not(.echo-hero-section):not(.echo-latest-news-area):not(.echo-feature-area):not(.echo-trending-area),
body.home-one main .main > section:first-of-type:not(.echo-hero-section):not(.echo-latest-news-area):not(.echo-feature-area):not(.echo-trending-area),
body.home-one main .main > div:first-child > section:first-of-type:not(.echo-hero-section):not(.echo-latest-news-area):not(.echo-feature-area):not(.echo-trending-area),
body.home-one main .main > div:first-child > section:first-child:not(.echo-hero-section):not(.echo-latest-news-area):not(.echo-feature-area):not(.echo-trending-area) {
    padding-top: 20px !important;
}

/* Header: mos përdor overflow-x: hidden + overflow-y: visible (spec-i e bën y=auto → scroll “kapet” te menuja). Ticker-i është full-width pa 100vw. */
.echo-home-1-menu {
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
}

@media only screen and (max-width: 991px) {
    .top-bar .logo-header {
        display: none;
    }
}

/* Language Dropdown Start*/

.language-dropdown .dropdown-menu li {
    display: block !important;
}

.language-dropdown.bootstrap-select .dropdown-toggle:focus,
.language-dropdown.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;
}

.language-dropdown .btn-light {
    outline: none !important;
    padding: 6px 25px !important;
}

.language-dropdown ul li a {
    color: #000 !important;
}

.language-dropdown .btn-light .filter-option {
    margin-right: 5px;
    line-height: 2.3;
}

.language-dropdown .btn-light .filter-option img {
    width: 20px;
}

@media only screen and (max-width:991px) {
    .language-dropdown .btn-light {
        padding: 6px 23px 6PX 8PX !important;
    }

    .main-bar-wraper .language-dropdown .btn-light .filter-option span {
        display: block !important;
        color: #000;
        width: 140px;
        overflow: hidden;
        position: absolute;
        top: 8px;
        left: 51px;
    }
    .main-bar-wraper .language-dropdown.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 220px;
        max-width: 220px;
    }
    .main-bar-wraper .language-dropdown .btn-light .filter-option {
        line-height: 2;
    }

    select.language-dropdown {
        width: 45px !important;
    }
}


.language-dropdown.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;
    max-width: 170px;
}

select.language-dropdown {
    padding: 12px 30px !important;
    width: auto;
    max-width: 170px;
}

.header.style-2 .language-dropdown .btn-light {
    border: 1px solid #e7ecf1 !important;
}

.language-dropdown .btn-light{
    border-radius: 30px !important;
    border: 1px solid #000000 !important;
    background-color: #000000 !important;
    color: #ffffff;
}

select.language-dropdown{
    border-radius: 30px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

.header.style-1 .btn-white .language-dropdown .btn-light {
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.header select.language-dropdown {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-white .language-dropdown .btn-light {
    border: 1px solid #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}
.dz-trending-post .category-media img{
    object-fit: cover;
}
/* Language Dropdown End */

/*
 * Header strip: uses theme Primary color (Admin → Theme options → Styles) so it matches brand / logo.
 * Text uses --header-text-color (optional field “Header bar text & menu color”, default white).
 * Layout: centered logo + nav below — similar to dutchreview.com style bar.
 */
.echo-home-1-menu .echo-site-main-logo-menu-social,
.echo-header-area .echo-site-main-logo-menu-social {
    /* Mos përdor flex space-between nga style.css — prish qendrimin e logos */
    display: block !important;
    justify-content: unset !important;
    align-items: unset !important;
    gap: unset !important;
    width: 100% !important;
    /* Portokalli si logo Shqiptari — Theme options → Primary color (default #FF4500) */
    background: var(--primary-color) !important;
    /* Ticker-i skaj më skaj: mos lër padding horizontal në prind */
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
}

.echo-header-top {
    background: var(--primary-color) !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/* Top strip: force readable text/icons on brand background */
.echo-header-top,
.echo-header-top a,
.echo-header-top button,
.echo-header-top .echo-meta-jobs-text span,
.echo-header-top .echo-day-name span,
.echo-header-top .echo-date-time span,
.echo-header-top .echo-day-name span strong,
.echo-header-top .echo-date-time span strong {
    color: var(--header-text-color) !important;
}

/*
 * MOS përdor .echo-header-top svg path { fill } për gjithçka — prish ikonat SVG / FA në rrjetet sociale (duken katrorë të bardhë).
 */
.echo-header-top .echo-meta-total-jobs svg path {
    fill: var(--header-text-color);
}

/* Ikona të dukshme në shirin e kuq/portokalli */
.echo-header-top .home-2-social ul {
    align-items: center;
}

.echo-header-top .home-2-social ul li a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: var(--header-text-color) !important;
    text-decoration: none;
    line-height: 1;
}

.echo-header-top .home-2-social svg {
    width: 1.35rem;
    height: 1.35rem;
    flex-shrink: 0;
    fill: currentColor;
    color: inherit;
}

.echo-header-top .home-2-social i[class*="fa"],
.echo-header-top .home-2-social .svg-inline--fa {
    font-size: 1.35rem;
    line-height: 1;
    color: inherit !important;
}

.echo-header-top .echo-search input[type="text"],
.echo-header-top .echo-search input[type="search"],
.echo-header-top .echo-search .form-control {
    background: rgba(255, 255, 255, 0.95);
    color: #181818;
    border-color: rgba(255, 255, 255, 0.4);
}

/* Hiqi kërkimin në shirin e sipërm (ikonë + input “Search by keyword” + X). SEARCH mbetet te pill në fund të header-it. */
.echo-header-top .echo-header-top-search-btn,
.echo-header-top .search-input-area {
    display: none !important;
}

.echo-header-top .header-action:has(#search) {
    display: none !important;
}

/* Meny anësore / offcanvas: hiqe butonin e kërkimit (ikona + overlay). */
#side-bar .header-action:has(#search) {
    display: none !important;
}

/* Menutë: sipër logos qendër; kategoritë poshtë majtas */
.echo-home-1-menu .shq-header-primary-nav ul.echo-desktop-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px 8px;
}

.echo-home-1-menu .shq-header-bottom-tier .shq-header-nav ul.echo-desktop-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 4px 8px;
}

.echo-home-1-menu .shq-header-primary-nav ul.echo-desktop-menu > li > a.echo-dropdown-main-element,
.echo-home-1-menu .shq-header-primary-nav ul.echo-desktop-menu > li.menu-item > a,
.echo-home-1-menu .shq-header-bottom-tier .shq-header-nav ul.echo-desktop-menu > li > a.echo-dropdown-main-element,
.echo-home-1-menu .shq-header-bottom-tier .shq-header-nav ul.echo-desktop-menu > li.menu-item > a,
.echo-home-1-menu .shq-header-bottom-tier .shq-header-nav ul.echo-desktop-menu > li.shq-lang-menu-end > a {
    color: var(--header-text-color) !important;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 13px;
}

.echo-home-1-menu .shq-header-primary-nav ul.echo-desktop-menu > li:hover > a.echo-dropdown-main-element,
.echo-home-1-menu .shq-header-primary-nav ul.echo-desktop-menu > li.menu-item:hover > a,
.echo-home-1-menu .shq-header-bottom-tier .shq-header-nav ul.echo-desktop-menu > li:hover > a.echo-dropdown-main-element,
.echo-home-1-menu .shq-header-bottom-tier .shq-header-nav ul.echo-desktop-menu > li.menu-item:hover > a,
.echo-home-1-menu .shq-header-bottom-tier .shq-header-nav ul.echo-desktop-menu > li.shq-lang-menu-end:hover > a {
    color: var(--header-text-color) !important;
    opacity: 0.92;
}

.echo-home-1-menu .shq-header-bottom-tier .shq-header-nav ul.echo-desktop-menu > li.shq-lang-menu-end > a.shq-lang-menu-end--active {
    text-decoration: underline;
    text-underline-offset: 3px;
    opacity: 1 !important;
}

/* Sidebar toggle / icon buttons on bar */
.echo-home-1-menu .echo-header-top-menu-bar svg path,
.echo-home-1-menu .shq-header-right .echo-header-top-menu-bar svg path {
    fill: var(--header-text-color);
}

/* Zonë e gjerë branding (logo) si në layout magazine */
.echo-home-1-menu .shq-header-main {
    padding: 22px 0 20px;
}

/*
 * Logo në qendër të plotë të shiritit: rreshti është flex me justify-content center;
 * hamburger djathtas (kërkimi ikonë); SHQ/EN në fund të menysë së kategorive.
 */
/* Menu kryesor mbi logo (tier 1) */
.echo-home-1-menu .shq-header-primary-nav {
    padding: 10px 0 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.echo-home-1-menu .shq-header-primary-nav + .shq-header-row {
    margin-top: 8px;
}

.echo-home-1-menu .shq-header-row {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: 72px;
    padding-block: 10px;
    padding-inline: 12px;
    box-sizing: border-box;
}

.echo-home-1-menu .shq-header-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    text-align: center;
}

/* Logo në qendër të plotë — vetëm varianti “light” në header të ngjyrës së logos */
.echo-home-1-menu .shq-header-center .echo-site-logo {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: min(100%, 720px);
}

.echo-home-1-menu .shq-header-center .echo-site-logo .logo-dark {
    display: none !important;
}

.echo-home-1-menu .shq-header-center .echo-site-logo a.logo-light {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
}

.echo-home-1-menu .shq-header-center .echo-site-logo img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
}

/* Desktop: “SHQIPTARI” / logo pak më lart në shiritin e kuq */
@media (min-width: 992px) {
    .echo-home-1-menu .shq-header-center .echo-site-logo img,
    .echo-home-1-menu .shq-header-center .echo-site-logo img.site-main-logo {
        transform: translateY(-10px) !important;
    }

    .echo-home-1-menu .shq-header-primary-nav + .shq-header-row {
        margin-top: 2px;
    }

    .echo-home-1-menu .shq-header-row {
        padding-block: 6px 12px;
    }
}

.echo-home-1-menu .shq-header-right {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    z-index: 2;
}

/* Shirit CTA më i errët se pjesa kryesore (nga --header-cta-strip-bg në css-variable-declare) */
.echo-home-1-menu .shq-header-cta {
    margin: 12px 0 0;
    padding: 11px 16px;
    text-align: center;
    font-size: 14px;
    line-height: 1.45;
    color: var(--header-text-color);
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.22);
    background: var(--header-cta-strip-bg, rgba(0, 0, 0, 0.22));
}

.echo-home-1-menu .shq-header-cta a {
    color: inherit !important;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.echo-home-1-menu .shq-header-cta a:hover {
    opacity: 0.95;
}

/* Kategori + SEARCH (desktop) */
.echo-home-1-menu .shq-header-bottom-tier {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    align-items: center !important;
}

.echo-home-1-menu .shq-header-bottom-tier .shq-header-nav ul.echo-desktop-menu {
    flex-wrap: wrap;
    row-gap: 6px;
}

/* SHQ / EN në fund të menysë së sidebar-it (mobil) */
.side-bar .mainmenu .shq-lang-menu-end > a,
#side-bar .mainmenu .shq-lang-menu-end > a {
    font-weight: 700;
    letter-spacing: 0.06em;
}

.side-bar .mainmenu .shq-lang-menu-end > a.shq-lang-menu-end--active,
#side-bar .mainmenu .shq-lang-menu-end > a.shq-lang-menu-end--active {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/*
 * Menu anësore (#side-bar): ikonë kërkimi e kuqe (si X / shigjetat); rreshta më kompakt.
 */
#side-bar .echo-header-top-search-btn,
#side-bar .echo-header-top-search-btn.search-icon,
#side-bar a.search-icon.action-item {
    color: var(--primary-color, #e31818) !important;
    -webkit-text-fill-color: var(--primary-color, #e31818) !important;
}

#side-bar .echo-header-top-search-btn svg,
#side-bar .echo-header-top-search-btn svg path,
#side-bar a.search-icon.action-item svg path {
    color: var(--primary-color, #e31818) !important;
    stroke: var(--primary-color, #e31818) !important;
}

#side-bar .action-buttons-inner .search-icon i,
#side-bar .action-buttons-inner .search-icon i::before,
#side-bar .header-action .fa-search,
#side-bar .header-action .fas.fa-search {
    color: var(--primary-color, #e31818) !important;
    -webkit-text-fill-color: var(--primary-color, #e31818) !important;
}

/* Hapësira vertikale më e vogël midis elementeve të menysë */
#side-bar .mobile-menu nav ul li a.main,
.side-bar .mobile-menu nav ul li a.main {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#side-bar .mobile-menu nav ul li a.mobile-menu-link,
.side-bar .mobile-menu nav ul li a.mobile-menu-link {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#side-bar .mainmenu-nav.mt--30,
.side-bar .mainmenu-nav.mt--30 {
    margin-top: 12px !important;
}

#side-bar .mobile-menu nav ul li.has-droupdown ul li,
.side-bar .mobile-menu nav ul li.has-droupdown ul li {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

#side-bar .mobile-menu nav ul li.has-droupdown ul,
.side-bar .mobile-menu nav ul li.has-droupdown ul {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

@media (min-width: 992px) {
    .echo-home-1-menu .shq-header-row .mobile-search-trigger {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 3;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        color: #fff !important;
        text-decoration: none !important;
    }

    .echo-home-1-menu .shq-header-row .mobile-search-trigger.shq-header-search-btn {
        background: #b21f1f !important;
        border: none !important;
        border-radius: 4px;
        cursor: pointer;
    }

    .echo-home-1-menu .shq-header-row .mobile-search-trigger.shq-header-search-btn svg path {
        stroke: #fff !important;
    }

    .echo-home-1-menu .shq-header-right {
        right: 60px;
    }

    .echo-home-1-menu .shq-header-right:empty {
        display: none !important;
    }
}

.echo-home-1-menu .echo-site-logo img {
    max-width: 100%;
}

/* Header i njëjtë ngjyrë si logo (primary) */
.echo-header-area .echo-header-top {
    background: var(--primary-color) !important;
}

/*
 * Widget “Action Buttons” (foto 2): hiq krejt — hënë, opsione, kërkim, X, newsletter nga ky widget
 * në footer dhe në shirin e sipërm.
 */
.echo-footer-area .action-buttons-content,
.echo-footer-area4 .action-buttons-content,
.footer-top .action-buttons-content,
.echo-header-top .action-buttons-content {
    display: none !important;
}

/* Footer si foto 1: i njëjtë sfond brand si header-i, tekst/link të bardhë */
/* Footer brand në të gjitha faqet (ballina + faqe të brendshme, të gjitha gjuhët) */
body .echo-footer-area,
body .echo-footer-area.echo-footer-area--brand-strip,
body.home-one .echo-footer-area,
body.home-one.inner-page .echo-footer-area,
body.inner-page .echo-footer-area {
    display: block !important;
    visibility: visible !important;
    background-color: var(--primary-color) !important;
}

body .echo-footer-area4 {
    display: block !important;
    visibility: visible !important;
}

/*
 * Footer: lartësi/hapësirë që të duket i plotë teksti dhe scroll-i të arrish deri në fund (foto 1–2).
 * z-index që të mos mbulohet nga overlay të rastit; padding poshtë për lexim komod.
 */
#footer.echo-footer-area,
footer#footer.echo-footer-area,
.echo-footer-area.echo-footer-area--brand-strip {
    position: relative !important;
    z-index: 6 !important;
    clear: both !important;
    margin-top: 0 !important;
    padding-top: 72px !important;
    padding-bottom: 72px !important;
}

.echo-footer-area .echo-row {
    padding-bottom: 40px !important;
    row-gap: 28px;
}

.echo-footer-area .echo-footer-news-text p {
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
}

.echo-footer-area .echo-subscribe-box-button,
.echo-footer-area .echo-footer-area-subscribe-button {
    margin-top: 12px !important;
}

.echo-footer-area .echo-footer-copyright-area {
    padding-top: 28px !important;
    padding-bottom: 36px !important;
    margin-bottom: env(safe-area-inset-bottom, 0);
}

body .echo-footer-area .echo-footer-social-media a:hover,
.echo-footer-area .echo-footer-social-media a:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.echo-footer-area .echo-footer-area-subscribe-button .btn.btn-primary,
.echo-footer-area .echo-footer-area-subscribe-button button,
.echo-footer-area .echo-py-btn[type="submit"] {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.5) !important;
    font-weight: 700;
}

.echo-footer-area .echo-footer-area-subscribe-button .btn.btn-primary:hover,
.echo-footer-area .echo-footer-area-subscribe-button .btn.btn-primary:focus,
.echo-footer-area .echo-footer-area-subscribe-button button:hover,
.echo-footer-area .echo-py-btn[type="submit"]:hover {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    filter: brightness(0.92);
    border-color: rgba(255, 255, 255, 0.75) !important;
}

.echo-footer-area .echo-subscribe-input-fill input[type="email"],
.echo-footer-area .echo-subscribe-input-fill input[type="text"],
.echo-footer-area .echo-subscribe-input-fill input.form-control {
    background-color: rgba(255, 255, 255, 0.96) !important;
    color: #181818 !important;
}

.echo-footer-area .footer-logo img {
    max-height: 52px;
    width: auto;
}

/* Logo nën titullin SHQIPTARI (kolona e menysë në footer) */
.echo-footer-column-brand-logo {
    margin-top: 6px;
    margin-bottom: 2px;
}

.echo-footer-column-brand-logo__link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.echo-footer-column-brand-logo__img {
    max-height: 56px;
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    transform: translateY(-6px);
}

@media (max-width: 991px) {
    .echo-home-1-menu .shq-header-main {
        padding: 14px 0 12px;
    }

    /* Mobil: menu + search deri në skaj — mos lër padding horizontal (rregullohet edhe në content.blade) */
    .echo-home-1-menu .shq-header-row {
        padding-inline: 0;
        min-height: 60px;
    }

    .echo-home-1-menu .shq-header-right {
        right: auto;
    }
}

/* ------------------------------------------------------------------
 * Dokument-scroll: një rrënjë scroll te `html`; `body` me overflow-y: visible
 * që të mos ketë dy kontejnerë scroll (ndalet para fundit në monitor).
 * ------------------------------------------------------------------ */
html {
    height: auto !important;
    min-height: 100% !important;
    min-height: 100dvh !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: static !important;
    touch-action: auto !important;
    scroll-padding-bottom: 2rem;
}

body,
body.home-one,
body.inner-page {
    height: auto !important;
    min-height: 100% !important;
    min-height: 100dvh !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    position: relative !important;
    touch-action: auto !important;
}

/* FIX MOBILE SCROLL: mos e blloko faqen kur menu-open mbetet aktiv gabimisht */
html.menu-open {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
    max-height: none !important;
    position: static !important;
    touch-action: auto !important;
}

body.menu-open,
body.home-one.menu-open,
body.inner-page.menu-open {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    height: auto !important;
    max-height: none !important;
    position: relative !important;
    touch-action: auto !important;
}


/* =========================================================
   Gjerësi + scroll: një rrënjë (html); body nuk bën scroll të dyfishtë në desktop.
   ========================================================= */
html {
    width: 100% !important;
    max-width: 100% !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
}

body,
body.home-one,
body.inner-page {
    width: 100% !important;
    max-width: 100% !important;
}

body.home-one,
body.inner-page {
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

main,
.main,
.site-content,
.page-content,
.echo-main,
.echo-home-1-menu,
.echo-header-area {
    max-height: none !important;
}

#anywhere-home:not(.bgshow),
#side-bar:not(.show),
.echo-popup-model:not(.show) {
    pointer-events: none !important;
}

@media (max-width: 991px) {
    html,
    html.menu-open {
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        position: static !important;
        touch-action: pan-y !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body,
    body.home-one,
    body.inner-page,
    body.menu-open,
    body.home-one.menu-open,
    body.inner-page.menu-open {
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        position: relative !important;
        touch-action: pan-y !important;
        -webkit-overflow-scrolling: touch !important;
    }

    main,
    .main,
    .site-content,
    .page-content,
    .echo-main {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* Overlay të mbyllura mos ta mbulojnë faqen në mobile */
    #anywhere-home:not(.bgshow),
    #side-bar:not(.show) {
        display: none !important;
        pointer-events: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    /* Nëse klasa menu-open ngec në body/html, faqja prapë të bëjë scroll */
    .menu-open {
        overflow-y: auto !important;
    }
}