.elementor-kit-8{--e-global-color-primary:#D3B298;--e-global-color-primary_hover:#7E6549;--e-global-color-text:#1F1F1F;--e-global-color-text_light:#8A8A8A;--e-global-color-accent:#1F5B5C;--e-global-color-border:#E46D33;--e-global-color-background:#FFFFFF;--e-global-color-background_light:#F3EAE1;--e-global-typography-bdefc39-font-size:70px;--e-global-typography-bdefc39-font-weight:700;--e-global-typography-bdefc39-line-height:1.06em;--e-global-typography-bdefc39-letter-spacing:-2px;--e-global-typography-589f815-font-size:12px;--e-global-typography-589f815-font-weight:600;--e-global-typography-589f815-text-transform:uppercase;--e-global-typography-589f815-line-height:1.167em;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1290px;}.e-con{--container-max-width:1290px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1200px){.elementor-kit-8{--e-global-typography-bdefc39-font-size:64px;}}@media(max-width:1024px){.elementor-kit-8{--e-global-typography-bdefc39-font-size:56px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-bdefc39-font-size:42px;--e-global-typography-bdefc39-letter-spacing:-1px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Kada je Elementor Full Width template aktivan za mbm_unit */
body.elementor-template-full-width .col-full,
body.elementor-template-full-width .site-content,
body.elementor-template-full-width #primary {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0px !important;
}

/* Ili specifičnije za single mbm_unit */
body.elementor-template-full-width.single-mbm_unit .col-full {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Global table styling */
table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	color: #1f1f1f;
	margin-bottom: 20px;
	table-layout: auto; /* Allow columns to adjust to content */
}

table thead th {
	background-color: #f3eae1;
	color: #1f1f1f;
	padding: 12px;
	text-align: left;
	border: 1px solid #ddd;
	font-weight: bold;
	white-space: nowrap; /* Prevent text wrapping in headers on desktop */
}

table thead th[colspan] {
	text-align: center;
}

/* Right align numeric columns */
table thead th:nth-child(2),
table thead th:nth-child(3),
table thead th:nth-child(4) {
	text-align: right;
}

table tbody td {
	padding: 10px;
	border: 1px solid #ddd;
	white-space: nowrap; /* Prevent text wrapping in cells on desktop */
	word-break: keep-all; /* Keep words together */
}

/* Right align numeric columns */
table tbody td:nth-child(2),
table tbody td:nth-child(3),
table tbody td:nth-child(4) {
	text-align: right;
}

table tbody tr:nth-child(even) {
	background-color: #f9f9f9;
}

/* Table wrapper for horizontal scrolling */
.table-wrapper {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 20px;
	display: block; /* Important for overflow to work */
}

.table-wrapper table {
	margin-bottom: 0;
	width: auto; /* Allow table to be wider than wrapper when needed */
	min-width: 100%; /* But at least full width of wrapper */
	display: table; /* Keep table display */
}

/* Mobile styles */
@media (max-width: 768px) {
	.table-wrapper {
		overflow-x: scroll; /* Force horizontal scroll on mobile */
		-webkit-overflow-scrolling: touch;
	}
	
	table {
		font-size: 11px;
		min-width: auto; /* Remove fixed min-width */
		width: max-content; /* Table width based on content */
	}
	
	table thead th {
		padding: 6px 8px;
		font-size: 10px;
		white-space: nowrap; /* Keep no-wrap on mobile */
	}
	
	table tbody td {
		padding: 6px 8px;
		font-size: 10px;
		white-space: nowrap; /* Keep no-wrap on mobile */
	}
	
	/* Make columns fit content width */
	table thead th:nth-child(1),
	table tbody td:nth-child(1) {
		min-width: auto;
		width: auto;
	}
	
	table thead th:nth-child(2),
	table thead th:nth-child(3),
	table thead th:nth-child(4),
	table tbody td:nth-child(2),
	table tbody td:nth-child(3),
	table tbody td:nth-child(4) {
		min-width: auto;
		width: auto;
		padding-left: 8px;
		padding-right: 8px;
	}
	
	table thead th:nth-child(5),
	table tbody td:nth-child(5) {
		min-width: auto;
		width: auto;
	}
}/* End custom CSS */