@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;
    /* Portokalli si logo Shqiptari — Theme options → Primary color (default #FF4500) */
    background: var(--primary-color) !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;
}

/* 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 {
    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 {
    color: var(--header-text-color) !important;
    opacity: 0.92;
}

.echo-home-1-menu .shq-header-right .lang-toggle {
    color: var(--header-text-color) !important;
    border: 1px solid rgba(255, 255, 255, 0.85);
    padding: 6px 14px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.echo-home-1-menu .shq-header-right .lang-toggle:hover {
    background: rgba(255, 255, 255, 0.15);
    color: var(--header-text-color) !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;
 * gjuha / hamburger janë position:absolute djathtas (si Dutch Review), që mos ta tërheqin logon majtas.
 */
/* 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%;
}

.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;
}

/* Butoni pill SEARCH */
.echo-home-1-menu .shq-header-search-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 22px;
    border-radius: 999px;
    background: #ffffff;
    color: var(--primary-color) !important;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.07em;
    text-decoration: none !important;
    text-transform: uppercase;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.echo-home-1-menu .shq-header-search-pill:hover {
    filter: brightness(1.03);
    color: var(--primary-color) !important;
}

.echo-home-1-menu .shq-header-search-pill svg {
    flex-shrink: 0;
}

.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;
}

/* Footer si foto 1: i njëjtë sfond brand si header-i, tekst/link të bardhë */
body.home-one .echo-footer-area,
.echo-footer-area.echo-footer-area--brand-strip {
    background-color: var(--primary-color) !important;
}

body.home-one .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;
}

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

    /* hapësirë që logoja mos të mbivendoset me ENGLISH / ikonën */
    .echo-home-1-menu .shq-header-row {
        padding-inline-end: 100px;
        min-height: 60px;
    }

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