/* PDME Notifications Feed — Plugarized v1.1 */

/* ---------------------------------------------------------------
   Feed wrapper
--------------------------------------------------------------- */
.pdme-feed {
    width: 100%;
}

.pdme-feed-title {
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
    font-weight: 600;
}

.pdme-feed-empty {
    padding: 2rem;
    text-align: center;
    color: #888;
    font-size: 1rem;
}

/* ---------------------------------------------------------------
   List layout
--------------------------------------------------------------- */
.pdme-feed--list .pdme-post-col {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.pdme-feed--list .pdme-post-col:first-child { margin-top: 0; }
.pdme-feed--list .pdme-post-col:last-child  { margin-bottom: 0; }

.pdme-feed--list .pdme-post {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.pdme-feed--list .pdme-post--img-right {
    flex-direction: row-reverse;
}

.pdme-feed--list .pdme-post__thumb {
    flex: 0 0 160px;
}

.pdme-feed--list .pdme-post__thumb img {
    width: 160px;
    height: 110px;
    object-fit: cover;
    border-radius: 4px;
    display: block;
}

.pdme-feed--list .pdme-post__content {
    flex: 1;
}

/* ---------------------------------------------------------------
   Grid layout
--------------------------------------------------------------- */
.pdme-feed--grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(var(--pdme-cols, 3), 1fr);
}

/* ---------------------------------------------------------------
   Masonry layout
--------------------------------------------------------------- */
.pdme-feed--masonry {
    display: block;
}

.pdme-feed--masonry .pdme-post-col {
    width: 25%;
    padding: 12px;
    box-sizing: border-box;
    float: left;
}

.pdme-masonry-sizer {
    width: 25%;
}

/* ---------------------------------------------------------------
   Grid + Masonry shared card styles
--------------------------------------------------------------- */
.pdme-feed--grid .pdme-post,
.pdme-feed--masonry .pdme-post {
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    overflow: hidden;
}

.pdme-feed--grid .pdme-post__thumb,
.pdme-feed--masonry .pdme-post__thumb {
    flex-shrink: 0;
}

.pdme-feed--grid .pdme-post__thumb img,
.pdme-feed--masonry .pdme-post__thumb img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

.pdme-feed--grid .pdme-post__content,
.pdme-feed--masonry .pdme-post__content {
    padding: 1rem;
}

/* First post big */
.pdme-feed--grid .pdme-post-col--big {
    grid-column: 1 / -1;
}

.pdme-feed--grid .pdme-post-col--big .pdme-post,
.pdme-feed--masonry .pdme-post-col--big .pdme-post {
    flex-direction: row;
}

.pdme-feed--grid .pdme-post-col--big .pdme-post__thumb,
.pdme-feed--masonry .pdme-post-col--big .pdme-post__thumb {
    flex: 0 0 50%;
}

.pdme-feed--grid .pdme-post-col--big .pdme-post__thumb img,
.pdme-feed--masonry .pdme-post-col--big .pdme-post__thumb img {
    height: 100%;
    min-height: 260px;
}

.pdme-feed--grid .pdme-post-col--big .pdme-post__content,
.pdme-feed--masonry .pdme-post-col--big .pdme-post__content {
    flex: 1;
    padding: 1.5rem;
}

/* Responsive columns — grid only */
.pdme-cols-1 { --pdme-cols: 1; }
.pdme-cols-2 { --pdme-cols: 2; }
.pdme-cols-3 { --pdme-cols: 3; }
.pdme-cols-4 { --pdme-cols: 4; }

@media (max-width: 1024px) {
    .pdme-feed--grid {
        grid-template-columns: repeat(var(--pdme-cols-tablet, 2), 1fr);
    }
    .pdme-feed--masonry .pdme-post-col,
    .pdme-masonry-sizer {
        width: 33.333%;
    }
    .pdme-feed--grid .pdme-post-col--big .pdme-post,
    .pdme-feed--masonry .pdme-post-col--big .pdme-post {
        flex-direction: column;
    }
    .pdme-feed--grid .pdme-post-col--big .pdme-post__thumb,
    .pdme-feed--masonry .pdme-post-col--big .pdme-post__thumb {
        flex: none;
        width: 100%;
    }
    .pdme-feed--grid .pdme-post-col--big .pdme-post__thumb img,
    .pdme-feed--masonry .pdme-post-col--big .pdme-post__thumb img {
        height: 260px;
    }
}

@media (max-width: 767px) {
    .pdme-feed--grid {
        grid-template-columns: repeat(var(--pdme-cols-mobile, 1), 1fr);
    }
    .pdme-feed--masonry .pdme-post-col,
    .pdme-masonry-sizer {
        width: 50%;
    }
    .pdme-feed--list .pdme-post__thumb {
        flex: 0 0 80px;
    }
    .pdme-feed--list .pdme-post__thumb img {
        width: 80px;
        height: 60px;
    }
}

/* ---------------------------------------------------------------
   Post card elements
   Spacing mirrors Typer's calc(var(--el-spacing) / 2.5) pattern
--------------------------------------------------------------- */
.pdme-post__content > * {
    margin-top: calc(var(--el-spacing, 2rem) / 2.5);
    margin-bottom: calc(var(--el-spacing, 2rem) / 2.5);
}

.pdme-post__content > *:first-child { margin-top: 0; }
.pdme-post__content > *:last-child  { margin-bottom: 0; }

.pdme-post__cats {
    margin-bottom: 0;
}

.pdme-post__cat {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-right: 0.5rem;
    text-decoration: none;
}

.pdme-post .pdme-post__title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.4;
}

.pdme-post--big .pdme-post__title {
font-size: 2.25rem;
  line-height: 1.3;
}

.pdme-post--big .pdme-post__excerpt {
	font-size: 1.4rem;
	line-height: 2rem;
	margin-top: 1.5rem;
}

.pdme-post--big .pdme-post__cat {
    font-size: 1.2rem;
}

.pdme-post--big .pdme-post__meta {
    font-size: 0.9rem;
}

.pdme-post__title a {
    text-decoration: none;
}

.pdme-post__excerpt {
    font-size: 0.875rem;
    line-height: 1.5;
}

.pdme-post__excerpt a {
    text-decoration: none;
}

/* ---------------------------------------------------------------
   Meta — avatar + text
--------------------------------------------------------------- */
.pdme-post__meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    opacity: 0.8;
    flex-wrap: wrap;
}

.pdme-post__avatar img {
    border-radius: 50%;
    display: block;
    vertical-align: middle;
}

.pdme-post__meta-text {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    line-height: 1.3;
}

.pdme-post__author {
    display: block;
}

.pdme-post__date {
    display: block;
    font-size: 0.75rem;
}

.pdme-post__meta a {
    text-decoration: none;
}

/* ---------------------------------------------------------------
   Pagination
--------------------------------------------------------------- */
.pdme-pagination {
    display: flex;
    gap: 0.5rem;
    margin-top: 2rem;
    justify-content: center;
    flex-wrap: wrap;
}

.pdme-pagination__item {
    padding: 0.4rem 0.8rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.875rem;
    transition: background 0.15s;
}

.pdme-pagination__item:hover {
    background: #f5f5f5;
}

.pdme-pagination__item--active {
    background: #111;
    color: #fff;
    border-color: #111;
}

/* ---------------------------------------------------------------
   Badge link
--------------------------------------------------------------- */
.pdme-badge-link {
    text-decoration: none;
    color: inherit;
}

.pdme-feed--masonry .pdme-post-col--big {
    width: 100%;!important
}