/* Lingello - strona /speaking-cards/ w wyglądzie /lesson-plans/. GENEROWANE przez
   tools/build-lingello-speaking.py z Header Code (reguły page-id-507) - nie edytować ręcznie. */
body.lingello-speaking-archive {background:
    repeating-linear-gradient(0deg, transparent 0 31px, rgba(11, 46, 89, .045) 31px 32px),
    repeating-linear-gradient(90deg, transparent 0 31px, rgba(11, 46, 89, .03) 31px 32px),
    #faf7f0 !important;}
body.lingello-speaking-archive #pagewrap,
body.lingello-speaking-archive #body {background: transparent !important;
  background-image: none !important;}
body.lingello-speaking-archive :is(h1, h2):not(.tbp_title, .module-title) {font-family: 'Newsreader', Georgia, serif !important;
  font-weight: 700;
  letter-spacing: -.01em;
  color: #13283f;}
body.lingello-speaking-archive .tb_9f1551 {background: linear-gradient(180deg, #faf7f0 0%, #faf7f0 70%, rgba(250, 247, 240, 0) 100%) !important;
  position: relative;}
body.lingello-speaking-archive .tb_9f1551::before {content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle 140px at 6% 38%, rgba(125, 211, 252, .30), rgba(125, 211, 252, .12) 60%, transparent 72%),
    radial-gradient(circle at 91% 24%, transparent 34px, rgba(253, 224, 71, .55) 35px, rgba(253, 224, 71, .55) 46px, transparent 48px),
    radial-gradient(circle 18px at 77% 72%, rgba(248, 113, 113, .45) 60%, transparent 70%),
    radial-gradient(circle at 16% 86%, transparent 18px, rgba(31, 78, 121, .20) 19px, rgba(31, 78, 121, .20) 26px, transparent 28px);}
body.lingello-speaking-archive #pagewrap::before {content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    
    radial-gradient(circle 230px at 5% 10%,  rgba(125, 211, 252, .38), rgba(125, 211, 252, .16) 62%, transparent 72%),
    radial-gradient(circle 46px  at 70% 6%,  rgba(253, 224, 71, .55) 66%, transparent 70%),
    radial-gradient(circle 94px  at 94% 16%, rgba(248, 113, 113, .34) 64%, transparent 71%),
    radial-gradient(circle 300px at 104% 56%, rgba(248, 113, 113, .20), rgba(248, 113, 113, .08) 60%, transparent 72%),
    radial-gradient(circle 26px  at 12% 74%, rgba(248, 113, 113, .42) 62%, transparent 70%),
    radial-gradient(circle 170px at -3% 94%, rgba(253, 224, 71, .30), rgba(253, 224, 71, .12) 58%, transparent 70%),
    radial-gradient(circle 58px  at 79% 90%, rgba(125, 211, 252, .42) 64%, transparent 71%),
    
    radial-gradient(circle at 15% 36%, transparent 52px, rgba(31, 78, 121, .20) 53px, rgba(31, 78, 121, .20) 66px, transparent 68px),
    radial-gradient(circle at 89% 72%, transparent 76px, rgba(125, 211, 252, .38) 77px, rgba(125, 211, 252, .38) 94px, transparent 96px),
    radial-gradient(circle at 55% 4%,  transparent 26px, rgba(248, 113, 113, .35) 27px, rgba(248, 113, 113, .35) 37px, transparent 39px),
    radial-gradient(circle at 38% 97%, transparent 38px, rgba(253, 224, 71, .55) 39px, rgba(253, 224, 71, .55) 50px, transparent 52px),
    radial-gradient(circle at 4% 55%,  transparent 14px, rgba(31, 78, 121, .14) 15px, rgba(31, 78, 121, .14) 21px, transparent 23px);
  animation: lingello-circles-drift 26s ease-in-out infinite alternate;}
@media (prefers-reduced-motion: reduce) {
  body.lingello-speaking-archive #pagewrap::before {animation: none;}
}
@media (max-width: 760px) {
  body.lingello-speaking-archive #pagewrap::before {background:
      radial-gradient(circle 130px at 0% 4%,   rgba(125, 211, 252, .34), rgba(125, 211, 252, .14) 60%, transparent 72%),
      radial-gradient(circle 56px  at 97% 12%, rgba(253, 224, 71, .45) 64%, transparent 71%),
      radial-gradient(circle at 92% 64%, transparent 40px, rgba(248, 113, 113, .30) 41px, rgba(248, 113, 113, .30) 52px, transparent 54px),
      radial-gradient(circle 120px at 2% 96%,  rgba(248, 113, 113, .22), rgba(248, 113, 113, .08) 58%, transparent 70%),
      radial-gradient(circle at 14% 70%, transparent 22px, rgba(31, 78, 121, .16) 23px, rgba(31, 78, 121, .16) 31px, transparent 33px);}
}
:where(body.lingello-speaking-archive) .post-filter, :where(body.lingello-speaking-archive) .post-filter:before {box-shadow: unset!important; background-color: unset!important;}
:where(body.lingello-speaking-archive) .builder-posts-wrap {display: flex !important; flex-wrap: wrap; gap: 15px;}
:where(body.lingello-speaking-archive) .lesson {border-radius: 8px; overflow: hidden;}
:where(body.lingello-speaking-archive) .lesson .module-featured-image img {width: 100%; height: 220px; object-fit: cover;}
:where(body.lingello-speaking-archive) .lesson .module:not(.plan_badge) .tbp_post_meta {position: relative; top: auto; left: auto; gap: 6px; z-index: 5;}
:where(body.lingello-speaking-archive) .lesson .level_badge .tbp_term_item {margin-left: 10px; padding:0px 0px 0px 0px; color: #064179; padding: 0px 8px; border-radius: 5px; margin-top: 10px; float:left; font-weight: bold;}
:where(body.lingello-speaking-archive) .lesson  .bookmark_plan_badges .tbp_term_item {border-radius:5px!important; padding: 0px 0px 0px 0px!important;}
:where(body.lingello-speaking-archive) .lesson  .bookmark_plan_badges a {padding: 8px 8px 10px 8px!important; border-radius:8px!important;}
:where(body.lingello-speaking-archive) .lesson  .bookmark_plan_badges .plan_badge {margin: 0px 5px 5px 0px}
:where(body.lingello-speaking-archive) .lesson  .bookmark_plan_badges .tbp_term_item {font-size: 1em;}
:where(body.lingello-speaking-archive) .lesson .tbp_term_item {font-size: 11px; padding-right: 10px; border-radius: 8px; font-weight: bold;}
:where(body.lingello-speaking-archive) .lesson .tbp_post_meta {flex-direction: column; top: 100px; font-size:0.7em}
:where(body.lingello-speaking-archive) .lesson .tbp_post_meta a {}
:where(body.lingello-speaking-archive) .lesson .tbp_title {font-size: 1.5em; font-weight: 600;}
:where(body.lingello-speaking-archive) .lesson .tbp_title a {color: #111; text-decoration: none;}
:where(body.lingello-speaking-archive) .lesson .module-plain-text {padding: 0 0px 10px; font-size: 14px; color: #555;}
:where(body.lingello-speaking-archive) .lesson .module_subrow {margin-top: auto; padding: 14px 0px 0px; display: flex; justify-content: space-between; align-items: center;}
:where(body.lingello-speaking-archive) .lesson .simplefavorite-button {display: flex; align-items: center; gap: 6px; background: none!important; font-size: 1em; font-weight: 600; color: #072364; border: none;}
:where(body.lingello-speaking-archive) .lesson .simplefavorite-button i {font-size: 1.5em; color: #fb8e91;}
:where(body.lingello-speaking-archive) .simplefavorite-button.preset i {position: absolute; font-size: 1.3em; left: -0.3em!important;}
:where(body.lingello-speaking-archive) .simplefavorite-button.preset {padding: 15px;}
:where(body.lingello-speaking-archive) .tb_e0hy293 .builder-posts-wrap, :where(body.lingello-speaking-archive) .tb_6par826 .builder-posts-wrap {display:grid!important;gap:18px;height:auto!important;  overflow:visible!important}
:where(body.lingello-speaking-archive) .tb_e0hy293 .builder-posts-wrap {grid-template-columns:repeat(3,1fr)}
:where(body.lingello-speaking-archive) .tb_6par826 .builder-posts-wrap {grid-template-columns:repeat(3,1fr)}
:where(body.lingello-speaking-archive) .tb_e0hy293 .builder-posts-wrap > :not(article), :where(body.lingello-speaking-archive) .tb_6par826 .builder-posts-wrap > :not(article) {display:none!important}
:where(body.lingello-speaking-archive) .tb_e0hy293 .builder-posts-wrap > article.lesson, :where(body.lingello-speaking-archive) .tb_6par826 .builder-posts-wrap > article.lesson {position:relative!important;left:auto!important;top:auto!important;right:auto!important; transform:none!important;float:none!important;width:auto!important;margin:0!important;height:100%}
:where(body.lingello-speaking-archive) .tb_e0hy293 .builder-posts-wrap > article.lesson .tbp_advanced_archive_wrap, :where(body.lingello-speaking-archive) .tb_6par826 .builder-posts-wrap > article.lesson .tbp_advanced_archive_wrap, :where(body.lingello-speaking-archive) .tb_e0hy293 .builder-posts-wrap > article.lesson .module_row, :where(body.lingello-speaking-archive) .tb_6par826 .builder-posts-wrap > article.lesson .module_row, :where(body.lingello-speaking-archive) .tb_e0hy293 .builder-posts-wrap > article.lesson .row_inner, :where(body.lingello-speaking-archive) .tb_6par826 .builder-posts-wrap > article.lesson .row_inner {height:100%}
@media(max-width:900px) {
  :where(body.lingello-speaking-archive) .tb_e0hy293 .builder-posts-wrap, :where(body.lingello-speaking-archive) .tb_6par826 .builder-posts-wrap {grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px) {
  :where(body.lingello-speaking-archive) .tb_e0hy293 .builder-posts-wrap, :where(body.lingello-speaking-archive) .tb_6par826 .builder-posts-wrap {grid-template-columns:1fr}
}
:where(body.lingello-speaking-archive) .tb_e0hy293 article.lesson .module_column.tb_5608293 {height:100%!important;max-height:none!important;min-height:250px}
:where(body.lingello-speaking-archive) .tb_e0hy293 article.lesson .module_column.tb_6p33293 {height:100%;align-content:space-between}
:where(body.lingello-speaking-archive) .tb_6par826 article.lesson.lesson_category-flipped::after {top:10px;right:-9px;left:auto;bottom:auto;transform:rotate(4deg)}
/* plakietka planu bez linku: tło/odstępy/zaokrąglenie z reguł na `.plan_badge a`
   (Header Code + `.bookmark_plan_badges a` z 507) przeniesione na samą plakietkę (inline jak link);
   poziom: kolor tekstu linku (#1f4e79) zamiast koloru plakietki */
body.lingello-speaking-archive .lingello-speaking-grid .plan_badge .tbp_term_item{display:inline;padding:8px 8px 10px 8px!important;border-radius:8px!important;background-color:#e2ebf9!important;color:#08437b!important}
body.lingello-speaking-archive .lingello-speaking-grid .level_badge .tbp_term_item{color:#1f4e79}
/* globalna reguła Header Code przypina zakładkę absolutnie na stronach spoza listy wyjątków
   (body:not(.page-id-507)... = specyficzność 0,5,1) - na liście zestawów ma działać jak na
   /lesson-plans/, stąd podbity selektor (0,5,2) */
html body.lingello-speaking-archive.lingello-speaking-archive .lingello-browse-grid .simplefavorite-button.preset{position:relative!important;margin-top:0!important;top:auto!important;left:auto!important;right:auto!important}