.nav-link {
  white-space: nowrap !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

.offcanvas {
    max-width: 100vw !important;
}

.lang-sel {
    position: absolute;
    top: .7em;
    right: 2.5em;
    font-size: 14px;
}

/* 1. Hide line breaks to prevent vertical stacking */
.filed_form .esm_form_field:has(#field_260) br,
.filed_form .esm_form_field:has(#field_261) br,
.filed_form .esm_form_field:has(#field_262) br,
.filed_form .esm_form_field:has(#field_267) br,
.filed_form .esm_form_field:has(#field_268) br,
.filed_form .esm_form_field:has(#field_269) br,
.filed_form .esm_form_field:has(#field_274) br,
.filed_form .esm_form_field:has(#field_275) br,
.filed_form .esm_form_field:has(#field_276) br {
    display: none;
}

/* 2. Layout the checkboxes horizontally */
.filed_form .esm_form_field:has(#field_260),
.filed_form .esm_form_field:has(#field_261),
.filed_form .esm_form_field:has(#field_262),
.filed_form .esm_form_field:has(#field_267),
.filed_form .esm_form_field:has(#field_268),
.filed_form .esm_form_field:has(#field_269),
.filed_form .esm_form_field:has(#field_274),
.filed_form .esm_form_field:has(#field_275),
.filed_form .esm_form_field:has(#field_276) {
    display: inline-flex !important; /* Sit side-by-side */
    flex-direction: row-reverse;     /* Move text label to the right */
    align-items: center;
    margin-right: 20px;              /* Horizontal gap between options */
    margin-top: 30px !important;     /* CRITICAL: Creates empty space above for the title */
}

/* 3. Fix label spacing (gap between box and text) */
label[for="field_260"], 
label[for="field_261"], 
label[for="field_262"],
label[for="field_267"],
label[for="field_268"],
label[for="field_269"],
label[for="field_274"],
label[for="field_275"],
label[for="field_276"] {
    float: none !important;
    margin-left: 8px !important;
    margin-bottom: 0 !important;
    width: auto !important;          /* Prevent label from taking full width */
}

#field_260, #field_261, #field_262, 
#field_267, #field_268, #field_269, 
#field_274, #field_275, #field_276 {
    margin: 0 !important;
}

/* 4. Inject the Title ONLY above the first checkbox */
.filed_form .esm_form_field:has(#field_260), 
.filed_form .esm_form_field:has(#field_267), 
.filed_form .esm_form_field:has(#field_274) {
    position: relative; /* Anchors the absolute title to this specific box */
}

.filed_form .esm_form_field:has(#field_260)::before,
.filed_form .esm_form_field:has(#field_267)::before,
.filed_form .esm_form_field:has(#field_274)::before {
    display: block;
    position: absolute;
    top: -25px;       /* Moves text up into the margin-top space we created */
    left: 0;
    width: 380px;     /* Ensures text doesn't wrap awkwardly */
    font-weight: normal;
    color: #333;      /* Optional: Adjust text color */
}

.filed_form .esm_form_field:has(#field_260)::before {
    content: "Kje želite zaščititi vašo znamko / model?";
}

.filed_form .esm_form_field:has(#field_267)::before {
    content: "Gdje želite zaštititi svoj brand / model?";
}

.filed_form .esm_form_field:has(#field_274)::before {
    content: "Where do you want to protect your brand / model?";
}

#header .header-btn-collapse-nav {
    background: var(--secondary) !important;
}

.sub-page-content ul {
    list-style-position: inside;
}

.cookie-warning {
  position: fixed;
display:none;
  bottom: 0;
  width: 100%;
  z-index: 2000;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  padding: 2em;
}

/* */