/* custom.css */

/* UK FRONTEND FRAMEWORK */
.uk-close, .uk-lightbox-counter { color: #c1bdbd; }
.uk-button-small { padding: 4px 10px 3px; line-height: 18px; font-size: 10px; border-radius: 6px; }
.uk-lightbox { --uk-inverse: dark; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; background: #222; opacity: 0; transition: opacity .15s linear; touch-action: pinch-zoom; }
.uk-lightbox-thumbnav-vertical :where(img, video) { max-width: 80px; }

/* --- START DE BREADCRUMBS --- */
.de-breadcrumbs .uk-subnav { gap: 6px; margin: 0 0 26px; }
.de-breadcrumbs .uk-subnav > * { padding-left: 0; }
.de-breadcrumbs .uk-subnav > * > a { position: relative; display: inline-flex; align-items: center; min-height: 28px; padding: 5px 18px 5px 18px; background: #f3f5f8; color: #4b5563; border: 1px solid #e1e5eb; border-radius: 0px 0 0 0px; font-size: 12px; line-height: 1.2; font-weight: 600; text-transform: uppercase; letter-spacing: .01em; box-shadow: 0 3px 9px rgba(15, 35, 65, .06); }
.de-breadcrumbs .uk-subnav > * > a::after { content: ""; position: absolute; top: -1px; right: -12px; width: 24px; height: calc(100% + 2px); background: #f3f5f8; border-top: 1px solid #e1e5eb; border-right: 1px solid #e1e5eb; transform: skewX(-24deg); z-index: 1; }
.de-breadcrumbs .uk-subnav > * > a > * { position: relative; z-index: 2; }
.de-breadcrumbs .uk-subnav > * > a:hover { background: #e9eef6; color: #1f4f99; }
.de-breadcrumbs .uk-subnav > * > a:hover::after { background: #e9eef6; }
.de-breadcrumbs .uk-subnav > .uk-active > a { background: #29559b; color: #fff; border-color: #29559b; 
  box-shadow: 0 6px 16px rgba(41, 85, 155, .22); }
.de-breadcrumbs .uk-subnav > .uk-active > a::after { background: #29559b; border-color: #29559b; }
/* --- END DE BREADCRUMBS --- */

/* --- START INACTIVE CATEGORY --- */
.de-bus-inactive-category { display: flex; gap: 18px; align-items: flex-start; margin: 32px 0; padding: 26px 28px; border-radius: 20px; border: 1px solid rgba(255, 132, 0, 0.24); background: linear-gradient(135deg, rgba(255, 132, 0, 0.12), rgba(255, 255, 255, 0.96)); box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08); }
.de-bus-inactive-category__icon { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 999px; display: flex; align-items: center; justify-content: center; background: #ff8400; color: #fff; font-size: 24px; font-weight: 800; line-height: 1; }
.de-bus-inactive-category__content { flex: 1; }
.de-bus-inactive-category__eyebrow { margin-bottom: 5px; color: #ff8400; font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.de-bus-inactive-category__title { margin: 0 0 7px; font-size: 26px; line-height: 1.25; font-weight: 800; color: #1f2937; }
.de-bus-inactive-category__text { margin: 0; max-width: 680px; color: #4b5563; font-size: 16px; line-height: 1.6; }

@media (max-width: 640px) {
.de-bus-inactive-category { padding: 22px; gap: 14px; }
.de-bus-inactive-category__icon { flex-basis: 40px; width: 40px; height: 40px; font-size: 21px; }
.de-bus-inactive-category__title { font-size: 21px; }
}
/* --- END INACTIVE CATEGORY --- */

/* --- START DE BUTTONS --- */
.de-button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 22px; border: 1px solid #e67e22; border-radius: 4px; background: #e67e22; color: #fff; font-size: 14px; line-height: 1.2; font-weight: 700; text-decoration: none; cursor: pointer; box-shadow: 0 6px 16px rgba(230, 126, 34, .22); transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease; }
.de-button:hover,
.de-button:focus { background: #d96f17; border-color: #d96f17; color: #fff; text-decoration: none; box-shadow: 0 8px 20px rgba(230, 126, 34, .28); transform: translateY(-1px); }
.de-button:active { background: #c96212; border-color: #c96212; color: #fff; box-shadow: 0 4px 10px rgba(230, 126, 34, .18); transform: translateY(0); }
.de-button-text { display: inline-flex; align-items: center; color: #fff; background: rgb(232, 117, 16); border: 2px solid rgb(232, 117, 16); font-size: 11px; line-height: 1.2; font-weight: 600; text-decoration: none; padding: 2px 8px 1px; margin: 0 3px; border-radius: 4px; transition: background .18s ease, color .18s ease, border-color .18s ease; }
.de-button-text:hover, 
.de-button-text:focus { color: rgb(190, 75, 5); background: #fff; border-color: rgb(232, 117, 16); text-decoration: none; }
.de-button-text:active { color: rgb(160, 58, 0); background: #fff; border-color: rgb(190, 75, 5); text-decoration: none; }
/* --- END DE BUTTONS --- */

/* --- START TRANSFER PAGE ELEMENTS --- */
.naslov { margin-bottom: 22px; color: #173b68; font-weight: 800; letter-spacing: -0.02em; }
.uvodni-tekst { color: #334155; font-size: 15px; line-height: 1.75; }
.uvodni-tekst p { margin: 0 0 16px; }
.info-msg { color: #636c12; font-weight: bold; float: none; min-height: none; }
.rezervacije { display: block; margin: 22px 0; padding: 14px 18px; background: #fff4e8; border-left: 4px solid #e87510; border-right: 4px solid #e87510; border-radius: 6px; color: #7a3a08; font-size: 15px; line-height: 1.55; font-weight: 600; }
/* --- END TRANSFER PAGE ELEMENTS --- */

/* --- START TRANSFER GALLERY --- */
.galerija { margin-top: 34px; }
.slika-u-galeriji { overflow: hidden; border-radius: 8px; background: #f4f7fb; 
    box-shadow: 0 8px 22px rgba(15, 35, 65, .08); }
.slika-u-galeriji img { display: block; width: 100%; height: auto; transition: transform .25s ease; }
.slika-u-galeriji:hover img { transform: scale(1.025); }
/* --- END TRANSFER GALLERY --- */

/* --- START DE TRANSFER TABLE SHORTCODE --- */
.de-transfer-table-wrap { margin: 0 0 34px; overflow: hidden; background: #fff; }
.de-transfer-table-head { padding: 20px 22px 16px; background: #dce9f4; text-align: center; }
.de-transfer-table-title { margin: 0; color: #123f6d; font-size: 18px; line-height: 1.25; font-weight: 800; text-transform: uppercase; }
.de-transfer-table-subtitle { margin-top: 4px; color: #6a7d8f; font-size: 14px; line-height: 1.35; font-weight: 500; }
.de-transfer-table { width: 100%; margin: 0; border-collapse: collapse; table-layout: fixed; background: #fff; }
.de-transfer-table th,
.de-transfer-table td { text-align: center; vertical-align: top; }
.de-transfer-table-3 .de-transfer-table th,
.de-transfer-table-3 .de-transfer-table td { width: 33%; }
.de-transfer-table-3 .de-transfer-table th:first-child,
.de-transfer-table-3 .de-transfer-table td:first-child { width: 34%; }
.de-transfer-table-2 .de-transfer-table th,
.de-transfer-table-2 .de-transfer-table td { width: 50%; }
.de-transfer-cols th { padding: 14px 18px; background: #eef4fa; color: #1d2733; font-size: 15px; line-height: 1.35; font-weight: 800; letter-spacing: .01em; }
.de-transfer-table tbody th,
.de-transfer-table tbody td { position: relative; padding: 13px 22px; color: #222; background: #fff; font-size: 14px; line-height: 1.5; font-weight: 500; }
.de-transfer-table tbody tr:not(:first-child) > th, 
.de-transfer-table tbody tr:not(:first-child) > td { background-image: linear-gradient(#e5e5e5, #e5e5e5); background-repeat: no-repeat; background-size: 90% 1px; background-position: center top; }
.de-transfer-table .tabela-red { padding: 13px 14px; color: #202832; font-weight: 500; }
.de-transfer-table tbody .de-col-1,
.de-transfer-table tbody .de-col-2,
.de-transfer-table tbody .de-col-3 { padding: 13px 14px; color: #202832; font-weight: 500; font-size: 14px; }
.de-transfer-table tbody th + td, 
.de-transfer-table tbody td + td { border-left: 1px solid #e5e5e5; }
.de-transfer-table tbody th, 
.de-transfer-table tbody td { background-clip: padding-box; }
/* linije neka ne budu preko cele visine ćelije - onemoguceno za sada!! */
.de-transfer-table tbody th, 
.de-transfer-table tbody td { position: relative; }
.de-transfer-table tbody td::before { content: ""; position: absolute; top: 18%; bottom: 18%; left: 0; border-left: 1px solid #e5e5e5; }
.de-transfer-table tbody th + td, 
.de-transfer-table tbody td + td { border-left: 0; }
.de-transfer-table-note { padding: 15px 18px 16px; background: #f4f7fb; color: #34495e; text-align: center; }
.de-transfer-table-note-title { margin-bottom: 5px; color: #123f6d; font-size: 14px; line-height: 1.35; font-weight: 800; text-transform: uppercase; }
.de-transfer-table-note-text { color: #34495e; font-size: 14px; line-height: 1.55; }
.de-transfer-table-note-text p { margin: 0 0 8px; }
.de-transfer-table-note-text p:last-child { margin-bottom: 0; }

/* --- START DE TABLE ARROWS --- */
.de-transfer-icons th { padding: 15px 18px 13px; background: #fff; color: #222; text-align: center; font-weight: 100; }
.de-table-arrow { display: inline-block; width: 30px; height: 30px; color: #222; vertical-align: middle; }
.de-table-arrow line, 
.de-table-arrow polyline { fill: none; stroke: currentColor; stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; }
/* --- END DE TABLE ARROWS --- */

/* --- START DE TRANSFER TABS --- */
.de-transfer-tabs-wrap { margin: 0 0 34px; }
.de-transfer-tabs { margin-bottom: 0; }
.de-transfer-tabs > * > a { color: #123f6d; font-size: 14px; font-weight: 800; text-transform: uppercase; }
.de-transfer-tabs > .uk-active > a { color: #fff; border-color: #e67e22; }
.de-transfer-tabs-content { padding-top: 22px; }
/* --- END DE TRANSFER TABS --- */
/* --- START DE TRANSFER TAB TITLE --- */

.de-transfer-tab-title {
  margin: 0 0 22px;
  color: #444;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

/* --- END DE TRANSFER TAB TITLE --- */
/* --- END DE TRANSFER TABLE SHORTCODE --- */

/* --- START DE TRANSFER TABLE MOBILE --- */
@media (max-width: 640px) {
.naslov { margin-bottom: 22px; color: #173b68; font-weight: 800; letter-spacing: -0.02em; text-align: center; font-size: 20px; }
.de-transfer-table-title { margin: 0; color: #123f6d; font-size: 16px; line-height: 1.25; font-weight: 800; text-transform: uppercase; }
.de-transfer-table-wrap { overflow: visible; border-radius: 8px; }
.de-transfer-table { min-width: 0; width: 100%; display: block; }
.de-transfer-table tbody .de-col-1,
.de-transfer-table tbody .de-col-2,
.de-transfer-table tbody .de-col-3,
.de-transfer-table .tabela-red { padding: 0; color: #202832; font-weight: 500; }
.de-transfer-table thead { display: none; }
.de-transfer-table tbody { display: block; width: 100%; }
.de-transfer-table tbody tr { display: block; margin: 0 0 14px; padding: 12px 14px; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 5px 14px rgba(15, 35, 65, .05); }
.de-transfer-table tbody th, 
.de-transfer-table tbody td { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; width: 100% !important; padding: 8px 0; border: 0; background: transparent; text-align: right; font-size: 14px; line-height: 1.45; }
.de-transfer-table tbody th::before, 
.de-transfer-table tbody td::before { position: static; content: attr(data-label); display: block; min-width: 42%; border: 0; color: #123f6d; font-weight: 700; text-align: left; text-transform: uppercase; font-size: 12px; line-height: 1.35; }
.de-transfer-table tbody th { font-weight: 600; }
.de-transfer-table tbody tr:not(:first-child) > th, 
.de-transfer-table tbody tr:not(:first-child) > td { background-image: none; }
.de-transfer-table-note { margin-top: 8px; border-radius: 8px; text-align: left; }
.de-transfer-table-note-text { color: #34495e; font-size: 14px; line-height: 1.55; text-align: center; }
.de-transfer-cell-value { flex: 1 1 auto; min-width: 0; text-align: right; }
.de-transfer-cell-value b, 
.de-transfer-cell-value strong { white-space: nowrap; }
}
/* --- END DE TRANSFER TABLE MOBILE --- */