/* ========= 0. Шрифтове ========= */@font-face {    font-family: "JobTiger";    src: url("/public/fonts/jobtiger.woff2") format("woff2");    font-weight: 400;    font-style: normal;    font-display: swap;}@font-face {    font-family: "slick";    src: url("/public/fonts/slick.woff2") format("woff2");    font-weight: normal;    font-style: normal;    font-display: block;}/* ========= 1. Базови настройки ========= */:root {    --jt-primary: #ffa200;    --jt-text: #202020;    --jt-bg: #ffffff;    --jt-link: #ffa200;    --jt-link-hover: #b37100;}*,*::before,*::after {    box-sizing: border-box;}html {    font-family: sans-serif;    line-height: 1.15;}body {    margin: 0;    font-family: "Roboto", "JobTiger", -apple-system, BlinkMacSystemFont,                 "Segoe UI", Arial, sans-serif;    font-size: 1rem;    font-weight: 400;    line-height: 1.3;    color: var(--jt-text);    background-color: var(--jt-bg);}a {    color: var(--jt-link);    text-decoration: none;}a:hover {    color: var(--jt-link-hover);    text-decoration: underline;}img {    max-width: 100%;    height: auto;    border: 0;    vertical-align: middle;}/* ========= 2. Layout: container, grid, utilities ========= */.container {    width: 100%;    padding-right: 15px;    padding-left: 15px;    margin-right: auto;    margin-left: auto;}@media (min-width: 576px) { .container { max-width: 540px; } }@media (min-width: 768px) { .container { max-width: 720px; } }@media (min-width: 992px) { .container { max-width: 960px; } }@media (min-width: 1200px){ .container { max-width: 1140px;} }.row {    display: flex;    flex-wrap: wrap;    margin-right: -15px;    margin-left: -15px;}.col,[class^="col-"],[class*=" col-"] {    position: relative;    width: 100%;    min-height: 1px;    padding-right: 15px;    padding-left: 15px;}/* малко responsive колони – достатъчни за текущите страници */@media (min-width: 576px) {    .col-sm-6 { flex: 0 0 50%; max-width: 50%; }}@media (min-width: 768px) {    .col-md-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }}@media (min-width: 992px) {    .col-lg-3  { flex: 0 0 25%; max-width: 25%; }    .col-lg-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }    .col-lg-9  { flex: 0 0 75%; max-width: 75%; }    .col-lg-12 { flex: 0 0 100%; max-width: 100%; }}.text-right  { text-align: right; }.text-left   { text-align: left; }.text-center { text-align: center; }.d-block      { display: block; }.d-print-none {}/* display utilities, които се ползват */.d-none { display: none !important; }@media (min-width: 576px) {    .d-sm-block { display: block !important; }}/* spacing utilities – само тези, които се виждат в HTML-а */.mb-2 { margin-bottom: .5rem; }.mb-3 { margin-bottom: 1rem; }.py-3 { padding-top: 1rem; padding-bottom: 1rem; }.py-4 { padding-top: 1.5rem; padding-bottom: 1.5rem; }.py-5 { padding-top: 3rem; padding-bottom: 3rem; }/* ========= 3. Форми и бутони ========= */.form-group {    margin-bottom: 1rem;}.form-control {    display: block;    width: 100%;    padding: 0.375rem 0.75rem;    font-size: 1rem;    line-height: 1.3;    color: #495057;    background-color: #fff;    border: 1px solid var(--jt-primary);    border-radius: 0;}.form-control:focus {    outline: 0;    border-color: #202020;}.form-control-lg {    padding: 0.5rem 1rem;    font-size: 1.05rem;}/* бутони (bootstrap-подобни, но минимални) */.btn {    display: inline-block;    font-weight: 400;    text-align: center;    white-space: nowrap;    vertical-align: middle;    border: 1px solid transparent;    padding: 0.375rem 0.75rem;    font-size: 1rem;    line-height: 1.3;    border-radius: 0;    cursor: pointer;    background: #e9ecef;    color: var(--jt-text);}.btn-lg {    padding: 0.5rem 1rem;    font-size: 1.05rem;}.btn-dark {    color: #fff;    background-color: #343a40;    border-color: #343a40;}.btn-dark:hover {    background-color: #23272b;    border-color: #1d2124;}.btn-outline-primary {    color: var(--jt-primary);    background-color: transparent;    border-color: var(--jt-primary);}.btn-outline-primary:hover {    color: #212529;    background-color: var(--jt-primary);    border-color: var(--jt-primary);}.btn-link {    border: none;    background: none;    padding: 0;    font-weight: 400;    color: inherit;}/* ========= 4. HEADER (top bar + brand header) ========= */.top-header {    background: #f8f9fa;    font-size: 0.9rem;}.top-header .top-menu {    display: flex;    flex-wrap: wrap;    list-style: none;    margin: 0;    padding: 0;}.top-header .top-menu li {    margin-right: 1rem;}.top-header .top-menu a {    display: block;    padding: 0.5rem 0;    color: #343a40;}/* Navbar / burger */.navbar {    display: flex;    align-items: center;    justify-content: space-between;}.navbar-toggler-wrapper button {    background: none;    border: none;    padding: 0.5rem 0.25rem;    display: inline-flex;    flex-direction: column;    justify-content: space-between;    height: 20px;}.navbar-toggler-wrapper .line {    width: 20px;    height: 2px;    background: #343a40;}/* да не зависим от JS за видимост на менюто */#top-nav {    width: 100%;}@media (min-width: 992px) {    .navbar-toggler-wrapper { display: none; }}.brand-header {    border-bottom: 1px solid #e9ecef;    background: #fff;}.brand-header .logo img {    display: block;}/* user меню (вдясно) */.user-menu {    list-style: none;    margin: 0;    padding: 0;    display: flex;    flex-wrap: wrap;    align-items: center;    justify-content: flex-end;    gap: 0.75rem;    font-size: 0.9rem;}.user-menu li {    display: inline-flex;    align-items: center;}.language-switcher {    margin-left: 0.75rem;    font-size: 0.85rem;    text-transform: uppercase;    font-weight: 500;}/* dropdown (Profile) – минимално, за да не е счупено */.dropdown {    position: relative;}.dropdown-menu {    position: absolute;    right: 0;    top: 100%;    min-width: 180px;    margin-top: 4px;    padding: 4px 0;    background: #fff;    border: 1px solid #dee2e6;    border-radius: 0;    box-shadow: 0 6px 12px rgba(0,0,0,.1);    z-index: 1000;    display: none;}.dropdown.show .dropdown-menu {    display: block;}.dropdown-toggle-btn {    background: #fff;    border: 1px solid #dee2e6;    border-radius: 0;    padding: 0.35rem 0.6rem;    font-size: 0.85rem;}/* ========= 5. Breadcrumbs ========= */.breadcrumbs {    background: #f5f5f5;    font-size: 0.85rem;    padding: .5rem 0;}#HistoryContainer ul {    list-style: none;    margin: 0;    padding: 0;    display: flex;    flex-wrap: wrap;}#HistoryContainer li {    display: inline-flex;    align-items: center;    margin-right: .5rem;}#HistoryContainer li::after {    content: "/";    margin-left: .5rem;    color: #999;}#HistoryContainer li:last-child::after {    content: "";    margin: 0;}#HistoryContainer a {    color: #555;}#HistoryContainer .Home .home-responsive {    display: inline-block;}/* ========= 6. Общ content wrapper ========= */.pages-content {    padding-bottom: 1rem;}/* ========= 7. Employer Branding – header (cover) ========= */.company-offer-header {    position: relative;    padding: 0;}.company-offer-header--has-cover {    padding-bottom: 0 !important;}.company-offer-header__img {    display: block !important;    width: 100% !important;    max-width: 100% !important;    height: auto !important;    object-position: center;}.company-offer-header__content {    position: absolute;    inset: 0;    z-index: 2;    display: flex;    align-items: center;    padding: 16px 12px;}.company-offer-header.no-cover-image {    padding: 20px 0;    background: #f5f5f5;}.company-offer-header.no-cover-image .company-offer-header__content {    position: static;    padding: 0;}@media (max-width: 576px) {    .company-offer-header__content {        align-items: flex-end;    }}/* company info върху covera */.single-employer-content {    padding-top: 1rem;}.company-info {    display: flex;    flex-wrap: wrap;    align-items: center;    color: #fff;}.company-text {    flex: 1 1 auto;    min-width: 0;}.company-text .title-medium {    font-size: 1.4rem;    font-weight: 500;}.company-text .title {    font-size: 1rem;    opacity: .9;}.company-info .info {    font-size: .9rem;}.company-info .info .website a {    color: #fff;}.company-info .cont-jobs {    display: inline-block;    margin-left: 1rem;    padding: 0.25rem 0.5rem;    border-radius: 999px;    background: rgba(0,0,0,.35);    color: #fff;    font-size: .85rem;    text-decoration: none;}.company-logo {    flex: 0 0 auto;    margin-left: 1rem;}.company-logo .wrapper {    background: #fff;    padding: .5rem;    border-radius: 4px;}/* ========= 8. Employer Branding – вътрешно съдържание ========= */.company-section {    margin-top: 1.5rem;}.underline {    position: relative;    display: inline-block;    margin-bottom: .75rem;    padding-bottom: .25rem;}.underline::after {    content: "";    position: absolute;    left: 0;    bottom: 0;    width: 48px;    height: 3px;    background: var(--jt-primary);}.section-navigation .nav {    list-style: none;    margin: 0 0 1rem;    padding: 0;}.section-navigation .nav-link {    display: block;    padding: .35rem 0;    color: #555;}.section-navigation .nav-link:hover {    color: var(--jt-primary);}/* sticky меню (горната лента с anchor-и и малкото лого) */.sticky-menu {    position: sticky;    top: 0;    z-index: 10;    background: #fff;    border-bottom: 1px solid #eee;    padding: .5rem 15px;    display: flex;    justify-content: space-between;    align-items: center;}.sticky-menu .nav {    list-style: none;    margin: 0;    padding: 0;    display: flex;    flex-wrap: wrap;}.sticky-menu .nav-item {    margin-right: 1rem;}.sticky-menu .nav-link {    font-size: .9rem;    color: #555;}.sticky-menu .nav-link:hover {    color: var(--jt-primary);}.sticky-menu img {    max-height: 40px;}/* sidebar blocks */.sidebar-employer .section {    margin-bottom: 1.5rem;}.section-title {    font-size: 1rem;    font-weight: 500;    margin-bottom: .5rem;}.section-content {    font-size: .9rem;}.section-content a {    word-break: break-word;}/* ... и т.н. – целият файл е в този формат ... */
/* =========================================
   Mobile – вертикално меню в top-header
   ========================================= */
@media (max-width: 767.98px) {
    /* контейнерът с менюто да заема цялата ширина */
    .top-header .navbar-collapse {
        width: 100%;
    }

    /* списъкът с линковете – вертикална колона */
    .top-header .top-menu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 0;
        margin: 0;
        list-style: none;
    }

    /* всеки <li> под другия, без хоризонтален margin */
    .top-header .top-menu li {
        margin-right: 0;
        margin-bottom: 0.35rem; /* разстояние между редовете */
    }

    .top-header .top-menu li:last-child {
        margin-bottom: 0;
    }

    /* линковете да са block и по-„високи“, за да не се лепят
       когато заглавието прехвърля на втори ред */
    .top-header .top-menu li a {
        display: block;
        width: 100%;
        padding: 0.35rem 0;
        line-height: 1.3;
    }
}

/* =========================================
   Mobile – вертикално меню в top-header
   ========================================= */
@media (max-width: 767.98px) {
    /* контейнерът с менюто да заема цялата ширина */
    .top-header .navbar-collapse {
        width: 100%;
    }

    /* списъкът с линковете – вертикална колона */
    .top-header .top-menu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 0;
        margin: 0;
        list-style: none;
    }

    /* всеки <li> под другия, без хоризонтален margin */
    .top-header .top-menu li {
        margin-right: 0;
        margin-bottom: 0.35rem; /* разстояние между редовете */
    }

    .top-header .top-menu li:last-child {
        margin-bottom: 0;
    }

    /* линковете да са block и по-„високи“, за да не се лепят
       когато заглавието прехвърля на втори ред */
    .top-header .top-menu li a {
        display: block;
        width: 100%;
        padding: 0.35rem 0;
        line-height: 1.3;
    }
}

/* =========================================
   TOP MENU – desktop + mobile fix
   ========================================= */

/* Desktop (lg и нагоре) – За работодатели вдясно,
   нормални разстояния между елементите */
@media (min-width: 992px) {
    .top-header .top-menu {
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        padding-left: 0;
        margin: 0;
        list-style: none;
    }

    .top-header .top-menu li {
        display: block !important;
        float: none !important;
        margin: 0 1rem 0 0; /* разстояние между „Работа“, „Виж работодатели“… */
    }

    .top-header .top-menu li:last-child {
        margin-right: 0;
    }

    /* Този <li> с float-lg-right да бута останалите наляво и да седи вдясно */
    .top-header .top-menu li.float-lg-right {
        margin-left: auto !important;  /* слага празно място между „Календар“ и „За работодатели“ */
        margin-right: 0;
    }
}

/* Mobile (под lg) – чисто вертикално меню, без долепване и счупени редове */
@media (max-width: 991.98px) {
    .top-header .navbar-collapse {
        width: 100%;
    }

    .top-header .top-menu {
        display: block !important;
        padding-left: 0;
        margin: 0;
        list-style: none;
    }

    .top-header .top-menu li {
        display: block !important;
        float: none !important;
        margin: 0 0 0.5rem 0; /* вертикално разстояние между елементите */
    }

    .top-header .top-menu li:last-child {
        margin-bottom: 0;
    }

    .top-header .top-menu li a {
        display: block !important;
        width: 100%;
        padding: 0.4rem 0;
        line-height: 1.3;
        white-space: normal; /* позволяваме пренасяне на 2 реда без да се лепи */
    }
}

/* =========================================
   Hamburger menu icon (JobTiger custom)
   ========================================= */
.navbar-toggler-wrapper button {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    width: 26px;
    height: 20px;
    padding: 0;
    border: none;
    background: transparent;
}

.navbar-toggler-wrapper button .line {
    display: block;
    width: 100%;
    height: 3px;
    background: var(--jt-text, #333);
    border-radius: 2px;
}