/* scoped style strony (z tresci produkcyjnych szablonow) */

/* ============================================================
   UC - Uczen page (Figma ps() 1:1)
   ============================================================ */
.uc-page { min-height: 100vh; background: #f5f5f5; }

/* --- Hero --- */
.uc-hero {
    background: #3d4a5c;
    padding: 64px 0;
}
.uc-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
@media (min-width: 1024px) { .uc-container { padding: 0 32px; } }
.uc-hero__inner { display: flex; align-items: center; gap: 16px; }
.uc-hero__icon {
    width: 48px; height: 48px; background: #81BD51; border-radius: 12px;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.uc-hero__icon svg { width: 24px; height: 24px; color: #fff; }
/*ikona*/ .uc-hero__icon .bz-ico.bz-ico { width: 24px; height: 24px; color: #fff; }
/*ikona*/ .uc-hero__icon li::before { width: 24px; height: 24px; color: #fff; }
.uc-hero__title {
    font-size: 30px; line-height: 1.2; font-weight: 700; color: #fff; margin: 0;
}
@media (min-width: 1024px) { .uc-hero__title { font-size: 36px; } }
.uc-hero__sub { color: rgba(255,255,255,0.7); margin-top: 4px; font-size: 16px; }

/* --- Layout: two-column grid --- */
.uc-layout { padding-top: 48px; padding-bottom: 48px; }
.uc-grid { display: grid; gap: 32px; }
@media (min-width: 1024px) { .uc-grid { grid-template-columns: 1fr 340px; } }
.uc-main { display: flex; flex-direction: column; gap: 32px; min-width: 0; }
.uc-sidebar { display: flex; flex-direction: column; gap: 24px; }
@media (min-width: 1024px) {
    .uc-sidebar { position: sticky; top: 140px; align-self: start; }
}

/* --- Top Cards Grid (2 columns on sm+) --- */
.uc-actions { display: grid; gap: 16px; }
@media (min-width: 640px) { .uc-actions { grid-template-columns: 1fr 1fr; } }

/* Green card */
.uc-card-green {
    background: #81BD51; border-radius: 12px; padding: 32px; color: #fff;
    transition: box-shadow 0.2s, transform 0.2s;
}
.uc-card-green:hover { box-shadow: 0 10px 25px -5px rgba(0,0,0,0.15); transform: translateY(-2px); }
.uc-card-green__icon {
    width: 48px; height: 48px; background: rgba(255,255,255,0.2); border-radius: 12px;
    display: flex; align-items: center; justify-content: center; margin-bottom: 16px;
}
.uc-card-green__icon svg { width: 24px; height: 24px; color: #fff; }
/*ikona*/ .uc-card-green__icon .bz-ico.bz-ico { width: 24px; height: 24px; color: #fff; }
/*ikona*/ .uc-card-green__icon li::before { width: 24px; height: 24px; color: #fff; }
.uc-card-green h2 { font-size: 20px; font-weight: 700; margin: 0 0 8px; color: #fff; }
.uc-card-green p { font-size: 14px; color: rgba(255,255,255,0.9); margin: 0 0 16px; line-height: 1.5; }
.uc-card-green__link {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 14px; font-weight: 600; color: #fff; text-decoration: none;
    transition: gap 0.2s;
}
.uc-card-green__link:hover { gap: 10px; }
.uc-card-green__link svg { width: 16px; height: 16px; }
/*ikona*/ .uc-card-green__link .bz-ico.bz-ico { width: 16px; height: 16px; }
/*ikona*/ .uc-card-green__link li::before { width: 16px; height: 16px; }

/* White card */
.uc-card-white {
    background: #fff; border-radius: 12px; border: 1px solid #E5E7EB; padding: 32px;
    transition: box-shadow 0.2s, transform 0.2s;
}
.uc-card-white:hover { box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1); transform: translateY(-2px); }
.uc-card-white__icon {
    width: 48px; height: 48px; background: #f3f4f6; border-radius: 12px;
    display: flex; align-items: center; justify-content: center; margin-bottom: 16px;
}
.uc-card-white__icon svg { width: 24px; height: 24px; color: #4B5563; }
/*ikona*/ .uc-card-white__icon .bz-ico.bz-ico { width: 24px; height: 24px; color: #4B5563; }
/*ikona*/ .uc-card-white__icon li::before { width: 24px; height: 24px; color: #4B5563; }
.uc-card-white h2 { font-size: 20px; font-weight: 700; color: #111827; margin: 0 0 8px; }
.uc-card-white p { font-size: 14px; color: #4B5563; margin: 0 0 16px; line-height: 1.5; }
.uc-card-white__link {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 14px; font-weight: 600; color: #81BD51; text-decoration: none;
    transition: color 0.2s, gap 0.2s;
}
.uc-card-white__link:hover { color: #6fa043; gap: 10px; }
.uc-card-white__link svg { width: 16px; height: 16px; }
/*ikona*/ .uc-card-white__link .bz-ico.bz-ico { width: 16px; height: 16px; }
/*ikona*/ .uc-card-white__link li::before { width: 16px; height: 16px; }

/* --- Section Card base --- */
.uc-section {
    background: #fff; border: 1px solid #E5E7EB; border-radius: 12px; padding: 32px;
}
.uc-section__header { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
.uc-section__icon {
    width: 48px; height: 48px; border-radius: 12px;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.uc-section__icon--green { background: #81BD51; }
.uc-section__icon--dark { background: #3d4a5c; }
.uc-section__icon svg { width: 24px; height: 24px; color: #fff; }
/*ikona*/ .uc-section__icon .bz-ico.bz-ico { width: 24px; height: 24px; color: #fff; }
/*ikona*/ .uc-section__icon li::before { width: 24px; height: 24px; color: #fff; }
.uc-section__title { font-size: 22px; font-weight: 700; color: #111827; margin: 0; }

/* --- Alert box (blue) --- */
.uc-alert-blue {
    background: #eff6ff; border-left: 4px solid #3b82f6; padding: 12px 16px;
    border-radius: 0 8px 8px 0; margin-bottom: 24px;
    font-size: 14px; font-weight: 600; color: #1e40af;
}

/* --- Sub-section header --- */
.uc-subsection { margin-bottom: 24px; }
.uc-subsection:last-child { margin-bottom: 0; }
.uc-subsection__title {
    display: flex; align-items: center; gap: 8px;
    font-size: 16px; font-weight: 700; color: #111827; margin-bottom: 12px;
}
.uc-subsection__title svg { width: 20px; height: 20px; }
/*ikona*/ .uc-subsection__title .bz-ico.bz-ico { width: 20px; height: 20px; }
/*ikona*/ .uc-subsection__title li::before { width: 20px; height: 20px; }
.uc-subsection__title--green svg { color: #81BD51; }
/*ikona*/ .uc-subsection__title--green .bz-ico.bz-ico { color: #81BD51; }
/*ikona*/ .uc-subsection__title--green li::before { color: #81BD51; }
.uc-subsection__title--blue svg { color: #3b82f6; }
/*ikona*/ .uc-subsection__title--blue .bz-ico.bz-ico { color: #3b82f6; }
/*ikona*/ .uc-subsection__title--blue li::before { color: #3b82f6; }
.uc-subsection__body { font-size: 14px; color: #4B5563; line-height: 1.6; margin-bottom: 16px; }
.uc-subsection__body strong { color: #111827; }

/* --- Numbered steps --- */
.uc-steps { display: flex; flex-direction: column; gap: 12px; }
.uc-step { display: flex; gap: 12px; align-items: flex-start; }
.uc-step__num {
    width: 28px; height: 28px; background: #81BD51; color: #fff; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    font-size: 14px; font-weight: 700;
}
.uc-step__text { font-size: 14px; color: #374151; line-height: 1.6; padding-top: 3px; }
.uc-step__text strong { color: #111827; }

/* --- Blue info box (Ważne informacje) --- */
.uc-info-blue {
    background: #eff6ff; border-left: 4px solid #3b82f6;
    padding: 16px 20px; border-radius: 0 8px 8px 0; margin-top: 16px;
}
.uc-info-blue__inner { display: flex; align-items: flex-start; gap: 12px; }
.uc-info-blue__inner > svg { width: 20px; height: 20px; color: #3b82f6; flex-shrink: 0; margin-top: 2px; }
/*ikona*/ .uc-info-blue__inner > .bz-ico.bz-ico { width: 20px; height: 20px; color: #3b82f6; flex-shrink: 0; margin-top: 2px; }
/*ikona*/ .uc-info-blue__inner > li::before { width: 20px; height: 20px; color: #3b82f6; flex-shrink: 0; margin-top: 2px; }
.uc-info-blue__title { font-size: 14px; font-weight: 700; color: #1e3a5f; margin-bottom: 8px; }
.uc-info-blue__list {
    list-style: disc; list-style-position: inside;
    font-size: 14px; color: #1e40af; padding: 0; margin: 0;
    display: flex; flex-direction: column; gap: 4px;
}

/* --- Gray help box --- */
.uc-help-gray {
    background: #f9fafb; padding: 16px; border-radius: 8px; margin-top: 16px;
}
.uc-help-gray__title { font-size: 14px; font-weight: 700; color: #374151; margin-bottom: 8px; }
.uc-help-gray__text { font-size: 14px; color: #4B5563; line-height: 1.5; }
.uc-help-gray__text a { color: #81BD51; text-decoration: none; }
.uc-help-gray__text a:hover { text-decoration: underline; }

/* --- Komunikaty: empty state --- */
.uc-empty {
    padding: 32px; background: #f9fafb; border-radius: 8px; text-align: center;
}
.uc-empty svg { width: 48px; height: 48px; color: #d1d5db; margin: 0 auto 12px; display: block; }
/*ikona*/ .uc-empty .bz-ico.bz-ico { width: 48px; height: 48px; color: #d1d5db; margin: 0 auto 12px; display: block; }
/*ikona*/ .uc-empty li::before { width: 48px; height: 48px; color: #d1d5db; margin: 0 auto 12px; display: block; }
.uc-empty__title { color: #4B5563; font-weight: 600; margin-bottom: 4px; font-size: 16px; }
.uc-empty__sub { font-size: 14px; color: #6B7280; margin: 0; }

/* --- Komunikaty: announcement cards (ACF repeater) --- */
.uc-announcements { display: flex; flex-direction: column; gap: 16px; }
.uc-announcement {
    padding: 16px; background: #f9fafb; border-left: 3px solid #81BD51;
    border-radius: 0 8px 8px 0;
}
.uc-announcement__date { font-size: 12px; color: #81BD51; font-weight: 600; margin-bottom: 4px; }
.uc-announcement p { font-size: 14px; color: #4B5563; margin: 0; line-height: 1.5; }

.uc-section__footer {
    margin-top: 16px; padding-top: 16px; border-top: 1px solid #f3f4f6;
}
.uc-section__footer p { font-size: 14px; color: #4B5563; margin: 0; line-height: 1.5; }

/* --- Platform: login info --- */
.uc-login-box {
    background: #f9fafb; padding: 16px 20px; border-radius: 8px; border: 1px solid #E5E7EB;
}
.uc-login-box__row { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 8px; }
.uc-login-box__row:last-child { margin-bottom: 0; }
.uc-login-box__label { font-size: 14px; font-weight: 600; color: #111827; min-width: 60px; }
.uc-login-box__value { font-size: 14px; color: #4B5563; }
.uc-login-box__link {
    display: inline-flex; align-items: center; gap: 6px; margin-top: 12px;
    font-size: 14px; font-weight: 600; color: #81BD51; text-decoration: none;
    transition: color 0.2s, gap 0.2s;
}
.uc-login-box__link:hover { color: #6fa043; gap: 10px; }
.uc-login-box__link svg { width: 16px; height: 16px; }
/*ikona*/ .uc-login-box__link .bz-ico.bz-ico { width: 16px; height: 16px; }
/*ikona*/ .uc-login-box__link li::before { width: 16px; height: 16px; }

/* --- Features checklist --- */
.uc-features { display: flex; flex-direction: column; gap: 8px; list-style: none; padding: 0; margin: 0; }
.uc-features li {
    display: flex; align-items: flex-start; gap: 8px; font-size: 14px; color: #374151;
}
.uc-features li svg { width: 16px; height: 16px; color: #81BD51; flex-shrink: 0; margin-top: 3px; }
/*ikona*/ .uc-features li .bz-ico.bz-ico { width: 16px; height: 16px; color: #81BD51; flex-shrink: 0; margin-top: 3px; }
/*ikona*/ .uc-features li::before { width: 16px; height: 16px; color: #81BD51; flex-shrink: 0; margin-top: 3px; }

/* --- Yellow/amber warning box --- */
.uc-warning {
    background: #fffbeb; padding: 16px; border-radius: 8px; border: 1px solid #fde68a; margin-top: 16px;
}
.uc-warning__inner { display: flex; align-items: flex-start; gap: 12px; }
.uc-warning__inner > svg { width: 20px; height: 20px; color: #ca8a04; flex-shrink: 0; margin-top: 2px; }
/*ikona*/ .uc-warning__inner > .bz-ico.bz-ico { width: 20px; height: 20px; color: #ca8a04; flex-shrink: 0; margin-top: 2px; }
/*ikona*/ .uc-warning__inner > li::before { width: 20px; height: 20px; color: #ca8a04; flex-shrink: 0; margin-top: 2px; }
.uc-warning__title { font-size: 14px; font-weight: 700; color: #713f12; margin-bottom: 4px; }
.uc-warning__text { font-size: 14px; color: #854d0e; line-height: 1.5; }
.uc-warning__text a { text-decoration: underline; color: inherit; }

/* --- Ważne informacje: info items --- */
.uc-info-items { display: flex; flex-direction: column; gap: 16px; }
.uc-info-item { background: #f9fafb; padding: 16px; border-radius: 8px; }
.uc-info-item__title {
    display: flex; align-items: center; gap: 8px;
    font-size: 15px; font-weight: 700; color: #111827; margin-bottom: 8px;
}
.uc-info-item__title svg { width: 20px; height: 20px; color: #81BD51; }
/*ikona*/ .uc-info-item__title .bz-ico.bz-ico { width: 20px; height: 20px; color: #81BD51; }
/*ikona*/ .uc-info-item__title li::before { width: 20px; height: 20px; color: #81BD51; }
.uc-info-item p { font-size: 14px; color: #4B5563; margin: 0; line-height: 1.5; }

/* --- Documents grid --- */
.uc-docs-grid { display: grid; gap: 12px; }
@media (min-width: 640px) { .uc-docs-grid { grid-template-columns: 1fr 1fr; } }
.uc-doc-link {
    display: flex; align-items: center; gap: 12px; padding: 16px;
    border-radius: 8px; border: 1px solid #E5E7EB; text-decoration: none;
    background: #fff; transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
}
.uc-doc-link:hover { border-color: #81BD51; background: #f9fafb; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.uc-doc-link__icon {
    width: 40px; height: 40px; background: #f3f4f6; border-radius: 8px;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    transition: background 0.2s;
}
.uc-doc-link:hover .uc-doc-link__icon { background: #ecfdf5; }
.uc-doc-link__icon svg { width: 20px; height: 20px; color: #9ca3af; transition: color 0.2s; }
/*ikona*/ .uc-doc-link__icon .bz-ico.bz-ico { width: 20px; height: 20px; color: #9ca3af; transition: color 0.2s; }
/*ikona*/ .uc-doc-link__icon li::before { width: 20px; height: 20px; color: #9ca3af; transition: color 0.2s; }
.uc-doc-link:hover .uc-doc-link__icon svg { color: #81BD51; }
/*ikona*/ .uc-doc-link:hover .uc-doc-link__icon .bz-ico.bz-ico { color: #81BD51; }
/*ikona*/ .uc-doc-link:hover .uc-doc-link__icon li::before { color: #81BD51; }
.uc-doc-link__name { font-size: 14px; font-weight: 600; color: #111827; margin: 0; }
.uc-doc-link__type { font-size: 12px; color: #6B7280; margin: 2px 0 0; }

/* --- Sidebar: Kontakt --- */
.uc-sb-kontakt { background: #fff; border: 1px solid #E5E7EB; border-radius: 12px; padding: 24px; }
.uc-sb-kontakt__header { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.uc-sb-kontakt__header svg { width: 20px; height: 20px; color: #81BD51; }
/*ikona*/ .uc-sb-kontakt__header .bz-ico.bz-ico { width: 20px; height: 20px; color: #81BD51; }
/*ikona*/ .uc-sb-kontakt__header li::before { width: 20px; height: 20px; color: #81BD51; }
.uc-sb-kontakt__title { font-size: 18px; font-weight: 700; color: #111827; margin: 0; }
.uc-sb-kontakt__body { display: flex; flex-direction: column; gap: 16px; }
.uc-sb-kontakt__group { }
.uc-sb-kontakt__label { font-size: 12px; font-weight: 600; color: #6B7280; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px; }
.uc-sb-kontakt__link {
    display: flex; align-items: center; gap: 8px;
    font-size: 14px; font-weight: 500; color: #111827; text-decoration: none;
    transition: color 0.2s;
}
.uc-sb-kontakt__link:hover { color: #81BD51; }
.uc-sb-kontakt__link svg { width: 16px; height: 16px; color: #81BD51; }
/*ikona*/ .uc-sb-kontakt__link .bz-ico.bz-ico { width: 16px; height: 16px; color: #81BD51; }
/*ikona*/ .uc-sb-kontakt__link li::before { width: 16px; height: 16px; color: #81BD51; }
.uc-sb-kontakt__hours { font-size: 12px; color: #6B7280; margin-top: 4px; padding-left: 24px; }
.uc-sb-kontakt__sep { padding-top: 16px; border-top: 1px solid #f3f4f6; }

/* --- Sidebar: Przydatne linki (dark) --- */
.uc-sb-links {
    background: #3d4a5c; border-radius: 12px; padding: 24px; color: #fff;
}
.uc-sb-links__title { font-size: 18px; font-weight: 700; margin: 0 0 16px; color: #fff; }
.uc-sb-links__list { display: flex; flex-direction: column; gap: 4px; }
.uc-sb-links__item {
    display: flex; align-items: center; gap: 10px; font-size: 14px;
    color: rgba(255,255,255,0.85); text-decoration: none;
    padding: 8px 12px; border-radius: 8px; transition: background 0.2s, color 0.2s;
}
.uc-sb-links__item:hover { background: rgba(255,255,255,0.1); color: #fff; }
.uc-sb-links__item svg { width: 16px; height: 16px; flex-shrink: 0; }
/*ikona*/ .uc-sb-links__item .bz-ico.bz-ico { width: 16px; height: 16px; flex-shrink: 0; }
/*ikona*/ .uc-sb-links__item li::before { width: 16px; height: 16px; flex-shrink: 0; }

/* --- Responsive --- */
@media (max-width: 639px) {
    .uc-hero__inner { flex-direction: column; align-items: flex-start; }
    .uc-hero__title { font-size: 26px; }
    .uc-section { padding: 24px; }
    .uc-card-green { padding: 24px; }
    .uc-card-white { padding: 24px; }
}
@media (max-width: 1023px) {
    .uc-grid { grid-template-columns: 1fr; }
    .uc-sidebar { position: static !important; }
}
/* --- Komunikaty: 3 najnowsze (CPT) - rozszerzenie .uc-announcement --- */
.uc-announcement__title { font-size: 16px; font-weight: 700; line-height: 1.35; margin: 0 0 6px; }
.uc-announcement__title a { color: #111827; text-decoration: none; transition: color 0.2s; }
.uc-announcement__title a:hover { color: #81BD51; }
.uc-announcement__more {
    display: inline-flex; align-items: center; gap: 6px; margin-top: 10px;
    font-size: 13px; font-weight: 600; color: #81BD51; text-decoration: none;
    transition: gap 0.2s;
}
.uc-announcement__more:hover { gap: 10px; }
.uc-announcement__more svg { width: 14px; height: 14px; }
/*ikona*/ .uc-announcement__more .bz-ico.bz-ico { width: 14px; height: 14px; }
/*ikona*/ .uc-announcement__more li::before { width: 14px; height: 14px; }
.uc-announcements__cta {
    display: inline-flex; align-items: center; gap: 8px; margin-top: 20px;
    background: #81BD51; color: #fff; font-size: 14px; font-weight: 600;
    padding: 12px 22px; border-radius: 10px; text-decoration: none;
    transition: background 0.2s, gap 0.2s, box-shadow 0.2s;
}
.uc-announcements__cta:hover { background: #6fa043; gap: 12px; box-shadow: 0 6px 16px rgba(129,189,81,0.3); }
.uc-announcements__cta svg { width: 16px; height: 16px; }
/*ikona*/ .uc-announcements__cta .bz-ico.bz-ico { width: 16px; height: 16px; }
/*ikona*/ .uc-announcements__cta li::before { width: 16px; height: 16px; }

/* style inline przeniesione do klas */
.bz-i-1.bz-i-1.bz-i-1.bz-i-1 { color:#6B7280; font-size:14px; }

/*przycisk*/ .wp-block-button:where([class*="btn"]) { background: none; border: 0; padding: 0; box-shadow: none; }
/*przycisk*/ .wp-block-button:where([class*="btn"]) > .wp-block-button__link { background: none; border: 0; }