/* Blog Archive integration: toolbar, readable meta, custom category dropdown, and popular-categories reference polish. */
.acw-blog-integrated-toolbar{position:relative;z-index:20;width:100%;margin:0 0 28px}
.acw-blog-integrated-toolbar__fields{display:flex;flex-direction:row;align-items:stretch;gap:18px;width:100%}
.acw-blog-integrated-toolbar__control{position:relative;display:flex;align-items:center;min-width:0;min-height:58px;border:1px solid #e0e8f3;border-radius:12px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.acw-blog-integrated-toolbar__control:focus-within{border-color:#1769e0;box-shadow:0 0 0 3px rgba(23,105,224,.08)}
.acw-blog-integrated-toolbar__search{flex:1 1 58%;max-width:58%;padding:10px 16px}
.acw-blog-integrated-toolbar__search-input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#667085;font:inherit;line-height:1.5;padding:0;margin:0;appearance:none}
.acw-blog-integrated-toolbar__search-input::placeholder{color:#98a3b3;opacity:1}

/* Reset theme/WordPress button chrome and give the search action a branded interaction. */
.acw-blog-integrated-toolbar button.acw-blog-integrated-toolbar__search-button{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:36px;
  min-width:36px!important;
  height:36px;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:10px!important;
  background:#f1f6ff!important;
  color:#1769e0;
  font:inherit!important;
  line-height:1!important;
  text-indent:0!important;
  box-shadow:none!important;
  cursor:pointer;
  overflow:hidden;
  transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.acw-blog-integrated-toolbar button.acw-blog-integrated-toolbar__search-button:hover{
  background:#1769e0!important;
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(23,105,224,.18)!important;
}
.acw-blog-integrated-toolbar button.acw-blog-integrated-toolbar__search-button:focus,
.acw-blog-integrated-toolbar button.acw-blog-integrated-toolbar__search-button:focus-visible{
  outline:0!important;
  background:#1769e0!important;
  color:#fff;
  box-shadow:0 0 0 3px rgba(23,105,224,.14)!important;
}
.acw-blog-integrated-toolbar__search-button svg{display:block;width:20px;height:20px;fill:currentColor}
.acw-blog-integrated-toolbar__search-button i{display:block;color:currentColor;font-size:1em;line-height:1}

/* Custom category dropdown. The visible control is no longer the browser-native select. */
.acw-blog-integrated-toolbar__filter{flex:1 1 42%;max-width:42%;gap:10px;padding:10px 16px;overflow:visible}
.acw-blog-integrated-toolbar__filter.is-open{z-index:120;border-color:#1769e0;box-shadow:0 0 0 3px rgba(23,105,224,.08),0 12px 28px rgba(31,63,109,.07)}
.acw-blog-integrated-toolbar__filter-icon,.acw-blog-integrated-toolbar__dropdown-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#9fb5dd}
.acw-blog-integrated-toolbar__filter-icon svg,.acw-blog-integrated-toolbar__dropdown-icon svg{display:block;width:17px;height:17px;fill:currentColor}
.acw-blog-integrated-toolbar__dropdown-icon{pointer-events:none;transition:transform .22s ease,color .22s ease}
.acw-blog-integrated-toolbar__filter.is-open .acw-blog-integrated-toolbar__dropdown-icon{transform:rotate(180deg);color:#1769e0}

.acw-blog-integrated-toolbar button.acw-blog-integrated-toolbar__filter-trigger{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:start!important;
  line-height:1.5;
  cursor:pointer;
  overflow:hidden;
}
.acw-blog-integrated-toolbar button.acw-blog-integrated-toolbar__filter-trigger:hover,
.acw-blog-integrated-toolbar button.acw-blog-integrated-toolbar__filter-trigger:focus,
.acw-blog-integrated-toolbar button.acw-blog-integrated-toolbar__filter-trigger:focus-visible{background:transparent!important;box-shadow:none!important;outline:0!important}
.acw-blog-integrated-toolbar__filter-label{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acw-blog-integrated-toolbar__filter-value{display:none!important}
.acw-blog-integrated-toolbar__filter-menu[hidden]{display:none!important}
.acw-blog-integrated-toolbar__filter-menu{
  position:absolute;
  z-index:1000;
  inset-inline:0;
  top:calc(100% + 10px);
  display:flex;
  flex-direction:column;
  gap:4px;
  max-height:300px;
  padding:8px;
  overflow-x:hidden;
  overflow-y:auto;
  border:1px solid #e3ebf6;
  border-radius:16px;
  background:rgba(255,255,255,.985);
  box-shadow:0 18px 46px rgba(24,55,101,.14),0 4px 14px rgba(24,55,101,.06);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  scrollbar-width:thin;
  scrollbar-color:#c9d7ea transparent;
  animation:acwBlogDropdownIn .16s ease-out both;
}
.acw-blog-integrated-toolbar__filter.is-dropup .acw-blog-integrated-toolbar__filter-menu{top:auto;bottom:calc(100% + 10px);transform-origin:bottom center}
.acw-blog-integrated-toolbar__filter-menu::-webkit-scrollbar{width:7px}
.acw-blog-integrated-toolbar__filter-menu::-webkit-scrollbar-track{background:transparent}
.acw-blog-integrated-toolbar__filter-menu::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#c9d7ea;background-clip:padding-box}
@keyframes acwBlogDropdownIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.acw-blog-integrated-toolbar__filter.is-dropup .acw-blog-integrated-toolbar__filter-menu{animation-name:acwBlogDropdownUpIn}
@keyframes acwBlogDropdownUpIn{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

.acw-blog-integrated-toolbar button.acw-blog-integrated-toolbar__filter-option{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  margin:0!important;
  padding:10px 12px!important;
  border:0!important;
  outline:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#344054!important;
  font:inherit!important;
  line-height:1.45!important;
  text-align:start!important;
  box-shadow:none!important;
  cursor:pointer;
  transition:background-color .16s ease,color .16s ease,transform .16s ease!important;
}
.acw-blog-integrated-toolbar button.acw-blog-integrated-toolbar__filter-option:hover,
.acw-blog-integrated-toolbar button.acw-blog-integrated-toolbar__filter-option:focus-visible{background:#f4f8ff!important;color:#1769e0!important;transform:translateX(-1px)}
.acw-blog-integrated-toolbar button.acw-blog-integrated-toolbar__filter-option:focus-visible{box-shadow:inset 0 0 0 1px rgba(23,105,224,.22)!important}
.acw-blog-integrated-toolbar button.acw-blog-integrated-toolbar__filter-option.is-selected{background:#eaf2ff!important;color:#1769e0!important;font-weight:800!important}
.acw-blog-integrated-toolbar__filter-option-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acw-blog-integrated-toolbar__filter-option-meta{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}
.acw-blog-integrated-toolbar__filter-option-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 7px;border-radius:999px;background:#f0f5fb;color:#7d8da4;font-size:11px;font-weight:700;line-height:1}
.acw-blog-integrated-toolbar__filter-option.is-selected .acw-blog-integrated-toolbar__filter-option-count{background:#dceaff;color:#1769e0}
.acw-blog-integrated-toolbar__filter-option-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:#1769e0;color:#fff;font-size:11px;font-weight:900;line-height:1;opacity:0;transform:scale(.72);transition:opacity .16s ease,transform .16s ease}
.acw-blog-integrated-toolbar__filter-option.is-selected .acw-blog-integrated-toolbar__filter-option-check{opacity:1;transform:scale(1)}
.acw-blog-integrated-toolbar__filter-fallback{width:100%;min-height:48px}

/* The base widget already outputs both values; this makes them visibly read as article metadata. */
.acw-blog-card__meta{color:#7f8a9a;line-height:1.7}
.acw-blog-card__meta time,.acw-blog-card__meta>span:not([aria-hidden="true"]){white-space:nowrap}
.acw-blog-card__meta>span[aria-hidden="true"]{color:#b7c0cc}

/* Keep publication date + reading time and the CTA on one balanced footer row. */
.acw-blog-archive .acw-blog-card__content{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  column-gap:18px!important;
}
.acw-blog-archive .acw-blog-card__meta{
  grid-column:1!important;
  grid-row:4!important;
  align-self:center!important;
  justify-self:start!important;
  min-width:0;
  margin-bottom:0!important;
}
.acw-blog-archive .acw-blog-card__more{
  grid-column:2!important;
  grid-row:4!important;
  align-self:center!important;
  justify-self:end!important;
  width:auto!important;
  max-width:100%;
  margin-top:0!important;
  margin-bottom:0!important;
}
.acw-blog-archive .acw-blog-card__more--button{width:auto!important;min-width:0!important}

/* Popular categories reference mode. Direction follows the rendered dir attribute instead of being hard-coded RTL. */
.acw-blog-categories--reference{border-color:#e4ebf5;border-radius:15px;box-shadow:0 5px 18px rgba(31,63,109,.045)}
.acw-blog-categories--reference[dir="rtl"]{direction:rtl}
.acw-blog-categories--reference[dir="ltr"]{direction:ltr}
.acw-blog-categories--reference[dir="auto"]{direction:unset}
.acw-blog-categories--reference .acw-blog-categories__title{font-weight:800;letter-spacing:-.01em}
.acw-blog-categories--reference .acw-blog-category__link{border-radius:9px;transition:background-color .2s ease,color .2s ease,transform .2s ease}
.acw-blog-categories--reference .acw-blog-category__link:hover{transform:translateY(-1px);background:#f5f9ff}
.acw-blog-categories--reference .acw-blog-category__count{margin-inline-start:auto}
.acw-blog-categories--reference .acw-blog-categories__all{text-underline-offset:3px}

@media(max-width:767px){
  .acw-blog-integrated-toolbar{margin-bottom:20px}
  .acw-blog-integrated-toolbar__fields{flex-direction:column;gap:12px}
  .acw-blog-integrated-toolbar__search,.acw-blog-integrated-toolbar__filter{flex-basis:100%;max-width:100%;width:100%}
  .acw-blog-integrated-toolbar__control{min-height:52px}
  .acw-blog-integrated-toolbar__filter-menu{max-height:260px;border-radius:14px;padding:7px}
  .acw-blog-integrated-toolbar button.acw-blog-integrated-toolbar__filter-option{min-height:44px!important;padding:9px 11px!important;border-radius:10px!important}
  .acw-blog-categories--reference .acw-blog-categories__title{text-align:start}
  .acw-blog-archive .acw-blog-card__content{grid-template-columns:minmax(0,1fr) auto!important;column-gap:10px!important}
  .acw-blog-archive .acw-blog-card__more--button{grid-column:2!important;grid-row:4!important;width:auto!important;margin-top:0!important;padding-inline:11px}
}

@media(max-width:420px){
  .acw-blog-integrated-toolbar__filter-option-count{min-width:24px;height:22px;padding-inline:6px;font-size:10px}
  .acw-blog-archive .acw-blog-card__meta{font-size:9.5px}
  .acw-blog-archive .acw-blog-card__more--button{min-height:34px;padding:7px 10px}
}
