a:focus,
a:active {
  outline: none;
}

/* Remove touch highlight for WebKit browsers */

button,
button:focus,
button:active,
button:hover {
  outline: none !important;
  /* Ensure outline is removed */
  box-shadow: none !important;
  /* Ensure shadow is removed */
  background-color: inherit !important;
  /* Keep the original background color */
  color: inherit !important;
  /* Keep the original text color */
  border: none !important;
  /* Ensure border changes are removed */
  -webkit-tap-highlight-color: transparent;
  /* Disable touch highlight */
  -webkit-user-select: none;
  /* Prevent text selection (optional) */
  -webkit-appearance: none;
  /* Reset browser-specific styles */
  appearance: none;
  /* Standard appearance reset */
}

/* For mobile-specific styles */

@media (max-width: 768px) {
  button,
  button:focus,
  button:active,
  button:hover {
    -webkit-tap-highlight-color: transparent;
    /* Mobile-specific touch highlight removal */
  }
}

/* header */

/* Make header full width and centered */

header.wp-block-kadence-header {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

header .wp-block-kadence-header-container {
  width: 100% !important;
  max-width: 100% !important;
}

.kb-header-container {
  width: 100% !important;
  max-width: 100% !important;
}

.kadence-header-row-inner {
  display: flex;
  justify-content: space-between;
  width: 100% !important;
}

/* sticky header */
@media only screen and (max-width: 768px) { /* Adjust the max-width if needed */
  .wp-block-kadence-header-row.wp-block-kadence-header-rowtwentytwentyfour__wp-custom-template-pages-en_4f2807-40.wp-block-kadence-header-row-center.kb-header-row-layout-standard {
    position: sticky;
    top: 0;
    z-index: 10;
  }

  .wp-block-group.alignwide.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    position: relative; /* Ensure the block is positioned relative for z-index context */
    z-index: 5;
  }

  /* Stop sticky header before the specific block */
  .wp-block-kadence-header-row.wp-block-kadence-header-rowtwentytwentyfour__wp-custom-template-pages-en_4f2807-40.wp-block-kadence-header-row-center.kb-header-row-layout-standard:after {
    content: "";
    display: block;
    height: 100px; /* Adjust height based on the targeted block's position */
    margin-bottom: -100px; /* Match the height */
  }
}



/* Фикс за новиот систем на слајдер (ul/li) во Kadence */

/* 1. Отстрани ги сите претходно дефинирани маргини и точки од листата */
.kb-row-layout-wrap ul.splide__list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important; /* Ова спречува вертикално редење пред вчитување */
}

/* 2. Осигурај се дека секој слајд (li) е на почетна позиција */
.kb-row-layout-wrap li.splide__slide {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    flex-shrink: 0 !important;
    width: 100% !important;
}

/* 3. Ова е клучно за да не потскокнува на десно */
.kb-row-layout-wrap .splide__track {
    overflow: hidden !important;
    position: relative !important;
}

/* 4. Позадинската слика да биде стабилна */
.kb-bg-slide {
    background-size: cover !important;
    background-position: center center !important; /* Промена од left top за стабилност */
    width: 100% !important;
    height: 100% !important;
}


/* Враќање на белото лого кога сме на врвот */
.kb-header-sticky-wrapper.item-at-start .custom-logo {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Сокривање на црното лого кога сме на врвот */
.kb-header-sticky-wrapper.item-at-start .kb-img-sticky {
    display: none !important;
}

/* Сокривање на белото лого при скролање */
.kb-header-sticky-wrapper.item-is-fixed:not(.item-at-start) .custom-logo {
    display: none !important;
}

/* Покажување на црното лого при скролање */
.kb-header-sticky-wrapper.item-is-fixed:not(.item-at-start) .kb-img-sticky {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: 60px !important;
}



/* 1. Средување на блесокот кај слајдерот */
.kb-bg-slide-contain {
    background-color: #1a1a1a !important; /* Боја на позадина додека се вчита сликата */
}

/* 2. Присилно покажување на белото лого веднаш (спречува празен простор) */
.kb-header-sticky-wrapper.item-at-start .custom-logo {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 3. Обезбедување стабилна висина на логото без „дишење“ */
.wp-block-site-logo img {
    height: 60px !important;
    width: auto !important;
    aspect-ratio: 191 / 60;
}

/* 4. Спречување на поместувањето на менито */
.kb-navigation .menu-container {
    min-height: 60px;
    display: flex;
    align-items: center;
}



/* Елиминирање на било каква боја пред вчитување на сликата */
.kb-row-layout-wrap, 
.kt-blocks-carousel, 
.splide__track, 
.kb-bg-slide-contain,
.kb-bg-slide {
    background-color: transparent !important;
}

/* Ако сликата се вчитува со мал „скок“ во транспарентност */
.kb-bg-slide {
    opacity: 1 !important;
    visibility: visible !important;
}



html, body {
  overflow-x: hidden;
  max-width: 100vw;
}


/* Highligghts buttons */

a, button, input, textarea, [role="button"] {
  -webkit-tap-highlight-color: transparent;
}

* {
  -webkit-tap-highlight-color: transparent;
}