.resources-list-block,
.ujc-shortcode-resources-list {
margin: var(--container-margin, 20px 0) !important;
box-sizing: border-box;
} .resources-table {
width: 100%;
border-collapse: collapse;
margin: 0;
min-width: var(--table-min-width, 600px);
}
.resources-table th,
.resources-table td {
padding: var(--table-padding, 12px 15px) !important;
text-align: left;
} .resources-table th {
background-color: var(--header-bg-color, #f9f9f9);
color: var(--header-text-color, #333333) !important;
font-family: var(--header-font-family, inherit);
} .resources-list-block .resources-table th,
.ujc-shortcode-resources-list .resources-table th,
.resources-table th.sortable-header {
color: var(--header-text-color, #333333) !important;
}
.resources-table td {
color: var(--text-color, #333333);
font-family: var(--content-font-family, inherit);
}
.resources-table tbody tr:hover {
background-color: var(--hover-bg-color, #f5f5f5);
} .ujc-historia-btn,
.ujc-karta-btn {
border: var(--button-border-width, 0) solid var(--button-border-color, transparent);
padding: var(--button-padding, 6px 12px);
border-radius: var(--button-border-radius, 4px);
cursor: pointer;
font-size: var(--button-font-size, 0.875em);
font-weight: var(--button-font-weight, normal);
transition: var(--button-transition, all 0.2s ease);
} .ujc-historia-btn {
background-color: var(--historia-btn-bg-color, #007cba);
color: var(--historia-btn-text-color, #ffffff);
}
.ujc-historia-btn:hover {
opacity: 0.8;
transform: var(--button-hover-transform, none);
box-shadow: var(--button-hover-box-shadow, none);
}
.ujc-historia-btn:focus {
outline: var(--focus-outline-width, 2px) solid var(--focus-outline-color, #007cba);
outline-offset: var(--focus-outline-offset, 2px);
} .ujc-karta-btn,
.download-floorplan-btn {
background-color: var(--karta-btn-bg-color, #007cba);
color: var(--karta-btn-text-color, #ffffff);
}
.ujc-karta-btn:hover,
.download-floorplan-btn:hover {
opacity: 0.8;
transform: var(--button-hover-transform, none);
box-shadow: var(--button-hover-box-shadow, none);
} .resources-list-block [class*="ujc-status-"],
.ujc-shortcode-resources-list [class*="ujc-status-"] {
padding: var(--status-padding, 4px 8px);
border-radius: var(--status-border-radius, 4px);
font-size: var(--status-font-size, 0.875em);
font-weight: var(--status-font-weight, normal);
}
.ujc-status-available {
background-color: var(--status-available-bg, #28a745);
color: var(--status-available-color, #ffffff);
}
.ujc-status-sold {
background-color: var(--status-sold-bg, #dc3545);
color: var(--status-sold-color, #ffffff);
}
.ujc-status-reserved {
background-color: var(--status-reserved-bg, #ffc107);
color: var(--status-reserved-color, #000000);
} .price-history-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--modal-overlay-color, rgba(0, 0, 0, 0.5));
z-index: var(--modal-z-index, 10000);
display: flex;
align-items: center;
justify-content: center;
animation: modalFadeIn var(--modal-animation-duration, 0.3s) ease;
}
@keyframes modalFadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.modal-content {
background: var(--modal-background-color, white);
border-radius: var(--modal-border-radius, 8px);
max-width: var(--modal-max-width, 600px);
width: 90%;
max-height: 80vh;
overflow-y: auto;
position: relative;
box-shadow: var(--modal-box-shadow, 0 10px 30px rgba(0,0,0,0.3));
animation: modalSlideIn var(--modal-animation-duration, 0.3s) ease;
}
@keyframes modalSlideIn {
from { transform: scale(0.8) translateY(-20px); opacity: 0; }
to { transform: scale(1) translateY(0); opacity: 1; }
}
.modal-header {
padding: var(--modal-padding, 20px);
border-bottom: 1px solid var(--modal-header-border-color, #dee2e6);
display: flex;
justify-content: space-between;
align-items: center;
}
.modal-header h3 {
margin: 0;
}
.modal-close {
background: none;
border: none;
font-size: 24px;
cursor: pointer;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
color: var(--modal-close-btn-color, #666666);
transition: color 0.2s ease;
}
.modal-close:hover {
border-radius: 50%;
color: var(--modal-close-btn-hover-color, #000000);
background-color: rgba(0,0,0,0.1);
}
.modal-close:focus {
outline: var(--focus-outline-width, 2px) solid var(--focus-outline-color, #007cba);
outline-offset: var(--focus-outline-offset, 2px);
}
.modal-body {
padding: var(--modal-padding, 20px);
}
#history-loading {
text-align: center;
padding: 40px;
color: #666;
}
.history-entry {
border-bottom: 1px solid #eee;
padding: 15px 0;
}
.history-entry:last-child {
border-bottom: none;
}
.history-date {
font-weight: bold;
color: #333;
margin-bottom: 8px;
}
.history-change {
margin: 5px 0;
padding: 5px 0;
}
.history-change-type {
font-weight: 500;
color: #666;
}
.price-change {
margin-left: 10px;
}
.price-old {
text-decoration: line-through;
color: #999;
}
.price-new {
color: #007cba;
font-weight: 500;
}  .resources-list-block [class*="ujc-status-"].ujc-status-style-badge,
.ujc-shortcode-resources-list [class*="ujc-status-"].ujc-status-style-badge {
border: 1px solid rgba(0,0,0,0.1);
} .resources-list-block [class*="ujc-status-"].ujc-status-style-pill,
.ujc-shortcode-resources-list [class*="ujc-status-"].ujc-status-style-pill {
border-radius: 50px !important;
border: none;
} .resources-list-block [class*="ujc-status-"].ujc-status-style-highlight,
.ujc-shortcode-resources-list [class*="ujc-status-"].ujc-status-style-highlight {
opacity: 0.9;
font-weight: bold;
} .resources-list-block [class*="ujc-status-"].ujc-status-style-underline,
.ujc-shortcode-resources-list [class*="ujc-status-"].ujc-status-style-underline {
background-color: transparent !important;
border-bottom: 2px solid currentColor;
border-radius: 0 !important;
padding-top: 2px;
padding-bottom: 2px;
} .resources-list-block [class*="ujc-status-"].ujc-status-style-plain,
.ujc-shortcode-resources-list [class*="ujc-status-"].ujc-status-style-plain {
background-color: transparent !important;
border: none;
border-radius: 0 !important;
padding: 0;
} @media (max-width: 768px) {
.resources-table {
font-size: 0.875em;
}
.resources-table th,
.resources-table td {
padding: var(--table-padding, 12px 15px) !important;
}
.resources-table th:nth-child(2),
.resources-table td:nth-child(2) {
display: none;
}
}
@media (max-width: 480px) {
.resources-table th,
.resources-table td {
padding: var(--table-padding, 12px 15px) !important;
font-size: 0.8em;
}
.resources-table th:nth-child(4),
.resources-table td:nth-child(4) {
display: none;
}
} .components-panel__body .column-item {
transition: all 0.2s ease;
user-select: none;
}
.components-panel__body .column-item:hover {
border-color: #007cba !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transform: translateY(-1px);
}
.components-panel__body .column-item.dragging {
opacity: 0.6;
transform: rotate(2deg);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 1000;
}
.components-panel__body .column-item.drag-over {
border-color: #00a32a !important;
background-color: #e7f7e3 !important;
border-style: dashed;
} .components-panel__body .column-item span[style*="cursor: grab"]:hover {
color: #007cba !important;
}
.components-panel__body .column-item span[style*="cursor: grab"]:active {
cursor: grabbing !important;
color: #005a87 !important;
} .components-panel__body .column-item button[title="Usuń kolumnę"]:hover {
background-color: #b32d2e !important;
transform: scale(1.1);
} .components-panel__body .column-item input:focus {
border-color: #007cba !important;
box-shadow: 0 0 0 1px #007cba;
outline: none;
} .components-panel__body button[title="Dodaj kolumnę"]:hover {
background-color: #007cba !important;
color: white !important;
border-color: #005a87 !important;
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.components-panel__body button[title="Dodaj kolumnę"]:active {
transform: translateY(0);
box-shadow: none;
} .resources-list-block-placeholder {
transition: all 0.3s ease;
}
.resources-list-block-placeholder:hover {
border-color: #007cba !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
} .components-panel__body p[style*="fontStyle: italic"] {
padding: 12px;
background-color: #f0f0f1;
border-radius: 4px;
border-left: 3px solid #ddd;
} .components-panel__body div[style*="grid-template-columns"] button {
transition: all 0.2s ease;
} .sortable-header {
position: relative;
user-select: none;
transition: background-color 0.2s ease;
}
.sortable-header:hover {
background-color: color-mix(in srgb, var(--header-bg-color, #f9f9f9) 85%, black 15%) !important;
}
.sort-indicator {
position: absolute;
bottom: 2px;
right: 4px;
font-size: 10px;
opacity: 0.4;
transition: opacity 0.2s ease, color 0.2s ease;
line-height: 1;
color: var(--header-text-color, #333333);
}
.sortable-header:hover .sort-indicator {
opacity: 0.7;
}
.sort-indicator.active {
opacity: 1;
color: var(--apply-btn-bg-color, #007cba);
} .sortable-header:focus {
outline: 2px solid var(--apply-btn-bg-color, #007cba);
outline-offset: 2px;
} .components-panel__body.is-saving {
pointer-events: none;
opacity: 0.7;
}
.components-panel__body.is-saving::after {
content: "Zapisywanie...";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, 0.9);
padding: 8px 12px;
border-radius: 4px;
font-size: 12px;
color: #666;
}.resource-cards-grid {
display: grid;
gap: var(--card-gap, 20px);
margin: var(--container-margin, 20px 0);
width: 100%;
} .cards-per-row-2 {
grid-template-columns: repeat(2, 1fr);
}
.cards-per-row-3 {
grid-template-columns: repeat(3, 1fr);
}
.cards-per-row-4 {
grid-template-columns: repeat(4, 1fr);
}
.cards-per-row-6 {
grid-template-columns: repeat(6, 1fr);
} .resource-card {
background: var(--card-bg-color, #ffffff);
border: 1px solid var(--card-border-color, #e1e5e9);
border-radius: var(--card-border-radius, 8px);
padding: var(--card-padding, 16px);
box-shadow: var(--card-shadow, 0 2px 4px rgba(0,0,0,0.1));
font-family: var(--content-font-family, inherit);
color: var(--text-color, #333);
position: relative;
transition: box-shadow 0.2s ease, transform 0.2s ease;
display: flex;
flex-direction: column;
min-height: 200px;
}
.resource-card:hover {
box-shadow: var(--card-hover-shadow, 0 4px 12px rgba(0,0,0,0.15));
transform: translateY(-2px);
} .resource-card.clickable-card {
cursor: pointer;
}
.resource-card.clickable-card:hover {
transform: translateY(-3px);
} .card-header {
margin-bottom: 16px;
position: relative;
min-height: 50px;
}
.card-title-area {
padding-right: 100px; }
.card-title {
margin: 0;
font-size: 1.1em;
font-weight: 600;
color: var(--text-color, #333);
font-family: var(--content-font-family, inherit);
line-height: 1.3;
word-break: break-word;
} .status-badge-fixed {
position: absolute;
top: 0;
right: 0;
} .resource-cards-grid [class*="ujc-status-"] {
display: inline-block;
font-size: var(--status-font-size, 0.875em);
padding: var(--status-padding, 4px 8px);
border-radius: var(--status-border-radius, 4px);
font-weight: var(--status-font-weight, normal);
text-transform: capitalize;
white-space: nowrap;
} .resource-cards-grid .ujc-status-available {
background-color: var(--status-available-bg, #28a745);
color: var(--status-available-color, #ffffff);
}
.resource-cards-grid .ujc-status-sold {
background-color: var(--status-sold-bg, #dc3545);
color: var(--status-sold-color, #ffffff);
}
.resource-cards-grid .ujc-status-reserved {
background-color: var(--status-reserved-bg, #ffc107);
color: var(--status-reserved-color, #000000);
} .resource-cards-grid [class*="ujc-status-"].ujc-status-style-badge {
border: 1px solid rgba(0,0,0,0.1);
}
.resource-cards-grid [class*="ujc-status-"].ujc-status-style-pill {
border-radius: 50px !important;
border: none;
}
.resource-cards-grid [class*="ujc-status-"].ujc-status-style-highlight {
opacity: 0.9;
font-weight: bold;
}
.resource-cards-grid [class*="ujc-status-"].ujc-status-style-underline {
background-color: transparent !important;
border-bottom: 2px solid currentColor;
border-radius: 0 !important;
padding-bottom: 2px;
}
.resource-cards-grid [class*="ujc-status-"].ujc-status-style-plain {
background-color: transparent !important;
border: none;
border-radius: 0 !important;
padding: 0;
} .card-body {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
}
.card-field {
display: flex;
justify-content: space-between;
align-items: center;
padding: 6px 0;
border-bottom: 1px solid #f0f0f0;
font-size: 0.9em;
}
.card-field:last-child {
border-bottom: none;
}
.field-label {
font-weight: 500;
color: #666;
flex-shrink: 0;
margin-right: 12px;
}
.field-value {
font-weight: 600;
color: var(--text-color, #333);
text-align: right;
word-break: break-word;
} .card-field.price-field .field-value {
font-weight: 700;
} .card-field.area-field .field-value {
font-weight: 600;
} .card-field.card-action {
justify-content: center;
border-bottom: none;
padding-top: 12px;
} .card-field.card-action .ujc-historia-btn {
background: var(--historia-btn-bg-color, #007cba);
color: var(--historia-btn-text-color, #ffffff);
border: none;
padding: 8px 16px;
border-radius: 4px;
text-decoration: none;
font-size: 0.85em;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s ease, transform 0.1s ease;
display: inline-block;
text-align: center;
min-width: 120px;
}
.card-field.card-action .ujc-historia-btn:hover {
background: color-mix(in srgb, var(--historia-btn-bg-color, #007cba) 85%, black);
transform: translateY(-1px);
} .card-field.card-action .ujc-karta-btn,
.card-field.card-action .download-floorplan-btn {
background: var(--karta-btn-bg-color, #007cba);
color: var(--karta-btn-text-color, #ffffff);
border: none;
padding: 8px 16px;
border-radius: 4px;
text-decoration: none;
font-size: 0.85em;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s ease, transform 0.1s ease;
display: inline-block;
text-align: center;
min-width: 120px;
}
.card-field.card-action .ujc-karta-btn:hover,
.card-field.card-action .download-floorplan-btn:hover {
background: color-mix(in srgb, var(--karta-btn-bg-color, #007cba) 85%, black);
transform: translateY(-1px);
} @media (max-width: 1024px) {
.cards-per-row-4 {
grid-template-columns: repeat(3, 1fr);
}
.cards-per-row-6 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.resource-cards-grid {
grid-template-columns: 1fr !important;
gap: calc(var(--card-gap, 20px) * 0.8);
}
.card-title-area {
padding-right: 80px;
}
.card-title {
font-size: 1em;
}
.card-field {
font-size: 0.85em;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.field-value {
text-align: left;
font-weight: 700;
}
}
@media (max-width: 480px) {
.resource-card {
padding: calc(var(--card-padding, 16px) * 0.8);
}
.card-title {
font-size: 0.95em;
}
.status-badge {
font-size: 0.75em;
padding: 3px 6px;
}
.card-field.card-action button,
.card-field.card-action a {
padding: 6px 12px;
font-size: 0.8em;
min-width: 100px;
}
} .resource-cards-grid.loading {
opacity: 0.6;
pointer-events: none;
}
.resource-cards-grid.loading::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
border: 3px solid #f3f3f3;
border-top: 3px solid var(--historia-btn-bg-color, #007cba);
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .price-history-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: var(--modal-z-index, 10000);
display: flex;
align-items: center;
justify-content: center;
}
.price-history-modal .modal-content {
background: var(--modal-background-color, #ffffff);
border-radius: var(--modal-border-radius, 8px);
max-width: var(--modal-max-width, 600px);
width: 90%;
padding: var(--modal-padding, 20px);
box-shadow: var(--modal-box-shadow, 0 10px 30px rgba(0,0,0,0.3));
max-height: 80vh;
overflow-y: auto;
}
.price-history-modal .modal-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid var(--modal-header-border-color, #dee2e6);
}
.price-history-modal .modal-header h3 {
margin: 0;
color: var(--text-color, #333);
}
.price-history-modal .close {
font-size: 24px;
font-weight: bold;
cursor: pointer;
color: var(--modal-close-btn-color, #666666);
transition: color 0.2s ease;
}
.price-history-modal .close:hover {
color: var(--modal-close-btn-hover-color, #000000);
}.resources-filters-widget {
margin: var(--widget-margin, 20px 0);
padding: var(--widget-padding, 20px);
border: var(--widget-border-width, 1px) solid var(--border-color, #e1e5e9);
border-radius: var(--widget-border-radius, 8px);
background-color: var(--header-bg-color, #ffffff);
font-family: var(--content-font-family, inherit);
}
.resources-filters-widget h3 {
margin: 0 0 var(--title-margin-bottom, 16px) 0;
font-size: var(--widget-title-font-size, 1.2em);
color: var(--header-text-color, #333);
font-family: var(--header-font-family, inherit);
border-bottom: 2px solid var(--widget-title-border-color, #f0f0f1);
padding-bottom: var(--title-padding-bottom, 8px);
} #resources-filters-form {
display: flex;
flex-direction: column;
gap: var(--filters-gap, 16px);
}
.filters-container {
display: grid;
gap: var(--filters-container-gap, 12px);
} .filter-group {
padding: var(--filter-group-padding, 12px);
border: 1px solid var(--filter-group-border-color, #f0f0f1);
border-radius: var(--filter-group-border-radius, 6px);
background-color: var(--group-bg-color, #fafafa);
color: var(--text-color, #333);
font-family: var(--content-font-family, inherit);
transition: all 0.2s ease;
}
.filter-group:hover {
border-color: var(--apply-btn-bg-color, #007cba);
background-color: var(--group-hover-bg-color, #f8f9fa);
}
.filter-label {
display: flex;
align-items: center;
cursor: pointer;
font-weight: 500;
line-height: 1.4;
}
.filter-checkbox {
margin: 0 12px 0 0;
transform: scale(1.1);
accent-color: var(--apply-btn-bg-color, #007cba);
}
.filter-text {
flex: 1;
color: var(--text-color, #333);
}
.filter-help {
margin: 8px 0 0 28px;
font-size: var(--help-text-font-size, 0.85em);
color: var(--help-text-color, #666);
font-style: italic;
} .filters-actions {
display: flex;
gap: var(--actions-gap, 12px);
justify-content: flex-start;
padding-top: var(--actions-padding-top, 16px);
border-top: 1px solid var(--actions-border-color, #f0f0f1);
}
.apply-filters-btn,
.clear-filters-btn {
padding: var(--button-padding, 10px 20px);
border: none;
border-radius: var(--button-border-radius, 5px);
font-size: var(--button-font-size, 0.95em);
font-weight: var(--button-font-weight, 500);
cursor: pointer;
transition: var(--button-transition, all 0.2s ease);
text-decoration: none;
display: inline-block;
}
.apply-filters-btn {
background-color: var(--apply-btn-bg-color, #007cba);
color: var(--apply-btn-text-color, #ffffff);
}
.apply-filters-btn:hover {
background-color: #005a87; background-color: color-mix(in srgb, var(--apply-btn-bg-color, #007cba) 80%, black 20%);
transform: var(--button-hover-transform, translateY(-1px));
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.clear-filters-btn {
background-color: var(--clear-btn-bg-color, #f6f7f7);
color: var(--clear-btn-text-color, #50575e);
border: 1px solid #c3c4c7; border: 1px solid color-mix(in srgb, var(--clear-btn-bg-color, #f6f7f7) 70%, black 30%);
}
.clear-filters-btn:hover {
background-color: #f0f0f1; background-color: color-mix(in srgb, var(--clear-btn-bg-color, #f6f7f7) 90%, black 10%);
border-color: #8c8f94; border-color: color-mix(in srgb, var(--clear-btn-bg-color, #f6f7f7) 50%, black 50%);
} @media (max-width: 768px) {
.resources-filters-widget {
padding: 16px;
margin: 16px 0;
}
.filters-actions {
flex-direction: column;
}
.apply-filters-btn,
.clear-filters-btn {
width: 100%;
text-align: center;
}
.filter-help {
margin-left: 0;
margin-top: 8px;
}
}
@media (max-width: 480px) {
.resources-filters-widget {
padding: 12px;
}
.filter-group {
padding: 8px;
}
.filter-text {
font-size: 0.9em;
}
.filter-help {
font-size: 0.8em;
}
} .resources-filters-block-placeholder {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.resources-filters-block-placeholder h3 {
color: #1e1e1e;
font-weight: 600;
}
.resources-filters-block-placeholder ul {
list-style-type: none;
padding: 0;
margin: 8px 0;
}
.resources-filters-block-placeholder li {
padding: 4px 0;
color: #007cba;
font-weight: 500;
}
.resources-filters-block-placeholder li:before {
content: "✓ ";
color: #00a32a;
font-weight: bold;
} .resources-filters-widget.loading {
opacity: 0.7;
pointer-events: none;
}
.resources-filters-widget.loading::after {
content: "Stosowanie filtrów...";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, 0.9);
padding: 8px 12px;
border-radius: 4px;
font-size: 12px;
color: #666;
border: 1px solid #ddd;
} .filter-checkbox:focus {
outline: var(--focus-outline-width, 2px) solid var(--focus-outline-color, #007cba);
outline-offset: var(--focus-outline-offset, 2px);
}
.filter-label:focus-within {
outline: 1px solid var(--focus-outline-color, #007cba);
outline-offset: var(--focus-outline-offset, 2px);
border-radius: 3px;
}
.apply-filters-btn:focus,
.clear-filters-btn:focus {
outline: var(--focus-outline-width, 2px) solid var(--focus-outline-color, #007cba);
outline-offset: var(--focus-outline-offset, 2px);
} .filter-group.has-active-filter {
border-color: var(--apply-btn-bg-color, #007cba);
background-color: color-mix(in srgb, var(--apply-btn-bg-color, #007cba) 10%, white 90%);
}
.filter-group.has-active-filter .filter-text {
color: var(--apply-btn-bg-color, #007cba);
font-weight: 600;
} .filter-group {
transition: border-color 0.2s ease, background-color 0.2s ease;
}
.filters-container {
transition: all 0.3s ease;
} @media (min-width: 769px) {
.filters-container {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.filters-actions {
justify-content: flex-end;
}
} .filter-section {
margin: 20px 0 12px 0;
}
.section-title {
margin: 0 0 8px 0;
padding: 0 0 6px 0;
font-size: var(--section-title-font-size, 1.1em);
font-weight: 600;
border-bottom: 2px solid var(--section-title-border-color, #f0f0f1);
color: var(--header-text-color, #333);
font-family: var(--header-font-family, inherit);
}
.filter-section:first-child {
margin-top: 0;
} .sidebar .resources-filters-widget,
.widget-area .resources-filters-widget {
padding: 16px;
margin: 0 0 20px 0;
}
.sidebar .filters-container,
.widget-area .filters-container {
grid-template-columns: 1fr;
gap: 8px;
}
.sidebar .filter-group,
.widget-area .filter-group {
padding: 8px;
}
.sidebar .filter-help,
.widget-area .filter-help {
display: none; }
.sidebar .section-title,
.widget-area .section-title {
font-size: 1em;
margin-bottom: 6px;
}.resources-list-block,
.ujc-shortcode-resources-list {
margin: var(--container-margin, 20px 0) !important;
box-sizing: border-box;
} .resources-table {
width: 100%;
border-collapse: collapse;
margin: 0;
min-width: var(--table-min-width, 600px);
}
.resources-table th,
.resources-table td {
padding: var(--table-padding, 12px 15px) !important;
text-align: left;
} .resources-table th {
background-color: var(--header-bg-color, #f9f9f9);
color: var(--header-text-color, #333333) !important;
font-family: var(--header-font-family, inherit);
} .resources-list-block .resources-table th,
.ujc-shortcode-resources-list .resources-table th,
.resources-table th.sortable-header {
color: var(--header-text-color, #333333) !important;
}
.resources-table td {
color: var(--text-color, #333333);
font-family: var(--content-font-family, inherit);
}
.resources-table tbody tr:hover {
background-color: var(--hover-bg-color, #f5f5f5);
} .ujc-historia-btn,
.ujc-karta-btn {
border: var(--button-border-width, 0) solid var(--button-border-color, transparent);
padding: var(--button-padding, 6px 12px);
border-radius: var(--button-border-radius, 4px);
cursor: pointer;
font-size: var(--button-font-size, 0.875em);
font-weight: var(--button-font-weight, normal);
transition: var(--button-transition, all 0.2s ease);
} .ujc-historia-btn {
background-color: var(--historia-btn-bg-color, #007cba);
color: var(--historia-btn-text-color, #ffffff);
}
.ujc-historia-btn:hover {
opacity: 0.8;
transform: var(--button-hover-transform, none);
box-shadow: var(--button-hover-box-shadow, none);
}
.ujc-historia-btn:focus {
outline: var(--focus-outline-width, 2px) solid var(--focus-outline-color, #007cba);
outline-offset: var(--focus-outline-offset, 2px);
} .ujc-karta-btn,
.download-floorplan-btn {
background-color: var(--karta-btn-bg-color, #007cba);
color: var(--karta-btn-text-color, #ffffff);
}
.ujc-karta-btn:hover,
.download-floorplan-btn:hover {
opacity: 0.8;
transform: var(--button-hover-transform, none);
box-shadow: var(--button-hover-box-shadow, none);
} .resources-list-block [class*="ujc-status-"],
.ujc-shortcode-resources-list [class*="ujc-status-"] {
padding: var(--status-padding, 4px 8px);
border-radius: var(--status-border-radius, 4px);
font-size: var(--status-font-size, 0.875em);
font-weight: var(--status-font-weight, normal);
}
.ujc-status-available {
background-color: var(--status-available-bg, #28a745);
color: var(--status-available-color, #ffffff);
}
.ujc-status-sold {
background-color: var(--status-sold-bg, #dc3545);
color: var(--status-sold-color, #ffffff);
}
.ujc-status-reserved {
background-color: var(--status-reserved-bg, #ffc107);
color: var(--status-reserved-color, #000000);
} .price-history-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--modal-overlay-color, rgba(0, 0, 0, 0.5));
z-index: var(--modal-z-index, 10000);
display: flex;
align-items: center;
justify-content: center;
animation: modalFadeIn var(--modal-animation-duration, 0.3s) ease;
}
@keyframes modalFadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.modal-content {
background: var(--modal-background-color, white);
border-radius: var(--modal-border-radius, 8px);
max-width: var(--modal-max-width, 600px);
width: 90%;
max-height: 80vh;
overflow-y: auto;
position: relative;
box-shadow: var(--modal-box-shadow, 0 10px 30px rgba(0,0,0,0.3));
animation: modalSlideIn var(--modal-animation-duration, 0.3s) ease;
}
@keyframes modalSlideIn {
from { transform: scale(0.8) translateY(-20px); opacity: 0; }
to { transform: scale(1) translateY(0); opacity: 1; }
}
.modal-header {
padding: var(--modal-padding, 20px);
border-bottom: 1px solid var(--modal-header-border-color, #dee2e6);
display: flex;
justify-content: space-between;
align-items: center;
}
.modal-header h3 {
margin: 0;
}
.modal-close {
background: none;
border: none;
font-size: 24px;
cursor: pointer;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
color: var(--modal-close-btn-color, #666666);
transition: color 0.2s ease;
}
.modal-close:hover {
border-radius: 50%;
color: var(--modal-close-btn-hover-color, #000000);
background-color: rgba(0,0,0,0.1);
}
.modal-close:focus {
outline: var(--focus-outline-width, 2px) solid var(--focus-outline-color, #007cba);
outline-offset: var(--focus-outline-offset, 2px);
}
.modal-body {
padding: var(--modal-padding, 20px);
}
#history-loading {
text-align: center;
padding: 40px;
color: #666;
}
.history-entry {
border-bottom: 1px solid #eee;
padding: 15px 0;
}
.history-entry:last-child {
border-bottom: none;
}
.history-date {
font-weight: bold;
color: #333;
margin-bottom: 8px;
}
.history-change {
margin: 5px 0;
padding: 5px 0;
}
.history-change-type {
font-weight: 500;
color: #666;
}
.price-change {
margin-left: 10px;
}
.price-old {
text-decoration: line-through;
color: #999;
}
.price-new {
color: #007cba;
font-weight: 500;
}  .resources-list-block [class*="ujc-status-"].ujc-status-style-badge,
.ujc-shortcode-resources-list [class*="ujc-status-"].ujc-status-style-badge {
border: 1px solid rgba(0,0,0,0.1);
} .resources-list-block [class*="ujc-status-"].ujc-status-style-pill,
.ujc-shortcode-resources-list [class*="ujc-status-"].ujc-status-style-pill {
border-radius: 50px !important;
border: none;
} .resources-list-block [class*="ujc-status-"].ujc-status-style-highlight,
.ujc-shortcode-resources-list [class*="ujc-status-"].ujc-status-style-highlight {
opacity: 0.9;
font-weight: bold;
} .resources-list-block [class*="ujc-status-"].ujc-status-style-underline,
.ujc-shortcode-resources-list [class*="ujc-status-"].ujc-status-style-underline {
background-color: transparent !important;
border-bottom: 2px solid currentColor;
border-radius: 0 !important;
padding-top: 2px;
padding-bottom: 2px;
} .resources-list-block [class*="ujc-status-"].ujc-status-style-plain,
.ujc-shortcode-resources-list [class*="ujc-status-"].ujc-status-style-plain {
background-color: transparent !important;
border: none;
border-radius: 0 !important;
padding: 0;
} @media (max-width: 768px) {
.resources-table {
font-size: 0.875em;
}
.resources-table th,
.resources-table td {
padding: var(--table-padding, 12px 15px) !important;
}
.resources-table th:nth-child(2),
.resources-table td:nth-child(2) {
display: none;
}
}
@media (max-width: 480px) {
.resources-table th,
.resources-table td {
padding: var(--table-padding, 12px 15px) !important;
font-size: 0.8em;
}
.resources-table th:nth-child(4),
.resources-table td:nth-child(4) {
display: none;
}
} .components-panel__body .column-item {
transition: all 0.2s ease;
user-select: none;
}
.components-panel__body .column-item:hover {
border-color: #007cba !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transform: translateY(-1px);
}
.components-panel__body .column-item.dragging {
opacity: 0.6;
transform: rotate(2deg);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 1000;
}
.components-panel__body .column-item.drag-over {
border-color: #00a32a !important;
background-color: #e7f7e3 !important;
border-style: dashed;
} .components-panel__body .column-item span[style*="cursor: grab"]:hover {
color: #007cba !important;
}
.components-panel__body .column-item span[style*="cursor: grab"]:active {
cursor: grabbing !important;
color: #005a87 !important;
} .components-panel__body .column-item button[title="Usuń kolumnę"]:hover {
background-color: #b32d2e !important;
transform: scale(1.1);
} .components-panel__body .column-item input:focus {
border-color: #007cba !important;
box-shadow: 0 0 0 1px #007cba;
outline: none;
} .components-panel__body button[title="Dodaj kolumnę"]:hover {
background-color: #007cba !important;
color: white !important;
border-color: #005a87 !important;
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.components-panel__body button[title="Dodaj kolumnę"]:active {
transform: translateY(0);
box-shadow: none;
} .resources-list-block-placeholder {
transition: all 0.3s ease;
}
.resources-list-block-placeholder:hover {
border-color: #007cba !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
} .components-panel__body p[style*="fontStyle: italic"] {
padding: 12px;
background-color: #f0f0f1;
border-radius: 4px;
border-left: 3px solid #ddd;
} .components-panel__body div[style*="grid-template-columns"] button {
transition: all 0.2s ease;
} .sortable-header {
position: relative;
user-select: none;
transition: background-color 0.2s ease;
}
.sortable-header:hover {
background-color: color-mix(in srgb, var(--header-bg-color, #f9f9f9) 85%, black 15%) !important;
}
.sort-indicator {
position: absolute;
bottom: 2px;
right: 4px;
font-size: 10px;
opacity: 0.4;
transition: opacity 0.2s ease, color 0.2s ease;
line-height: 1;
color: var(--header-text-color, #333333);
}
.sortable-header:hover .sort-indicator {
opacity: 0.7;
}
.sort-indicator.active {
opacity: 1;
color: var(--apply-btn-bg-color, #007cba);
} .sortable-header:focus {
outline: 2px solid var(--apply-btn-bg-color, #007cba);
outline-offset: 2px;
} .components-panel__body.is-saving {
pointer-events: none;
opacity: 0.7;
}
.components-panel__body.is-saving::after {
content: "Zapisywanie...";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, 0.9);
padding: 8px 12px;
border-radius: 4px;
font-size: 12px;
color: #666;
}.ujc-resource-single {
background-color: var(--card-bg-color, #ffffff);
border: 1px solid var(--card-border-color, #e1e5e9);
border-radius: var(--card-border-radius, 8px);
padding: var(--card-padding, 24px);
color: var(--text-color, #333333);
font-family: var(--content-font-family, inherit);
max-width: 800px;
margin: 20px auto;
} .resource-single-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
padding-bottom: 16px;
border-bottom: 2px solid var(--card-border-color, #e1e5e9);
}
.resource-title {
margin: 0;
font-size: 2em;
font-weight: 600;
color: var(--text-color, #333333);
} .resource-single-fields {
display: flex;
flex-direction: column;
gap: var(--field-spacing, 12px);
}
.field-row {
display: flex;
justify-content: space-between;
align-items: baseline;
padding: 12px 0;
border-bottom: 1px solid var(--card-border-color, #e1e5e9);
}
.field-row:last-child {
border-bottom: none;
}
.field-label {
font-weight: var(--label-font-weight, bold);
color: var(--label-color, #666666);
flex: 0 0 40%;
}
.field-value {
color: var(--text-color, #333333);
flex: 1;
text-align: right;
} .ujc-status-available {
background-color: var(--status-available-bg, #28a745);
color: var(--status-available-color, #ffffff);
padding: var(--status-padding, 4px 8px);
border-radius: var(--status-border-radius, 4px);
font-size: var(--status-font-size, 0.875em);
font-weight: var(--status-font-weight, normal);
display: inline-block;
}
.ujc-status-sold {
background-color: var(--status-sold-bg, #dc3545);
color: var(--status-sold-color, #ffffff);
padding: var(--status-padding, 4px 8px);
border-radius: var(--status-border-radius, 4px);
font-size: var(--status-font-size, 0.875em);
font-weight: var(--status-font-weight, normal);
display: inline-block;
}
.ujc-status-reserved {
background-color: var(--status-reserved-bg, #ffc107);
color: var(--status-reserved-color, #000000);
padding: var(--status-padding, 4px 8px);
border-radius: var(--status-border-radius, 4px);
font-size: var(--status-font-size, 0.875em);
font-weight: var(--status-font-weight, normal);
display: inline-block;
} .ujc-status-style-pill {
border-radius: 50px !important;
}
.ujc-status-style-highlight {
background-color: transparent !important;
border: 2px solid currentColor;
font-weight: 600 !important;
}
.ujc-status-style-underline {
background-color: transparent !important;
border-bottom: 3px solid currentColor;
border-radius: 0 !important;
padding-bottom: 2px !important;
}
.ujc-status-style-plain {
background-color: transparent !important;
padding: 0 !important;
font-weight: 600 !important;
} .resource-single-actions {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 24px;
padding-top: 16px;
border-top: 2px solid var(--card-border-color, #e1e5e9);
}
.resource-single-actions .field-row {
border-bottom: none;
padding: 0;
margin: 0;
} .field-action {
justify-content: center;
border-bottom: none;
margin-top: 8px;
}
.ujc-historia-btn,
.ujc-karta-btn {
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 0.875em;
transition: opacity 0.2s ease;
}
.ujc-historia-btn {
background-color: var(--historia-btn-bg-color, #007cba);
color: var(--historia-btn-text-color, #ffffff);
}
.ujc-historia-btn:hover {
opacity: 0.85;
}
.ujc-karta-btn {
background-color: var(--karta-btn-bg-color, #007cba);
color: var(--karta-btn-text-color, #ffffff);
}
.ujc-karta-btn:hover {
opacity: 0.85;
} @media (max-width: 768px) {
.ujc-resource-single {
padding: 16px;
margin: 10px;
}
.resource-title {
font-size: 1.5em;
}
.resource-single-header {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.field-row {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.field-label,
.field-value {
flex: 1;
text-align: left;
}
} .ujc-error {
background-color: #f8d7da;
color: #721c24;
padding: 12px;
border: 1px solid #f5c6cb;
border-radius: 4px;
margin: 20px 0;
}.price-history-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--modal-overlay-color, rgba(0, 0, 0, 0.5));
z-index: var(--modal-z-index, 10000);
display: flex;
align-items: center;
justify-content: center;
animation: modalFadeIn var(--modal-animation-duration, 0.3s) ease;
}
@keyframes modalFadeIn {
from { opacity: 0; }
to { opacity: 1; }
} .modal-content {
background: var(--modal-background-color, white);
border-radius: var(--modal-border-radius, 8px);
max-width: var(--modal-max-width, 600px);
width: 90%;
max-height: 80vh;
overflow-y: auto;
position: relative;
box-shadow: var(--modal-box-shadow, 0 10px 30px rgba(0,0,0,0.3));
animation: modalSlideIn var(--modal-animation-duration, 0.3s) ease;
}
@keyframes modalSlideIn {
from { transform: scale(0.8) translateY(-20px); opacity: 0; }
to { transform: scale(1) translateY(0); opacity: 1; }
} .modal-header {
padding: var(--modal-padding, 20px);
border-bottom: 1px solid var(--modal-header-border-color, #dee2e6);
display: flex;
justify-content: space-between;
align-items: center;
}
.modal-header h3 {
margin: 0;
} .modal-close {
background: none;
border: none;
font-size: 24px;
cursor: pointer;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
color: var(--modal-close-btn-color, #666666);
transition: color 0.2s ease;
}
.modal-close:hover {
border-radius: 50%;
color: var(--modal-close-btn-hover-color, #000000);
background-color: rgba(0,0,0,0.1);
}
.modal-close:focus {
outline: var(--focus-outline-width, 2px) solid var(--focus-outline-color, #007cba);
outline-offset: var(--focus-outline-offset, 2px);
} .modal-body {
padding: var(--modal-padding, 20px);
}
#history-loading {
text-align: center;
padding: 40px;
color: #666;
} .history-entry {
border-bottom: 1px solid #eee;
padding: 15px 0;
}
.history-entry:last-child {
border-bottom: none;
}
.history-date {
font-weight: bold;
color: #333;
margin-bottom: 8px;
}
.history-change {
margin: 5px 0;
padding: 5px 0;
}
.history-change-type {
font-weight: 500;
color: #666;
}
.price-change {
margin-left: 10px;
}
.price-old {
text-decoration: line-through;
color: #999;
}
.price-new {
color: #007cba;
font-weight: 500;
} @media (max-width: 768px) {
.modal-content {
width: 95%;
}
}