/* ===== Panel wyszukiwania lekcji z filtrami (shortcode [lingello_lesson_filter]) =====
   v1.8.1: estetyka „biurka" Lingello — kartka przypięta taśmą, odręczne nagłówki
   (Caveat, ładowany globalnie w Header Code), zaznaczone filtry jak naklejki,
   przycisk-stempel. Paleta: navy #13283f, coral #F87171, stemple #d23b2e. */

.lingello-filter{
  max-width:1060px;margin:14px auto 44px;background:#fffdf7;
  border:1px solid #e3d9c4;border-radius:6px;
  box-shadow:0 1px 0 #e3d9c4,0 18px 40px rgba(31,42,56,.12);
  padding:34px 36px 18px;position:relative;transform:rotate(-.3deg)}
/* taśma klejąca u góry */
.lingello-filter::before{
  content:'';position:absolute;top:-13px;left:50%;transform:translateX(-50%) rotate(-2deg);
  width:116px;height:28px;background:rgba(246,224,128,.75);
  box-shadow:0 1px 3px rgba(0,0,0,.08);z-index:2}

/* tytuł — pismo odręczne */
.lingello-filter .lf-title{
  font-family:'Caveat',cursive;font-weight:700;font-size:2rem;line-height:1.1;
  color:#13283f;text-align:center;margin:0 0 18px}
.lingello-filter .lf-title em{
  font-style:normal;color:#F87171;
  text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px;
  text-decoration-color:rgba(248,113,113,.55)}

/* pasek szukania */
.lingello-filter .lf-searchbar{display:flex;gap:12px;margin-bottom:20px}
.lingello-filter .lf-searchbar input[type=search]{
  flex:1;border:none;border-bottom:2px solid #d9cdb4;border-radius:0;
  padding:10px 6px;font-size:16.5px;color:#13283f;background:transparent;
  outline:none;transition:border-color .15s}
.lingello-filter .lf-searchbar input[type=search]::placeholder{color:#a49a85}
.lingello-filter .lf-searchbar input[type=search]:focus{border-bottom-color:#F87171}
/* przycisk-stempel */
.lingello-filter .lf-searchbar button{
  border:none;border-radius:4px;padding:11px 26px;background:#d23b2e;color:#fff;
  font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  cursor:pointer;transform:rotate(1.5deg);
  box-shadow:0 3px 0 #a92d22,0 8px 18px rgba(210,59,46,.28);
  transition:transform .12s,box-shadow .12s}
.lingello-filter .lf-searchbar button:hover{
  transform:rotate(1.5deg) translateY(1px);
  box-shadow:0 2px 0 #a92d22,0 6px 14px rgba(210,59,46,.28)}

/* grupy — odręczne etykiety z kreską */
.lingello-filter .lf-group{border:none;margin:0 0 4px;padding:0}
.lingello-filter .lf-group legend{
  font-family:'Caveat',cursive;font-weight:700;font-size:1.35rem;color:#c2402a;
  margin-bottom:8px;padding:0;display:flex;align-items:center;gap:12px;width:100%}
.lingello-filter .lf-group legend::after{
  content:'';flex:1;height:1px;background:#eadfc8}
.lingello-filter .lf-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}

/* pigułka-checkbox: spokojna → naklejka po zaznaczeniu */
.lingello-filter .lf-pill{cursor:pointer;user-select:none}
.lingello-filter .lf-pill input{position:absolute;opacity:0;pointer-events:none}
.lingello-filter .lf-pill span{
  display:inline-block;padding:6px 15px;border-radius:50px;border:1.5px solid #e0d6bf;
  background:#fff;color:#2e4156;font-size:14px;font-weight:600;line-height:1.25;
  transition:all .14s}
.lingello-filter .lf-pill:hover span{border-color:#F87171;color:#c2402a;background:#fff5f4}
.lingello-filter .lf-pill input:checked + span{
  background:#F87171;border-color:#e35d5d;color:#fff;
  transform:rotate(-2deg);box-shadow:0 4px 10px rgba(248,113,113,.38)}
.lingello-filter .lf-pill input:focus-visible + span{outline:2px solid #13283f;outline-offset:2px}

/* akcje */
.lingello-filter .lf-actions{display:flex;justify-content:flex-end;padding:2px 0 6px}
.lingello-filter .lf-reset{
  font-family:'Caveat',cursive;font-weight:700;font-size:1.15rem;color:#56708c;
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;
  text-decoration-color:#c9d4e2}
.lingello-filter .lf-reset:hover{color:#c2402a;text-decoration-color:#f3b6ab}

@media(max-width:680px){
  .lingello-filter{padding:26px 18px 12px;transform:none}
  .lingello-filter .lf-title{font-size:1.7rem}
  .lingello-filter .lf-searchbar{flex-direction:column;gap:14px}
  .lingello-filter .lf-searchbar button{width:100%;transform:none}
}

/* ===== Stan ładowania AJAX (filter.js, v1.8.2) ===== */
.module-advanced-posts.lf-loading{opacity:.45;pointer-events:none;transition:opacity .15s}
.lingello-filter.lf-busy .lf-searchbar button{opacity:.75;cursor:progress}