/* =====================================================================
   pages/news.css — news-page-only rules.
   Base page-hero, news-card/news-grid, news-grid.three, toolbar, tagrow,
   pagination all live in common.css.
   ===================================================================== */

.page-meta{text-align:center;font-size:12.5px;color:var(--sp-muted);margin-top:14px}

body.skin .news-listing-view{
  display:block !important;
  grid-template-columns:none !important;
  gap:0 !important;
  max-width:1200px;
  margin:0 auto !important;
}

body.skin .news-listing-view .news-toolbar{
  display:flex;
  align-items:center;
  gap:20px;
  margin:0 0 26px;
  padding:18px 22px;
  border:1px solid var(--sp-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 30px rgba(0,34,66,.06);
}

body.skin .news-toolbar__search{
  flex:1 1 520px;
  min-width:280px;
}

body.skin .news-toolbar__search .views-exposed-form{
  display:block;
  margin:0;
}

body.skin .news-toolbar__search .form-item-q.form-no-label{
  position:relative;
  margin:0;
}

body.skin .news-toolbar__search .form-item-q.form-no-label::before{
  content:'';
  position:absolute;
  top:50%;
  left:16px;
  width:16px;
  height:16px;
  transform:translateY(-50%);
  border:2px solid var(--sp-muted);
  border-radius:999px;
  opacity:.75;
  pointer-events:none;
}

body.skin .news-toolbar__search .form-item-q.form-no-label::after{
  content:'';
  position:absolute;
  top:50%;
  left:29px;
  width:7px;
  height:2px;
  transform:translateY(5px) rotate(45deg);
  background:var(--sp-muted);
  opacity:.75;
  pointer-events:none;
}

body.skin .news-toolbar__search .form-item-q:not(.form-no-label),
body.skin .news-toolbar__search .form-actions{
  display:none !important;
}

body.skin .news-toolbar__search input[type="text"]{
  width:100%;
  height:50px;
  padding:0 16px 0 46px;
  border:1px solid transparent;
  border-radius:10px;
  background:#f4f7f9;
  color:var(--sp-text);
  font:inherit;
}

body.skin .news-toolbar__search input[type="text"]:focus{
  outline:none;
  border-color:var(--sp-primary);
  background:#fff;
  box-shadow:0 0 0 3px rgba(1,128,129,.14);
}

body.skin .news-toolbar__sort{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}

body.skin .news-toolbar__sort span{
  color:var(--sp-muted);
  font-size:12px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
}

body.skin .news-toolbar__sort select{
  min-height:48px;
  padding:0 42px 0 16px;
  border:1px solid var(--sp-line);
  border-radius:9px;
  background:#fff;
  color:var(--sp-secondary-d);
  font:inherit;
  font-weight:800;
}

body.skin .news-toolbar__count{
  margin-left:auto;
  color:var(--sp-muted);
  font-size:13px;
  white-space:nowrap;
}

body.skin .news-category-pills{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 0 24px;
  width:100%;
}

body.skin .news-category-pills .pill{
  display:inline-flex !important;
  flex:0 0 auto;
  align-items:center;
  gap:6px;
  width:auto !important;
  min-width:0 !important;
  max-width:100%;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  line-height:1.2;
  text-decoration:none;
}

body.skin .news-category-pills .pill.is-active{
  border-color:var(--sp-primary);
  background:var(--sp-primary);
  color:#fff;
}

body.skin .news-category-pills .pill.is-active .ct{
  background:rgba(255,255,255,.2);
  color:#fff;
}

body.skin .news-listing-view .news-card{
  position:relative;
  overflow:hidden;
}

body.skin .news-listing-view .news-card .news-tag{
  top:14px;
  left:14px;
  z-index:2;
}

body.skin #block-pirt-main-content .views-element-container > .news-listing-view:has(.news-card){
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:20px !important;
  max-width:1200px;
  margin:0 auto !important;
}

body.skin #block-pirt-main-content .views-element-container > .news-listing-view:has(.news-card) > .news-toolbar,
body.skin #block-pirt-main-content .views-element-container > .news-listing-view:has(.news-card) > .news-category-pills{
  grid-column:1 / -1 !important;
}

body.skin #block-pirt-main-content .views-element-container > .news-listing-view:has(.news-card) > .views-row{
  display:contents !important;
}

body.skin #block-pirt-main-content .news-listing-view > .view-content{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:20px !important;
  margin:0 !important;
}

body.skin #block-pirt-main-content .news-listing-view > .view-content > .views-row{
  display:contents !important;
}

body.skin #block-pirt-main-content .news-listing-view .pager,
body.skin #block-pirt-main-content .news-listing-view .pager__items{
  grid-column:1 / -1;
}

@media (max-width:760px){
  body.skin #block-pirt-main-content .views-element-container > .news-listing-view:has(.news-card){
    grid-template-columns:1fr !important;
  }
  body.skin .news-listing-view .news-toolbar{
    align-items:stretch;
    flex-direction:column;
  }
  body.skin .news-toolbar__search,
  body.skin .news-toolbar__count{
    width:100%;
    min-width:0;
  }
  body.skin .news-toolbar__sort{
    justify-content:space-between;
  }
  body.skin #block-pirt-main-content .news-listing-view > .view-content{
    grid-template-columns:1fr !important;
  }
}

@media (min-width:761px) and (max-width:960px){
  body.skin #block-pirt-main-content .views-element-container > .news-listing-view:has(.news-card){
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}