/* SyncSMM - widgets.css : select2, category pills, service-search dropdown, news feed.
   Colours come from CSS variables only. */
#category_filter{padding:0;background:transparent;margin-bottom:22px;}
.filter_btn_wrap{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;}
#category_filter .btn_filter{
  background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm,10px);
  padding:10px 12px;min-width:90px;max-width:110px;text-align:center;display:flex;flex-direction:column;
  align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;
}
#category_filter .btn_filter i{margin-bottom:4px;font-size:16px;color:var(--accent);}
#category_filter .filter_txt{font-size:11.5px;font-weight:600;line-height:1.2;}
#category_filter .btn_filter:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),0.08);transform:translateY(-1px);}
#category_filter .btn_filter.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 10px -2px rgba(var(--accent-rgb),0.5);}
#category_filter .btn_filter.active i{color:#fff;}
#dropdown_for_search{
  display:none;position:relative;left:0;right:0;top:100%;z-index:60;width:100%;
  background:var(--surface);border:1px solid var(--border) !important;border-radius:var(--radius-sm,10px) !important;
  box-shadow:var(--shadow-card);margin-top:6px !important;max-height:min(600px,60vh);overflow-y:auto;overflow-x:hidden;
  padding:5px;white-space:normal;word-wrap:break-word;
}
#dropdown_for_search .dropdown-item{
  padding:10px 12px;cursor:pointer;display:flex;align-items:center;flex-wrap:wrap;
  white-space:normal;word-break:break-word;color:var(--text);border-radius:8px;line-height:1.4;
}
#dropdown_for_search .dropdown-item:hover{background:rgba(var(--accent-rgb),0.08);color:var(--accent);}
#dropdown_for_search .text-center{display:flex;justify-content:center;align-items:center;height:50px;font-weight:bold;color:var(--muted);}
.badge.service_id_badge{background:var(--accent);color:#fff;border-radius:999px;margin-right:8px;font-size:12px;flex-shrink:0;}
.select2-container{
  width:100% !important;
  max-width:100%;
}
.select2-container--default .select2-selection--single{
  background:var(--bg) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--radius-sm,10px) !important;
  height:auto !important;
  min-height:47px;
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}
.select2-container--default .select2-selection--single:hover{
  border-color:rgba(var(--accent-rgb),.55) !important;
}
.select2-container--default.select2-container--open
.select2-selection--single{
  border-color:var(--accent) !important;
  box-shadow:
    0 0 0 3px rgba(var(--accent-rgb),.12),
    0 8px 22px rgba(0,0,0,.06) !important;
}
.select2-container .select2-selection--single
.select2-selection__rendered{
  padding:12px 38px 12px 14px !important;
  color:var(--text) !important;
  font-size:14.5px;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display:block;
  max-width:100%;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow{
  height:100% !important;
  right:10px;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow b{
  border-color:
    var(--muted)
    transparent
    transparent
    transparent !important;
  transition:transform .2s ease;
}
.select2-container--default.select2-container--open
.select2-selection--single
.select2-selection__arrow b{
  border-color:
    transparent
    transparent
    var(--accent)
    transparent !important;
}
.select2-container--default .select2-dropdown{
  z-index:1100 !important;

  background:var(--surface) !important;

  border:1px solid var(--border) !important;
  border-radius:var(--radius-md,14px) !important;

  padding:8px !important;

  box-shadow:
    0 14px 35px rgba(0,0,0,.12),
    0 3px 10px rgba(0,0,0,.06) !important;

  overflow:hidden;

  max-width:96vw;
  box-sizing:border-box;
}
.select2-container--default .select2-results{
  background:transparent !important;
}
.select2-container--default
.select2-results__options{
  background:transparent !important;

  max-height:340px !important;

  overflow-y:auto !important;
  overflow-x:hidden !important;

  padding:2px !important;
  margin:0 !important;

  list-style:none;
}
.select2-container--default
.select2-results__option{

  position:relative;

  margin:5px 2px !important;

  padding:11px 13px !important;

  min-height:42px;

  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap;

  background:var(--bg) !important;

  color:var(--text) !important;

  border:1px solid var(--border) !important;

  border-radius:11px !important;

  box-shadow:
    0 2px 0 rgba(0,0,0,.04),
    0 4px 10px rgba(0,0,0,.035) !important;

  cursor:pointer;

  white-space:normal;

  word-break:break-word;
  overflow-wrap:break-word;

  line-height:1.45;

  font-size:13.5px;
  font-weight:500;

  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease;

}
.select2-container--default
.select2-results__option:hover{

  background:
    linear-gradient(
      135deg,
      rgba(var(--accent-rgb),.10),
      rgba(var(--accent-rgb),.035)
    ) !important;

  border-color:
    rgba(var(--accent-rgb),.45) !important;

  color:var(--text) !important;

  transform:translateY(-1px);

  box-shadow:
    0 5px 14px rgba(var(--accent-rgb),.10),
    0 2px 0 rgba(0,0,0,.03) !important;

}
.select2-container--default
.select2-results__option--highlighted{

  background:
    linear-gradient(
      135deg,
      rgba(var(--accent-rgb),.14),
      rgba(var(--accent-rgb),.055)
    ) !important;

  border-color:
    rgba(var(--accent-rgb),.55) !important;

  color:var(--accent) !important;

  transform:translateY(-1px);

  box-shadow:
    0 6px 16px rgba(var(--accent-rgb),.12),
    inset 0 1px 0 rgba(255,255,255,.05) !important;

}
.select2-container--default
.select2-results__option[aria-selected="true"]{

  background:
    linear-gradient(
      135deg,
      rgba(var(--accent-rgb),.16),
      rgba(var(--accent-rgb),.06)
    ) !important;

  border-color:
    rgba(var(--accent-rgb),.55) !important;

  color:var(--accent) !important;

  box-shadow:
    0 5px 14px rgba(var(--accent-rgb),.10),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.select2-container--default
.select2-results__option--selected{

  background:
    linear-gradient(
      135deg,
      var(--accent),
      rgba(var(--accent-rgb),.88)
    ) !important;

  border-color:var(--accent) !important;

  color:#fff !important;

  box-shadow:
    0 6px 15px rgba(var(--accent-rgb),.25),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.select2-container--default
.select2-results__option
*:not([style]){
  color:inherit !important;
}
.select2-container--default
.select2-results__option--highlighted
*:not([style]),
.select2-container--default
.select2-results__option[aria-selected="true"]
*:not([style]){
  color:var(--text) !important;
}
.select2-container--default
.select2-results__option--selected
*:not([style]){
  color:#fff !important;
}
.select2-container--default
.select2-results__option .badge{

  color:#fff !important;

  border-radius:999px !important;

  font-size:10px !important;
  font-weight:800 !important;

  padding:3px 8px !important;

  line-height:1.4 !important;

  display:inline-flex !important;
  align-items:center;

  margin-right:7px !important;

  box-shadow:
    0 2px 5px rgba(0,0,0,.14) !important;

  vertical-align:middle;
}
.select2-container--default
.select2-results__option .fa-star,
.select2-container--default
.select2-results__option .fas.fa-star{

  color:var(--rating-star) !important;

  filter:
    drop-shadow(0 1px 2px rgba(0,0,0,.12));
}
.select2-search--dropdown{
  padding:4px 4px 8px !important;
}
.select2-search--dropdown
.select2-search__field{

  background:var(--bg) !important;

  color:var(--text) !important;

  border:1px solid var(--border) !important;

  border-radius:10px !important;

  padding:10px 12px !important;

  font-size:13.5px;

  transition:
    border-color .2s ease,
    box-shadow .2s ease;
}
.select2-search--dropdown
.select2-search__field:focus{

  border-color:var(--accent) !important;

  outline:none !important;

  box-shadow:
    0 0 0 3px rgba(var(--accent-rgb),.12) !important;
}
.select2-container--default
.select2-selection--single
.select2-selection__placeholder{
  color:var(--muted) !important;
}
.select2-container--default
.select2-selection--single
.select2-selection__clear{
  color:var(--muted) !important;
}
.select2-container--default
.select2-selection--single
.select2-selection__clear:hover{
  color:var(--danger) !important;
}
.select2-container--default
.select2-results__option[aria-disabled="true"]{

  color:var(--muted) !important;

  background:var(--surface) !important;

  opacity:.6;

  cursor:not-allowed;

  border-color:transparent !important;

  box-shadow:none !important;
}
.select2-results__group{

  color:var(--muted) !important;

  background:transparent !important;

  font-weight:800;

  padding:8px 12px;

  font-size:11px;

  text-transform:uppercase;

  letter-spacing:.04em;
}
.select2-container--default
.select2-results__message{

  color:var(--muted) !important;

  background:transparent !important;

  padding:14px !important;

  font-size:13px;

  text-align:center;
}
.select2-container--default
.select2-results__options::-webkit-scrollbar{
  width:6px;
}
.select2-container--default
.select2-results__options::-webkit-scrollbar-track{
  background:transparent;
}
.select2-container--default
.select2-results__options::-webkit-scrollbar-thumb{
  background:var(--border) !important;
  border-radius:999px;
}
.select2-container--default
.select2-results__options::-webkit-scrollbar-thumb:hover{
  background:rgba(var(--accent-rgb),.45) !important;
}
[data-theme="dark"]
.select2-container--default
.select2-results__option{

  box-shadow:
    0 2px 0 rgba(255,255,255,.025),
    0 5px 14px rgba(0,0,0,.18) !important;
}
[data-theme="dark"]
.select2-container--default
.select2-results__option:hover{

  box-shadow:
    0 6px 18px rgba(0,0,0,.25),
    0 0 0 1px rgba(var(--accent-rgb),.08) !important;
}
.news-item{
  position:relative;padding:16px 18px;margin-bottom:12px;border-radius:var(--radius-md,14px);
  background:var(--bg);border:1px solid var(--border);border-left:4px solid var(--accent);
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
  overflow-wrap:break-word;word-break:break-word;
}
.news-item:last-child{margin-bottom:0;}
.news-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-card);}
.news-item.badge-important{border-left-color:var(--warning);box-shadow:0 0 0 1px rgba(var(--warning-rgb),0.4);}
.news-item.badge-alert{border-left-color:var(--danger);box-shadow:0 0 0 1px rgba(var(--danger-rgb),0.4);}
.news-item.badge-new{border-left-color:var(--success);}
.news-item.badge-discount{border-left-color:var(--danger);}
.news-pin{display:inline-block;font-size:11px;font-weight:800;padding:3px 8px;border-radius:12px;background:var(--danger);color:#fff;margin-bottom:6px;text-transform:uppercase;}
.news-date{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:3px 10px;border-radius:20px;background:rgba(var(--accent-rgb),0.1);color:var(--accent);margin-bottom:8px;}
.badge-wrapper{display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap;}
.news-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;color:#fff;}
.badge-new{background:var(--success);}
.badge-update{background:var(--accent);}
.badge-important{background:var(--warning);}
.badge-discount{background:var(--danger);}
.badge-admin{background:var(--accent);}
.badge-alert{background:var(--danger);}
.badge-timer{display:inline-block;font-size:11px;padding:3px 10px;border-radius:20px;background:var(--surface);border:1px solid var(--border);color:var(--text);}
.news-title{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:700;color:var(--text);margin:0 0 6px;}
.news-icon-inline{border-radius:6px;}
.news-content{font-size:13px;color:var(--muted);line-height:1.6;margin:0;}
.news-content *{max-width:100%;}
.news-content p{margin:0 0 8px;color:var(--muted);}
.news-content p:last-child{margin-bottom:0;}
.news-content h1,.news-content h2,.news-content h3,
.news-content h4,.news-content h5,.news-content h6{
  color:var(--text) !important;font-weight:700;margin:12px 0 6px;line-height:1.3;
  display:flex;align-items:center;gap:8px;
}
.news-content h1:first-child,.news-content h2:first-child,.news-content h3:first-child,
.news-content h4:first-child,.news-content h5:first-child,.news-content h6:first-child{margin-top:0;}
.news-content strong,.news-content b{color:var(--text) !important;font-weight:700;}
.news-content ul,.news-content ol{padding-left:18px;margin:6px 0 10px;}
.news-content li{margin-bottom:5px;color:var(--muted);}
.news-content a{color:var(--accent) !important;text-decoration:underline;}
.news-content a:hover{filter:brightness(0.85);}
.news-content hr{border:none;border-top:1px solid var(--border);margin:12px 0;}
.news-content span,.news-content font{color:inherit !important;background:transparent !important;}