/**
 * Documents Module – public interface.
 *
 * Scoped to the shortcode so CreativeThemes components remain unaffected.
 *
 * @package ZGK_Tools
 */

:root {
	--zgk-documents-navy: #12345f;
	--zgk-documents-text: #4f668a;
	--zgk-documents-green: #52a51a;
	--zgk-documents-blue: #1565d8;
	--zgk-documents-teal: #15888b;
	--zgk-documents-orange: #ef9600;
	--zgk-documents-purple: #7134c4;
	--zgk-documents-line: #e6edf3;
	--zgk-documents-shadow-hover: 0 18px 42px rgba(21, 49, 86, .13);
}

.zgk-documents,
.zgk-documents *,
.zgk-documents *::before,
.zgk-documents *::after { box-sizing: border-box; }
.zgk-documents { width: 100%; margin: 0; color: var(--zgk-documents-text); }
.zgk-documents a { color: inherit; text-decoration: none; }
.zgk-documents img { display: block; max-width: 100%; height: auto; }
.zgk-documents :focus-visible { outline: 3px solid rgba(82, 165, 26, .45); outline-offset: 4px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* Homepage hero */
.zgk-documents__hero {
	position: relative;
	margin: 0 calc(50% - 50vw) 34px;
	padding: 52px max(32px, calc((100vw - 1760px) / 2));
	overflow: hidden;
	background: radial-gradient(circle at 89% 38%, rgba(179, 221, 148, .28), transparent 25%), linear-gradient(112deg, #fff 2%, #fbfdff 52%, #f1f9ee 100%);
	border-block: 1px solid #edf2f5;
}
.zgk-documents__hero::before { position: absolute; left: -52px; top: 76px; width: 180px; height: 260px; content: ''; opacity: .5; background-image: radial-gradient(circle, #a4d886 1.5px, transparent 1.8px); background-size: 22px 22px; mask-image: linear-gradient(90deg, #000, transparent); }
.zgk-documents__hero-content { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(520px, 1fr); gap: clamp(36px, 5vw, 82px); align-items: center; max-width: 1760px; margin: 0 auto; }
.zgk-documents__hero-left { min-width: 0; }
.zgk-documents__breadcrumbs-list { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 0; margin: 0 0 44px; list-style: none; font-size: .875rem; font-weight: 500; }
.zgk-documents__breadcrumbs-item + .zgk-documents__breadcrumbs-item::before { margin-right: 10px; content: '›'; color: #89a0bf; }
.zgk-documents__breadcrumbs-link { color: #405a7e; }
.zgk-documents__breadcrumbs-link:hover { color: var(--zgk-documents-green); }
.zgk-documents__breadcrumbs-link i { margin-right: 9px; }
.zgk-documents__breadcrumbs-current, .zgk-documents__hero-label { display: inline-flex; align-items: center; gap: 8px; padding: 8px 15px; border: 1px solid #b7dea2; border-radius: 999px; color: #4f9d1d; background: rgba(255, 255, 255, .7); font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.zgk-documents__hero-label { margin-bottom: 18px; }
.zgk-documents__hero-label i { font-size: .95rem; }
.zgk-documents__title, .zgk-documents-category-header__title { margin: 0; color: var(--zgk-documents-navy); font-size: clamp(2.7rem, 5vw, 4.25rem); font-weight: 750; line-height: 1.06; letter-spacing: -.04em; }
.zgk-documents__description { max-width: 610px; margin: 20px 0 0; color: var(--zgk-documents-text); font-size: 1.05rem; line-height: 1.8; }
.zgk-documents__hero-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; max-width: 610px; margin-top: 36px; }
.zgk-documents__hero-stat { position: relative; min-height: 112px; padding: 22px 14px 20px 74px; border: 1px solid #edf0f2; border-radius: 17px; background: rgba(255, 255, 255, .9); box-shadow: 0 10px 24px rgba(20, 48, 86, .06); }
.zgk-documents__hero-stat-icon { position: absolute; left: 17px; top: 26px; display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: var(--zgk-documents-green); background: #eef8e9; }
.zgk-documents__hero-stat-icon svg { width: 25px; height: 25px; }
.zgk-documents__hero-stat:nth-child(2) .zgk-documents__hero-stat-icon { color: var(--zgk-documents-blue); background: #edf4ff; }
.zgk-documents__hero-stat:nth-child(3) .zgk-documents__hero-stat-icon { color: var(--zgk-documents-orange); background: #fff7e8; }
.zgk-documents__hero-stat-value { color: var(--zgk-documents-green); font-size: 1.75rem; font-weight: 750; line-height: 1; }
.zgk-documents__hero-stat:nth-child(2) .zgk-documents__hero-stat-value { color: var(--zgk-documents-blue); }
.zgk-documents__hero-stat:nth-child(3) .zgk-documents__hero-stat-value { color: var(--zgk-documents-orange); }
.zgk-documents__hero-stat-label { display: block; margin-top: 8px; font-size: .78rem; line-height: 1.35; }
.zgk-documents__hero-panel { display: none; }
.zgk-documents__hero-right { min-width: 0; }
.zgk-documents__hero-visual { position: relative; display: grid; place-items: center; min-height: 390px; }
.zgk-documents__hero-visual::before { display: none; }
.zgk-documents__hero-illustration { position: relative; z-index: 1; width: min(100%, 820px); filter: none; }
.zgk-documents__hero-decoration { position: absolute; z-index: 0; border-radius: 50%; background: #b9dfaa; opacity: .6; }
.zgk-documents__hero-decoration--one { width: 13px; height: 13px; top: 21%; left: 6%; }
.zgk-documents__hero-decoration--two { width: 8px; height: 8px; right: 4%; bottom: 27%; }
.zgk-documents__hero-badge { display: none; }

/* Category overview */
.zgk-documents__categories { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; width: min(calc(100% - 64px), 1760px); max-width: none; margin: 0 auto 64px; padding: 0; }
.zgk-documents__category { display: flex; flex-direction: column; min-width: 0; min-height: 302px; padding: 31px 24px 22px; border: 1px solid var(--zgk-documents-line); border-radius: 16px; background: #fff; box-shadow: 0 8px 22px rgba(20, 48, 86, .055); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.zgk-documents__category:hover { transform: translateY(-6px); border-color: #d7e7cf; box-shadow: var(--zgk-documents-shadow-hover); }
.zgk-documents__category { position: relative; }
.zgk-documents__category-overlay { position: absolute; z-index: 1; inset: 0; border-radius: inherit; }
.zgk-documents__category-footer { position: relative; z-index: 2; }
.zgk-documents__category-icon { display: grid; width: 108px; height: 108px; place-items: center; margin-bottom: 30px; border-radius: 50%; color: var(--zgk-category-color, var(--zgk-documents-green)); background: var(--zgk-category-tint, #eff8eb); }
.zgk-documents__category-icon svg { width: 64px !important; height: 64px !important; stroke-width: 1.6; }
.zgk-documents__category-icon > svg { display: none !important; }
.zgk-documents__category-icon::before { display: block; width: 60px; height: 60px; content: ''; background: currentColor; -webkit-mask: var(--zgk-category-icon) center / contain no-repeat; mask: var(--zgk-category-icon) center / contain no-repeat; }
.zgk-documents__category--cenniki { --zgk-category-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM14 2v6h6M8 13h8M8 17h6M8 9h2' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.zgk-documents__category--formularze { --zgk-category-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM14 2v6h6M8 13h8M8 17h8M8 9h3' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.zgk-documents__category--jakosc-wody { --zgk-category-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.7S5.3 10.2 5.3 15a6.7 6.7 0 0 0 13.4 0C18.7 10.2 12 2.7 12 2.7zM9.2 17.1c.6.8 1.6 1.3 2.8 1.3' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.zgk-documents__category--regulaminy { --zgk-category-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5.5A2.5 2.5 0 0 1 5.5 3H10v17H5.5A2.5 2.5 0 0 0 3 22zM21 5.5A2.5 2.5 0 0 0 18.5 3H14v17h4.5a2.5 2.5 0 0 1 2.5 2zM6 7h2M16 7h2' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.zgk-documents__category--taryfy { --zgk-category-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM14 2v6h6M8 13h7M8 17h5M8 9h2M15 15l2 2 3-4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.zgk-documents__category--zamowienia-publiczne { --zgk-category-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h14v17H5zM9 4V2h6v2M8 10h8M8 14h8M8 18h5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.zgk-documents__category-title { margin: 0; color: var(--zgk-category-color, var(--zgk-documents-navy)); font-size: 1.23rem; font-weight: 750; line-height: 1.2; }
.zgk-documents__category-description { display: none; }
.zgk-documents__category-count { display: block; margin-top: 23px; color: var(--zgk-documents-text); font-size: .94rem; line-height: 1.4; }
.zgk-documents__category-footer { margin-top: auto; padding-top: 22px; }
.zgk-documents__category-link { display: flex; align-items: center; justify-content: flex-end; color: var(--zgk-category-color, var(--zgk-documents-green)); font-size: 1.45rem; }
.zgk-documents__category-link span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
.zgk-documents__category-link i { transition: transform .22s ease; }
.zgk-documents__category:hover .zgk-documents__category-link i { transform: translateX(6px); }

/* Selected category, filters and list */
.zgk-documents-category-header { position: relative; margin: 0 calc(50% - 50vw) 28px; padding: 26px max(32px, calc((100vw - 1760px) / 2)) 30px; border-block: 1px solid #e5f1e0; background: radial-gradient(circle at 86% 42%, rgba(179, 221, 148, .26), transparent 29%), linear-gradient(112deg, #fff 2%, #fbfdff 52%, #f1f9ee 100%); }
.zgk-documents-category-header::before { position: absolute; left: -52px; top: 15px; width: 180px; height: 190px; content: ''; opacity: .45; background-image: radial-gradient(circle, #a4d886 1.5px, transparent 1.8px); background-size: 22px 22px; mask-image: linear-gradient(90deg, #000, transparent); }
.zgk-documents-category-header__top, .zgk-documents-category-header__body, .zgk-documents-category-header__footer { position: relative; max-width: 1760px; margin-inline: auto; }
.zgk-documents-category-header__back { display: inline-flex; gap: 9px; align-items: center; color: #437034; font-size: .9rem; font-weight: 700; }
.zgk-documents-category-header__body { display: flex; gap: 24px; align-items: center; margin-top: 16px; }
.zgk-documents-category-header__icon { display: grid; flex: 0 0 auto; width: 112px; height: 112px; place-items: center; border-radius: 50%; color: #4d9c1b; background: #eff8ea; }
.zgk-documents-category-header__icon::before { display: block; width: 62px; height: 62px; content: ''; background: currentColor; -webkit-mask: var(--zgk-category-icon) center / contain no-repeat; mask: var(--zgk-category-icon) center / contain no-repeat; }
.zgk-documents-category-header--formularze .zgk-documents-category-header__icon { color: #1464d2; background: #edf4ff; }
.zgk-documents-category-header--jakosc-wody .zgk-documents-category-header__icon { color: #148589; background: #ecf8f7; }
.zgk-documents-category-header--regulaminy .zgk-documents-category-header__icon { color: #ed9400; background: #fff6e6; }
.zgk-documents-category-header--taryfy .zgk-documents-category-header__icon { color: #7134bf; background: #f5effc; }
.zgk-documents-category-header__title { font-size: clamp(2.35rem, 4vw, 3.65rem); }
.zgk-documents-category-header__description { max-width: 720px; margin: 10px 0 0; color: var(--zgk-documents-text); line-height: 1.65; }
.zgk-documents-category-header__footer { margin-top: 14px; }
.zgk-documents-category-header__panel { display: inline-flex; gap: 9px; align-items: baseline; padding: 12px 16px; border: 1px solid #d9edd0; border-radius: 12px; color: #527548; background: rgba(255,255,255,.78); box-shadow: 0 8px 20px rgba(20, 48, 86, .05); }
.zgk-documents-category-header__panel-label { font-size: .85rem; }
.zgk-documents-category-header__panel-value { color: var(--zgk-documents-green); font-size: 1.35rem; }
.zgk-documents-category-header__panel-text { display: none; }
.zgk-documents__toolbar { display: flex; width: min(calc(100% - 64px), 1760px); max-width: none; margin: 0 auto 28px; padding: 18px; border: 1px solid var(--zgk-documents-line); border-radius: 16px; background: #fff; }
.zgk-documents__toolbar-row, .zgk-documents__toolbar-group, .zgk-documents__toolbar-left, .zgk-documents__toolbar-right, .zgk-documents__toolbar-actions, .zgk-documents__filters { display: flex; gap: 12px; align-items: center; }
.zgk-documents__toolbar-row, .zgk-documents__toolbar-group { width: 100%; min-width: 0; }
.zgk-documents__toolbar-left { flex: 1 1 260px; }
.zgk-documents__toolbar-right { margin-left: auto; }
.zgk-documents__search { position: relative; width: 100%; }
.zgk-documents__search-icon { position: absolute; z-index: 1; left: 15px; top: 50%; transform: translateY(-50%); color: #6d829f; }
.zgk-documents__search-input, .zgk-documents__filter select { width: 100%; min-height: 46px; padding: 0 14px; border: 1px solid #d9e3ed; border-radius: 10px; color: var(--zgk-documents-navy); background: #fff; }
.zgk-documents__search-input { padding-left: 43px; }
.zgk-documents__filter select { min-width: 155px; }
.zgk-document-card__button, .zgk-document-card__download { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 16px; border: 1px solid #b7dba6; border-radius: 10px; color: #39751c; background: #f5fbf2; font-size: .88rem; font-weight: 700; white-space: nowrap; transition: background .2s ease, transform .2s ease; }
.zgk-document-card__button:hover, .zgk-document-card__download:hover { background: #e9f6e3; transform: translateY(-2px); }
.zgk-documents__main, .zgk-documents__list { width: min(calc(100% - 64px), 1760px); max-width: none; margin: 0 auto; }
.zgk-documents__grid { display: grid; gap: 16px; }
.zgk-document-card { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; gap: 20px; align-items: center; padding: 21px 24px; border: 1px solid var(--zgk-documents-line); border-radius: 14px; background: #fff; box-shadow: 0 5px 15px rgba(20, 48, 86, .035); }
.zgk-document-card__icon { width: 58px; height: 58px; padding: 10px; border-radius: 12px; background: #f1f8ed; }
.zgk-document-card__icon-image { width: 100%; height: 100%; object-fit: contain; }
.zgk-document-card__header { display: flex; gap: 12px; align-items: center; }
.zgk-document-card__title { margin: 0; color: var(--zgk-documents-navy); font-size: 1.06rem; line-height: 1.3; }
.zgk-document-card__description { margin: 7px 0 0; font-size: .92rem; line-height: 1.55; }
.zgk-document-card__status { padding: 4px 8px; border-radius: 999px; background: #edf8e8; color: #498c24; font-size: .72rem; font-weight: 700; }
.zgk-document-card__status--archive { color: #697a91; background: #edf1f5; }
.zgk-document-card__status--withdrawn { color: #a04141; background: #fff0ef; }
.zgk-document-card__meta { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 11px; }
.zgk-document-card__meta-item { display: flex; gap: 5px; font-size: .78rem; }
.zgk-document-card__meta-label { color: #7387a2; }
.zgk-document-card__meta-value { color: #405775; font-weight: 600; }
.zgk-document-card__actions { align-self: center; }
.zgk-documents__list-footer { margin-top: 17px; color: #6f829d; font-size: .85rem; }
.zgk-documents-pagination { max-width: 1320px; margin: 32px auto 50px; }
.zgk-documents-pagination__inner .page-numbers { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; }
.zgk-documents-pagination__inner a, .zgk-documents-pagination__inner span { display: grid; min-width: 40px; height: 40px; padding: 0 12px; place-items: center; border: 1px solid var(--zgk-documents-line); border-radius: 9px; color: #48617f; }
.zgk-documents-pagination__inner .current { color: #fff; background: var(--zgk-documents-green); border-color: var(--zgk-documents-green); }
.zgk-documents__empty { max-width: 1320px; padding: 65px 24px; margin: 0 auto; text-align: center; border: 1px dashed #cbdcc3; border-radius: 16px; background: #fbfef9; }
.zgk-documents__empty-icon { color: var(--zgk-documents-green); font-size: 2rem; }
.zgk-documents__empty-title { margin: 14px 0 8px; color: var(--zgk-documents-navy); }
.zgk-documents__empty-text { max-width: 560px; margin: 0 auto; line-height: 1.65; }
.zgk-documents__empty-actions { margin-top: 22px; }

@media (max-width: 1100px) { .zgk-documents__categories { grid-template-columns: repeat(3, minmax(0, 1fr)); } .zgk-documents__hero-content { grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr); gap: 32px; } .zgk-documents__hero-stats { gap: 10px; } .zgk-documents__hero-stat { padding-left: 16px; padding-top: 72px; } .zgk-documents__hero-stat::before { top: 16px; } }
@media (max-width: 800px) { .zgk-documents__hero { padding-block: 38px; } .zgk-documents__hero-content { grid-template-columns: 1fr; } .zgk-documents__hero-right { order: -1; } .zgk-documents__hero-visual { min-height: 265px; max-width: 440px; margin: 0 auto; } .zgk-documents__breadcrumbs-list { margin-bottom: 28px; } .zgk-documents__categories { width: calc(100% - 40px); gap: 16px; } .zgk-documents__toolbar { width: calc(100% - 40px); } .zgk-documents__toolbar-group, .zgk-documents__toolbar-row, .zgk-documents__toolbar-actions { flex-wrap: wrap; } .zgk-documents__toolbar-right { width: 100%; margin-left: 0; } .zgk-documents-category-header { padding-inline: 20px; } .zgk-documents-category-header__body { flex-direction: column; align-items: flex-start; } .zgk-documents__main, .zgk-documents__list, .zgk-documents-pagination { margin-inline: 20px; } }
@media (max-width: 560px) { .zgk-documents__hero { margin-bottom: 24px; padding-inline: 20px; } .zgk-documents__hero-stats { grid-template-columns: 1fr; } .zgk-documents__hero-stat { min-height: 82px; padding: 19px 16px 16px 73px; } .zgk-documents__hero-stat::before { top: 20px; } .zgk-documents__categories { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-inline: 14px; gap: 12px; } .zgk-documents__category { min-height: 228px; padding: 20px 15px 16px; } .zgk-documents__category-icon { width: 68px; height: 68px; margin-bottom: 18px; font-size: 1.6rem; } .zgk-documents__category-title { font-size: 1rem; } .zgk-documents__category-count { margin-top: 14px; font-size: .82rem; } .zgk-documents-category-header__illustration { display: block; max-width: 440px; margin: 0 auto; } .zgk-documents__filter { flex: 1 1 100%; } .zgk-documents__filter select { min-width: 0; } .zgk-documents__toolbar-actions > * { flex: 1 1 auto; } .zgk-document-card { grid-template-columns: 48px minmax(0, 1fr); gap: 14px; padding: 17px; } .zgk-document-card__icon { width: 48px; height: 48px; } .zgk-document-card__actions { grid-column: 1 / -1; } .zgk-document-card__download { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .zgk-documents *, .zgk-documents *::before, .zgk-documents *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }
@media (min-width: 901px) { .zgk-documents__hero { min-height: 430px; padding-block: 0; background: linear-gradient(90deg, #fff 0%, #f7fcf8 43%, #eff9f3 53%, #eff9f3 100%); } .zgk-documents__hero-content { min-height: 430px; grid-template-columns: 1fr 1fr; gap: 0; } .zgk-documents__hero-visual { min-height: 430px; align-self: stretch; overflow: hidden; background: #eff9f3; } .zgk-documents__hero-illustration { width: 100%; height: 430px; object-fit: cover; object-position: 63% 52%; } }

/* Five library categories: fill the content width without an empty sixth slot. */
@media (min-width: 901px) {
  .zgk-documents__categories { width: min(1760px, calc(100% - 80px)); }
}
@media (max-width: 1100px) and (min-width: 561px) {
  .zgk-documents__categories { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .zgk-documents__categories > * { grid-column: span 2; }
  .zgk-documents__categories > :nth-child(4):nth-last-child(2) { grid-column: 2 / span 2; }
}
@media (max-width: 560px) {
  .zgk-documents__categories { width: calc(100% - 32px); padding-inline: 0; }
  .zgk-documents__categories > :last-child:nth-child(odd) { grid-column: 1 / -1; width: calc((100% - 12px) / 2); justify-self: center; }
}
@media (min-width: 901px) { .zgk-documents .zgk-illustrated-hero__image { height:100%; width:auto; } }