/* =========================================================
   POSTS ARCHIVE - Per il Frantoio
   Base styles for the Posts Archive Elementor widget
   ========================================================= */

/* Container */
.custom-post-archive {
    max-width: 100%;
    margin: auto;
}

/* Post Item */
.custom-post-archive .post-item {
    display: flex;
    gap: 25px;
    margin-bottom: 20px;
    transition: transform 0.35s, box-shadow 0.35s;
}

.custom-post-archive .post-item:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Image */
.custom-post-archive .post-thumb {
    overflow: hidden;
    flex-shrink: 0;
}

.custom-post-archive .post-thumb img {
    object-fit: cover;
    display: block;
    transition: transform 0.35s;
}

/* Content */
.custom-post-archive .post-content {
    flex: 1;
}

/* Title */
.custom-post-archive .post-title {
    margin: 0 0 10px;
}

.custom-post-archive .post-title a {
    text-decoration: none;
}

/* Meta (Date & Categories) */
.custom-post-archive .post-meta {
    margin-bottom: 15px;
}

.custom-post-archive .post-meta a {
    text-decoration: none;
}

/* Excerpt */
.custom-post-archive .post-excerpt {
    line-height: 1.6;
}

.custom-post-archive .excerpt-mobile {
    display: none;
}

/* Pagination */
.custom-post-archive .custom-pagination {
    margin-top: 40px;
}

.custom-post-archive .custom-pagination a,
.custom-post-archive .custom-pagination span {
    padding: 6px 13px;
    margin: 0 4px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
}

.custom-post-archive .custom-pagination a:hover {
    background: rgba(0,0,0,0.05);
}

/* =========================================================
   TABLET RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {
    .custom-post-archive .post-item {
        flex-direction: column;
    }
}

/* =========================================================
   MOBILE RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {
    .custom-post-archive .excerpt-desktop {
        display: none;
    }
    
    .custom-post-archive .excerpt-mobile {
        display: inline;
    }
}