:root{

  --brand-accent: #ff6a2a;
  --brand-accent-soft: rgba(255,106,42,.12);
  --ui-border: #e9e9e9;
}

/* ===== Filter bar (general reusable) ===== */
.ui-filterbar{
  margin-bottom: 34px;
  padding: 22px 22px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}
.ui-filterbar label{
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}
.ui-filterbar__tools{
  display:flex;
  align-items:end;
  gap:12px;
}
.ui-filterbar__meta{
  margin-top: 14px;
  font-size: 14px;
  color: var(--brand-accent);
}
.ui-filterbar__meta strong{ color: var(--brand-accent); }

/* ===== Search input group (no weird hover colors) ===== */
.ui-searchgroup{
  border-radius: 14px;
border: 3px solid #ff6a2a;
box-shadow: 0 0 0 3px rgba(255,106,42,.15);
background: #fff;

  overflow: hidden;
  box-shadow: 0 8px 18px rgba(0,0,0,.05);
}
.ui-searchgroup .form-control{
  height: 54px;
  border: 1px solid var(--ui-border);
  border-right: 0;
  border-radius: 0;
  outline: none !important;
  box-shadow: none !important;
}
.ui-searchgroup .form-control:hover{
  border-color: var(--ui-border) !important; /* ✅ لا يتغير عند hover */
}
.ui-searchgroup .form-control:focus,
.ui-searchgroup .form-control:focus-visible{
  border-color: var(--brand-accent) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* search button */
.ui-searchbtn{
  height: 54px;
  padding: 0 18px;
  border: 1px solid var(--brand-accent) !important;
  background: var(--brand-accent) !important;
  color:#fff !important;
  outline: none !important;
  box-shadow: none !important;
}
.ui-searchbtn:hover,
.ui-searchbtn:focus{
  filter: brightness(.95);
  outline: none !important;
  box-shadow: none !important;
}

/* reset */
.ui-resetbtn{
  height: 54px;
  display:flex;
  align-items:center;
  padding: 0 18px;
  border-radius: 14px;
  background: var(--brand-accent-soft);
  border: 1px solid rgba(255,106,42,.30);
}
.ui-resetbtn span{ color: var(--brand-accent); }
.ui-resetbtn:hover{ background: rgba(255,106,42,.18); }

/* ===== NICE-SELECT styling + scroll ===== */
.ui-filterbar .nice-select{
  width: 100%;
  height: 54px;
  line-height: 54px;
  border-radius: 14px;
  border: 1px solid var(--ui-border);
  box-shadow: 0 8px 18px rgba(0,0,0,.05);
  padding-left: 18px;
  padding-right: 44px;
  outline: none !important;
}
.ui-filterbar .nice-select:hover{
  border-color: var(--ui-border) !important; /* ✅ hover ما يغير اللون */
}
.ui-filterbar .nice-select:after{
  right: 18px;
}
.ui-filterbar .nice-select.open,
.ui-filterbar .nice-select.open:hover,
.ui-filterbar .nice-select:focus{
  border-color: var(--brand-accent) !important;
  box-shadow: 0 10px 22px rgba(255,106,42,.18);
}

/* dropdown list scroll */
.ui-filterbar .nice-select .list{
  border-radius: 14px;
  overflow: hidden;
  padding: 8px 0;
  max-height: 280px;        /* ✅ */
  overflow-y: auto;         /* ✅ */
  scrollbar-width: thin;
}

/* options spacing */
.ui-filterbar .nice-select .option{
  padding-left: 18px;
  padding-right: 18px;
  min-height: 44px;
  line-height: 44px;
}

/* ✅ hover/selected: orange bg + white text */
.ui-filterbar .nice-select .option:hover,
.ui-filterbar .nice-select .option.focus,
.ui-filterbar .nice-select .option.selected.focus{
  background: var(--brand-accent) !important;
  color: #fff !important;
}

/* keep selected readable */
.ui-filterbar .nice-select .option.selected{
  font-weight: 700;
}

/* ===== Cards fixed height + clamp ===== */
.news-block-two .inner-box{
  min-height: 520px;
  display: flex;
  flex-direction: column;
}

.news-block-two .image-box{ overflow:hidden; border-radius:20px; }
.news-block-two .image-box .image{ margin:0; }
.news-block-two .image-box img{
  width:100%;
  height:280px;
  object-fit:cover;
  display:block;
  border-radius:20px;
}

.news-block-two .lower-content{
  display:flex;
  flex-direction:column;
  flex:1;
  text-align:center;
}

.ui-cardtitle{
  margin: 10px 0 12px;
  line-height: 1.25;
  min-height: calc(1.25em * 3);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ui-carddesc{
  margin: 0 auto 18px;
  max-width: 92%;
  line-height: 1.7;
  color: #6b6b6b;
  min-height: calc(1.7em * 3);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-block-two .link-btn{ margin-top:auto; padding-top: 10px; }

@media (max-width: 767px){
  .news-block-two .inner-box{ min-height: 540px; }
}