/* Your custom CSS here */
/* change the color the background for navbar  */
:not(.uk-sticky-below) > .uk-navbar-container:not(.uk-navbar){
	 /* Blur / glass effect */
    background: rgba(244, 244, 244, 0.16); /* semi-transparent */
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(10px);    /* for Safari */
}

// Remove texture 
html::after{
	background-image: none;
}

// Navbar setting
.uk-navbar-nav>li>a{
	padding: 0 5px;
}
.uk-navbar-nav{
	gap: 5px;
}
// Search icon 

.uk-navbar-right .uk-search-icon>svg>*{
	stroke-width: 2px;
}
.uk-search-icon>svg>*{
	stroke-width: 2px;
}
.uk-navbar-right .uk-search-icon>svg{
    width:40px;
    padding: 8px;
    border-radius: 50px;
    background-color: rgba(217,217,217,0.24);
}
// search in home page
.home .tm-header-overlay .uk-navbar-right .uk-search-icon > svg > * {
    stroke-width: 2px;
    color: #fff;
}

.home .tm-header-overlay .uk-search-icon > svg > * {
    stroke-width: 2px;
}

.home .tm-header-overlay .uk-navbar-right .uk-search-icon > svg {
    width: 40px;
    padding: 8px;
    border-radius: 50px;
    background-color: rgba(217,217,217,0.24);
}

// Navbar
@media(min-width:960px){
	.uk-navbar-nav {
		gap: clamp(0.625rem, 3.958vw - 1.75rem, 3rem);
	}
}
.uk-navbar-center:not(:only-child) {
	transform: translate(-35%,-50%);
}

// change select field arrow
select:not([multiple]):not([size]):not(.frm_time_select){
    -webkit-appearance: none;
	padding-right: 20px;
    background-image: 
        url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%2326244C%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%2326244C%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-repeat: no-repeat;
    background-position: 99% 50%;
}


// add hover effect to link button
a.uk-link-text svg path {
    transition: transform 0.3s ease, stroke 0.3s ease;
    transform-origin: center left;
}

a.uk-link-text:hover svg path {
    transform: scaleX(1.3) translateX(-2px);
    stroke: #B3904D;
}
//
.el-content svg circle,
.el-content svg path {
  transition: fill 0.3s; /* smooth color transition */
}

/* Hover effect */
.el-content:hover svg circle {
  fill: #B3904D; /* new circle color on hover */
}

.el-content:hover svg path {
  fill: #FFFFFF; /* new arrow color on hover */
}