/* v1.1.1 */
.samcast-post-images {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    place-items: center;
    perspective: 800px;
    cursor: pointer;
    z-index: 20;
    overflow: visible;
}

.samcast-post-image {
    position: absolute;
    width: 80%;
    max-width: 7.5rem;
    height: auto;
    aspect-ratio: 1080/1350;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.25rem var(--shadow-color);
    transform-origin: bottom center;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s ease;
    background-color: var(--color-input-bg);
}

.samcast-post-image:nth-child(1) {
    transform: translateX(-0.5rem) rotate(-18deg);
    z-index: 10;
}

.samcast-post-image:nth-child(2) {
    transform: translateX(-0.375rem) rotate(-14deg);
    z-index: 9;
}

.samcast-post-image:nth-child(3) {
    transform: translateX(-0.25rem) rotate(-10deg);
    z-index: 8;
}

.samcast-post-image:nth-child(4) {
    transform: translateX(-0.125rem) rotate(-6deg);
    z-index: 7;
}

.samcast-post-image:nth-child(5) {
    transform: translateX(0) rotate(-2deg);
    z-index: 6;
}

.samcast-post-image:nth-child(6) {
    transform: translateX(0.125rem) rotate(2deg);
    z-index: 5;
}

.samcast-post-image:nth-child(7) {
    transform: translateX(0.25rem) rotate(6deg);
    z-index: 4;
}

.samcast-post-image:nth-child(8) {
    transform: translateX(0.375rem) rotate(10deg);
    z-index: 3;
}

.samcast-post-image:nth-child(9) {
    transform: translateX(0.5rem) rotate(14deg);
    z-index: 2;
}

.samcast-post-image:nth-child(10) {
    transform: translateX(0.625rem) rotate(18deg);
    z-index: 1;
}

.posts-table-row:has(.samcast-post-images:hover) {
    transition: all 0.4s ease;
}

.posts-table-row:has(.samcast-post-images:hover)>div:not(.samcast-post-images) {
    opacity: 0.95;
}

.samcast-post-images:hover .samcast-post-image:nth-child(1) {
    transform: translateX(0) rotate(-15deg);
    box-shadow: var(--shadow-md);
}

.samcast-post-images:hover .samcast-post-image:nth-child(2) {
    transform: translateX(3.125rem) rotate(-15deg);
    box-shadow: var(--shadow-md);
}

.samcast-post-images:hover .samcast-post-image:nth-child(3) {
    transform: translateX(6.25rem) rotate(-15deg);
    box-shadow: var(--shadow-md);
}

.samcast-post-images:hover .samcast-post-image:nth-child(4) {
    transform: translateX(9.375rem) rotate(-15deg);
    box-shadow: var(--shadow-md);
}

.samcast-post-images:hover .samcast-post-image:nth-child(5) {
    transform: translateX(12.5rem) rotate(-15deg);
    box-shadow: var(--shadow-md);
}

.samcast-post-images:hover .samcast-post-image:nth-child(6) {
    transform: translateX(15.625rem) rotate(-15deg);
    box-shadow: var(--shadow-md);
}

.samcast-post-images:hover .samcast-post-image:nth-child(7) {
    transform: translateX(18.75rem) rotate(-15deg);
    box-shadow: var(--shadow-md);
}

.samcast-post-images:hover .samcast-post-image:nth-child(8) {
    transform: translateX(21.875rem) rotate(-15deg);
    box-shadow: var(--shadow-md);
}

.samcast-post-images:hover .samcast-post-image:nth-child(9) {
    transform: translateX(25rem) rotate(-15deg);
    box-shadow: var(--shadow-md);
}

.samcast-post-images:hover .samcast-post-image:nth-child(10) {
    transform: translateX(28.125rem) rotate(-15deg);
    box-shadow: var(--shadow-md);
}

.posts-table-row .samcast-post-images .samcast-post-image:hover {
    box-shadow: var(--shadow-lg);
}


.posts-table__cell--date-schedule { width:250px;}
.post-schedule-input{height:50px}
.table-container { max-width: 100%; max-height: 640px; overflow: auto; margin-bottom: var(--margin-lg); border-width: var(--border-width); }
.posts-table { width: 100%; display: table; }
.posts-table__header { display: grid; grid-template-columns: var(--grid-template-columns-posts-table); gap: var(--padding-sm); position: sticky; top: 0; z-index: 10; padding: var(--padding-md) var(--padding-lg); border-bottom-width: var(--border-width); }
.posts-table__header-cell { text-align: left; white-space: nowrap; font-size: 0.875rem; /* Base size */ }
.posts-table__body { display: table-row-group; }
.posts-table__row { display: grid; grid-template-columns: var(--grid-template-columns-posts-table); gap: var(--padding-sm); align-items: center; padding: var(--padding-md) var(--padding-lg); min-height: 80px; border-bottom-width: 1px; }
.posts-table__row:last-child { border-bottom-width: 0; }
.posts-table__row > div { overflow-y: auto; font-size: 0.875rem; /* Base size */ }
.posts-table__cell--images { height: 100%; min-height: 60px; display: flex; align-items: center; overflow: visible; /* Override */ }
.posts-table__cell--caption { white-space: pre-wrap; word-break: break-word; max-height: 6rem; overflow-y: auto; padding: var(--padding-xs); }
.posts-table__cell--date-created, .posts-table__cell--date-schedule { line-height: 1.3; font-size: 0.8rem; /* Base size */ }
.posts-table__cell--date-created small, .posts-table__cell--date-schedule small { display: block; font-size: 0.75rem; /* Base size */ }
.posts-table__cell--date-schedule .sam-date-input { display: none; width: auto; padding: var(--padding-xs) var(--padding-sm); margin-top: var(--margin-xs); font-size: 0.8rem; border-width: var(--border-width); /* Base size & structural width */ }
.posts-table__cell--date-schedule.editing .sam-date-display { display: none; }
.posts-table__cell--date-schedule.editing .sam-date-input { display: block; }
.posts-table__cell--actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--padding-xs); }
.posts-table__cell--status .status { font-size: 0.8rem; /* Base size */ }
.posts-table__empty-state, .posts-table__loading-state { text-align: center; padding: var(--padding-xl) var(--padding-lg); display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 200px; }
.posts-table__empty-state .icon, .posts-table__loading-state .icon { margin: 0 auto var(--margin-md) auto; font-size: 2rem; /* Base size */ }
.posts-table__loading-state .spinner { display: inline-block; width: 2rem; height: 2rem; margin-bottom: var(--margin-sm); }