/* Satanas Fidelis — Categories page final stylesheet (final release) */
.sf-categories-page .sf-panel{overflow:hidden;}
.sf-categories-page .sf-panel-title{font-family:"Cinzel",ui-serif,Georgia,serif;letter-spacing:.08em;line-height:1.02;overflow-wrap:anywhere;}
.sf-categories-page .sf-panel-sub{max-width:72ch;line-height:1.75;color:rgba(255,255,255,.72);}
.sf-categories-page .sf-toolbar{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.85fr);gap:1rem;margin-top:1.25rem;}
.sf-categories-page .sf-field{position:relative;display:grid;gap:.4rem;}
.sf-categories-page .sf-field .sf-ico{position:absolute;left:14px;top:calc(50% + 10px);transform:translateY(-50%);pointer-events:none;opacity:.92;}
.sf-categories-page .sf-input,
.sf-categories-page .sf-select{width:100%;border-radius:18px;background:rgba(0,0,0,.46)!important;border:1px solid rgba(255,255,255,.12)!important;padding:14px 14px 14px 44px;color:rgba(255,255,255,.92)!important;outline:none;transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;-webkit-text-fill-color:rgba(255,255,255,.92)!important;caret-color:rgba(255,255,255,.92);}
.sf-categories-page .sf-input::placeholder{color:rgba(255,255,255,.42)!important;-webkit-text-fill-color:rgba(255,255,255,.42)!important;}
.sf-categories-page .sf-select{appearance:none;padding-right:42px;}
.sf-categories-page .sf-field .sf-caret{position:absolute;right:14px;top:calc(50% + 10px);transform:translateY(-50%);opacity:.7;pointer-events:none;}
.sf-categories-page .sf-input:focus,
.sf-categories-page .sf-select:focus{border-color:rgba(225,29,42,.58)!important;box-shadow:0 0 0 3px rgba(225,29,42,.14);background:rgba(0,0,0,.56)!important;}
.sf-categories-page .sf-cat-list{display:flex;flex-direction:column;gap:10px;}
.sf-categories-page .sf-cat-item{width:100%;text-align:left;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.22);padding:12px 14px;transition:transform .14s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;}
.sf-categories-page .sf-cat-item:hover{transform:translateY(-1px);border-color:rgba(225,29,42,.28);background:rgba(24,24,27,.50);box-shadow:0 8px 20px rgba(0,0,0,.38);}
.sf-categories-page .sf-cat-item.is-active{border-color:rgba(225,29,42,.55);background:linear-gradient(180deg, rgba(127,29,29,.22), rgba(0,0,0,.25));box-shadow:0 0 0 1px rgba(225,29,42,.12) inset,0 10px 22px rgba(127,29,29,.12);}
.sf-categories-page .sf-cat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.sf-categories-page .sf-cat-name{font-weight:800;letter-spacing:.03em;color:rgba(255,255,255,.92);}
.sf-categories-page .sf-cat-badge{font-size:12px;line-height:1;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.70);background:rgba(0,0,0,.25);}
.sf-categories-page .sf-cat-item.is-active .sf-cat-badge{border-color:rgba(225,29,42,.35);color:rgba(254,202,202,.92);background:rgba(225,29,42,.10);}
.sf-categories-page .sf-cat-desc{margin-top:6px;font-size:12px;line-height:1.35;color:rgba(255,255,255,.46);}
.sf-categories-page #sfGrid{align-items:stretch;gap:1.25rem;}
.sf-categories-page #sfGrid .sf-post-card{height:100%;min-height:320px;}
.sf-categories-page #sfGrid .sf-post-card h2{letter-spacing:.02em;}
.sf-categories-page #sfGrid .sf-post-card__excerpt{min-height:5.8em;}
.sf-categories-page #sfGrid .sf-post-card__chips{margin-top:.85rem;}
.sf-categories-page #sfGrid .sf-post-card__footer{display:flex;justify-content:space-between;align-items:center;gap:.8rem;}
.sf-categories-page .sf-post-card__likes{font-size:.8rem;color:rgba(255,255,255,.52);font-weight:800;}
.sf-categories-page .sf-status-card{min-height:220px;display:grid;place-content:center;text-align:center;padding:1.4rem;}
.sf-categories-page #sfPagination button{border-radius:16px!important;border-color:rgba(255,255,255,.12)!important;background:rgba(0,0,0,.22)!important;}
.sf-categories-page #sfPagination button:hover{border-color:rgba(225,29,42,.28)!important;background:rgba(24,24,27,.45)!important;}
.sf-categories-page #sfPagination button[data-active="1"]{border-color:rgba(225,29,42,.55)!important;background:rgba(127,29,29,.22)!important;}
.sf-categories-page #sfCatList{scrollbar-width:thin;scrollbar-color:rgba(127,29,29,.55) rgba(0,0,0,.2);}
.sf-categories-page #sfCatList::-webkit-scrollbar{width:10px;}
.sf-categories-page #sfCatList::-webkit-scrollbar-thumb{background:rgba(127,29,29,.55);border-radius:999px;border:3px solid rgba(0,0,0,.18);}
.sf-categories-page #sfCatList::-webkit-scrollbar-track{background:rgba(0,0,0,.20);border-radius:999px;}
@media (max-width:1024px){
  .sf-categories-page .sf-toolbar{grid-template-columns:1fr;}
  .sf-categories-page .sf-cat-item{padding:11px 12px;border-radius:16px;}
  .sf-categories-page .sf-cat-desc{font-size:11.5px;}
}
@media (max-width:900px){
  .sf-categories-page .sf-active-panel{display:none;}
  .sf-categories-page .mt-8.grid.grid-cols-1.lg\:grid-cols-12{grid-template-columns:1fr;}
  .sf-categories-page aside.lg\:col-span-3{order:1;}
  .sf-categories-page main.lg\:col-span-9{order:2;}
  .sf-categories-page .sf-cat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;}
  .sf-categories-page #sfCatList{max-height:none!important;overflow:visible!important;padding-right:0!important;}
  .sf-categories-page #sfGrid{grid-template-columns:1fr!important;gap:1rem!important;}
  .sf-categories-page #sfGrid .sf-post-card{min-height:0!important;}
  .sf-categories-page #sfGrid .sf-post-card__excerpt{min-height:0;}
}
@media (max-width:640px){
  .sf-categories-page .sf-panel-title{font-size:clamp(1.9rem,8vw,2.6rem)!important;letter-spacing:.09em;}
  .sf-categories-page .sf-panel-sub{font-size:.96rem;}
  .sf-categories-page .sf-cat-list{grid-template-columns:1fr;}
  .sf-categories-page .sf-field .sf-ico{left:12px;}
  .sf-categories-page .sf-field .sf-caret{right:12px;}
  .sf-categories-page .sf-input,.sf-categories-page .sf-select{padding-left:40px;padding-right:40px;border-radius:16px;}
  .sf-categories-page #sfPagination{flex-wrap:wrap;gap:.65rem!important;}
  .sf-categories-page #sfPagination .sf-btn{min-width:44px;min-height:44px;}
  .sf-categories-page #sfResultMeta,.sf-categories-page #sfStatus{width:100%;}
}


/* denser, cleaner cards on small screens */
@media (max-width: 640px){
  .sf-categories-page .sf-panel{ padding:1rem !important; border-radius:22px !important; }
  .sf-categories-page .sf-toolbar{ gap:.75rem; margin-top:1rem; }
  .sf-categories-page .sf-cat-item{ padding:13px 13px; border-radius:18px; }
  .sf-categories-page .sf-cat-name{ font-size:.97rem; }
  .sf-categories-page .sf-cat-desc{ font-size:12px; line-height:1.45; }
  .sf-categories-page #sfGrid{ gap:.85rem !important; }
  .sf-categories-page #sfGrid .sf-post-card__body{ padding:1rem !important; }
  .sf-categories-page .sf-status-card{ min-height:170px; }
}



/* category picker */
.sf-categories-page .sf-cat-picker-panel{position:relative;overflow:visible;}
.sf-categories-page .sf-cat-picker-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.sf-categories-page .sf-cat-picker{position:relative;min-width:min(420px,100%);max-width:100%;}
.sf-categories-page .sf-cat-picker__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-radius:20px;border:1px solid rgba(225,29,42,.28);background:linear-gradient(180deg,rgba(32,6,10,.92),rgba(8,9,16,.98));box-shadow:0 12px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03);text-align:left;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;}
.sf-categories-page .sf-cat-picker__toggle:hover,.sf-categories-page .sf-cat-picker[data-open="1"] .sf-cat-picker__toggle{border-color:rgba(225,29,42,.52);transform:translateY(-1px);box-shadow:0 16px 30px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04);}
.sf-categories-page .sf-cat-picker__toggle::after{content:"▾";font-size:1rem;color:rgba(255,255,255,.72);flex:0 0 auto;}
.sf-categories-page .sf-cat-picker__eyebrow{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.46);}
.sf-categories-page .sf-cat-picker__label{display:block;font-size:1.08rem;font-weight:800;color:#fff;margin-top:.2rem;}
.sf-categories-page .sf-cat-picker__meta{font-size:.92rem;color:#fecaca;font-weight:700;white-space:nowrap;}
.sf-categories-page .sf-cat-picker__menu{position:absolute;top:calc(100% + .75rem);left:0;right:0;z-index:40;padding:.85rem;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:rgba(6,7,13,.98);box-shadow:0 18px 42px rgba(0,0,0,.34);backdrop-filter:blur(10px);}
.sf-categories-page .sf-cat-picker__menu .sf-cat-list{display:grid;grid-template-columns:1fr;gap:.75rem;max-height:min(60vh,480px);overflow:auto;padding-right:.2rem;}
.sf-categories-page .sf-cat-picker__menu .sf-cat-item{padding:14px 15px;}
.sf-categories-page .sf-cat-picker__menu .sf-cat-desc{font-size:.78rem;line-height:1.5;}
@media (max-width: 900px){
  .sf-categories-page .sf-cat-picker{min-width:100%;}
  .sf-categories-page .sf-cat-picker-row{align-items:stretch;}
}
@media (max-width: 640px){
  .sf-categories-page .sf-cat-picker__toggle{padding:.95rem 1rem;border-radius:18px;}
  .sf-categories-page .sf-cat-picker__label{font-size:1rem;}
  .sf-categories-page .sf-cat-picker__meta{font-size:.84rem;}
  .sf-categories-page .sf-cat-picker__menu{padding:.7rem;border-radius:20px;}
}


/* category picker dropdown stacking / clipping */
.sf-categories-page .sf-cat-picker-panel{
  position:relative;
  overflow:visible !important;
  z-index:40;
  isolation:isolate;
}
.sf-categories-page .sf-cat-picker-row,
.sf-categories-page .sf-cat-picker,
.sf-categories-page .sf-cat-picker__label-wrap{
  position:relative;
  z-index:2;
}
.sf-categories-page .sf-cat-picker__menu{
  z-index:120 !important;
}
.sf-categories-page .sf-active-panel,
.sf-categories-page main,
.sf-categories-page #sfGrid,
.sf-categories-page #sfPagination{
  position:relative;
  z-index:1;
}


/* final cleanup: remove guide dependency and stabilize picker layout */
.sf-categories-page .sf-cat-picker-panel{padding:1.1rem 1.15rem !important;}
.sf-categories-page .sf-cat-picker-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,420px);
  align-items:start;
  gap:1rem 1.25rem;
}
.sf-categories-page .sf-cat-picker-copy{min-width:0;max-width:72ch;}
.sf-categories-page .sf-cat-picker-copy__text{line-height:1.7;max-width:62ch;overflow-wrap:anywhere;}
.sf-categories-page .sf-cat-picker{width:100%;min-width:0;justify-self:end;}
.sf-categories-page .sf-cat-picker__toggle{min-width:0;overflow:hidden;}
.sf-categories-page .sf-cat-picker__label-wrap{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;}
.sf-categories-page .sf-cat-picker__eyebrow,
.sf-categories-page .sf-cat-picker__label{min-width:0;overflow-wrap:anywhere;word-break:break-word;}
.sf-categories-page .sf-cat-picker__label{line-height:1.18;padding-right:.35rem;}
.sf-categories-page .sf-cat-picker__meta{flex:0 0 auto;align-self:center;margin-left:auto;padding-left:.4rem;}
.sf-categories-page .sf-active-panel{margin-top:1rem !important;}

@media (max-width: 1180px){
  .sf-categories-page .sf-cat-picker-row{grid-template-columns:minmax(0,1fr) minmax(280px,360px);}
}
@media (max-width: 900px){
  .sf-categories-page .sf-cat-picker-panel{padding:1rem !important;}
  .sf-categories-page .sf-cat-picker-row{grid-template-columns:1fr;}
  .sf-categories-page .sf-cat-picker{justify-self:stretch;}
  .sf-categories-page .sf-cat-picker-copy{max-width:none;}
}
@media (max-width: 640px){
  .sf-categories-page .sf-cat-picker__toggle{gap:.7rem;}
  .sf-categories-page .sf-cat-picker__meta{font-size:.8rem;}
}

/* category picker clipping and dropdown visibility */
.sf-categories-page .sf-panel.sf-cat-picker-panel{
  overflow: visible !important;
  z-index: 60;
  isolation: isolate;
}
.sf-categories-page .sf-cat-picker,
.sf-categories-page .sf-cat-picker-row,
.sf-categories-page .sf-cat-picker__label-wrap{
  overflow: visible !important;
}
.sf-categories-page .sf-cat-picker{
  position: relative;
  z-index: 80;
}
.sf-categories-page .sf-cat-picker__toggle{
  position: relative;
  z-index: 2;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  background-clip: padding-box;
}
.sf-categories-page .sf-cat-picker__menu{
  overflow: hidden;
  clip-path: inset(0 round 24px);
  -webkit-clip-path: inset(0 round 24px);
}
.sf-categories-page .sf-active-panel,
.sf-categories-page #sfGrid,
.sf-categories-page #sfPagination{
  z-index: 1;
}
@media (max-width: 640px){
  .sf-categories-page .sf-cat-picker__toggle{
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
  }
  .sf-categories-page .sf-cat-picker__menu{
    clip-path: inset(0 round 20px);
    -webkit-clip-path: inset(0 round 20px);
  }
}