/* BIN-TRANS Custom Colors */
/* Primary: #a7ca3c (zelena sa logoa) */
/* Secondary: #818181 (siva sa logoa) */
/* White: #fff */

/* Hero Slider - Primarna boja za naslove i akcente */
.slider-container h1,
.slider-container .slider-title {
	color: #a7ca3c !important;
}

/* Footer kontakt sekcija */
.section.bg-primary {
	background: #818181;
	background: linear-gradient(180deg,rgba(129, 129, 129, 1) 0%, rgba(79, 72, 72, 1) 100%);
}

/* Dugmad */
.btn-primary {
	background-color: #a7ca3c !important;
	border-color: #a7ca3c !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: #96b635 !important;
	border-color: #96b635 !important;
}

/* Ikonice u services sekciji */
.feature-box-icon i {
	color: #a7ca3c !important;
}

/* Navigacija - aktivni link */
.header-nav-main .nav > li > a.active,
.header-nav-main .nav > li > a:hover {
	color: #a7ca3c !important;
}

/* Heading underlajn */
h2.custom-highlight-text-1 {
	color: #a7ca3c !important;
}

/* Owl carousel - paginacija */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #a7ca3c !important;
}

/* Testimonials autor */
.testimonial-author strong {
	color: #a7ca3c !important;
}

/* Link hover effects */
a:hover {
	color: #a7ca3c !important;
}

/* Form focus states */
.form-control:focus {
	border-color: #a7ca3c !important;
	box-shadow: 0 0 0 0.2rem rgba(167, 202, 60, 0.25) !important;
}

/* Section heading decorations */
.heading-border-bottom {
	border-bottom-color: #a7ca3c !important;
}

/* Custom dividers */
.divider.divider-primary {
	border-top-color: #a7ca3c !important;
}

/* Fix Font Awesome icons for Owl Carousel navigation */
.owl-carousel .owl-nav button.owl-prev:before,
.owl-carousel .owl-nav button.owl-next:before {
	font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free' !important;
	font-weight: 900 !important;
}

.owl-carousel .owl-nav button.owl-prev:before {
	content: "\f053" !important;
}

.owl-carousel .owl-nav button.owl-next:before {
	content: "\f054" !important;
}

/* Sprečavanje lomljenja teksta na pola riječi u slideru */
.owl-carousel .owl-item h1,
.owl-carousel .owl-item h2,
.owl-carousel .owl-item h3,
.owl-carousel .owl-item h4,
.owl-carousel .owl-item p {
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	word-break: keep-all !important;
	hyphens: none !important;
	-webkit-hyphens: none !important;
	-moz-hyphens: none !important;
	-ms-hyphens: none !important;
}

/* Dodatno, omogući normalan break između riječi */
.owl-carousel .owl-item .text-2,
.owl-carousel .owl-item .text-3,
.owl-carousel .owl-item .text-4,
.owl-carousel .owl-item .text-5,
.owl-carousel .owl-item .text-6 {
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
}

/* Specifično za slider tekst sa padding */
.owl-carousel .owl-item p.text-4,
.owl-carousel .owl-item p.text-center {
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
	-webkit-hyphens: manual !important;
	-moz-hyphens: manual !important;
	hyphens: manual !important;
}

/* Partner Logos - Hover Effects */
.partner-logo {
	display: inline-block;
	transition: transform 0.3s ease;
	padding: 20px 10px;
	height: 130px;
}

.partner-logo img {
	filter: grayscale(100%);
	opacity: 0.6;
	transition: all 0.3s ease;
	width: auto !important;
	height: 70px !important;
	max-height: 70px !important;
	min-height: 70px !important;
	object-fit: contain;
}

.partner-logo:hover img {
	filter: grayscale(0%);
	opacity: 1;
	transform: scale(1.1);
}

/* Owl Carousel Partner Styling */
.owl-carousel .owl-item .partner-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

/* OLX Floating Button */
.olx-floating-btn {
	position: fixed;
	left: 15px;
	bottom: 15px;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	z-index: 9999;
	display: block;
}

.olx-floating-btn img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.olx-floating-btn:hover {
	transform: scale(1.1);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
}

/* Magnific Popup Gallery Arrows - Font Awesome Icons */
.mfp-arrow {
	opacity: 0.8 !important;
	background: rgba(0, 0, 0, 0.3) !important;
	width: 50px !important;
	height: 80px !important;
	margin-top: -40px !important;
}

.mfp-arrow:hover {
	opacity: 1 !important;
	background: rgba(0, 0, 0, 0.5) !important;
}

.mfp-arrow:before,
.mfp-arrow:after {
	display: none !important;
}

.mfp-arrow-left:before {
	content: '\f053' !important;
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900 !important;
	display: block !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	font-size: 24px !important;
	color: #fff !important;
	border: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
}

.mfp-arrow-right:before {
	content: '\f054' !important;
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900 !important;
	display: block !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	font-size: 24px !important;
	color: #fff !important;
	border: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
}
