/**
 * Plugin Name: ZEN Risorse (MU)
 * Description: Gestione e visualizzazione documentazione per categorie.
 * Version: 1.0.0
 */

.zen-risorse-fillarea {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.zen-risorse {
	max-width: 1100px;
	margin: 0 auto;
	padding: 1.5rem 0;
}

.zen-risorse-header {
    background: linear-gradient(135deg, rgb(95, 164, 69) 0%, rgb(0, 44, 3) 100%);
}

.zen-risorse-header h2 {
	margin: 0.35rem 0 0.8rem 0;
	font-size: clamp(1.6rem, 2.7vw, 3.2rem);
	color: #ffffff;
}

.zen-risorse-header h3 {
	margin: 0 0 1rem 0;
	font-size: 1.25rem;
	color: #ffffff;
	font-weight: normal;
}

.zen-risorse-description {
    margin-bottom: 3rem;
}
.zen-risorse-description div {
    margin-bottom: 1rem;
}

.zen-risorse-category {
    margin: 0 0 2.2rem;
    padding: 1.2rem;
    border-radius: 14px;
    background: linear-gradient(160deg, rgb(237 237 237) 0%, rgb(240 240 240) 100%);
    border: 1px solid rgba(20, 35, 55, .1);
    box-shadow: 0 4px 16px rgba(10, 25, 50, .06);
}

.zen-risorse-category-head {
    margin-bottom: 1rem;
}

.zen-risorse-category-head h3 {
    margin: 0;
    font-size: clamp(1.25rem, 2.1vw, 1.7rem);
    color: #18344d;
}

.zen-risorse-category-head p {
    margin: .45rem 0 0;
    color: #35546c;
    line-height: 1.5;
}

.zen-risorse-docs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
}

.zen-risorse-doc-card {
    border: 3px solid #d3d6da;
	border-radius: 34px;
    overflow: hidden;
    background: #fff;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.zen-risorse-doc-card:hover {
    transform: translateY(-3px);
    border-color: rgba(24, 52, 77, .3);
    box-shadow: 0 8px 18px rgba(10, 25, 50, .15);
}

.zen-risorse-doc-link {
    color: inherit;
    text-decoration: none;
    display: block;
    height: 100%;
}

.zen-risorse-doc-thumb {
    /* aspect-ratio: 16 / 10; */
    /* background: #f0f4f8; */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.zen-risorse-doc-thumb img {
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
	display: block;
	border-bottom: 1px solid #d4d4d4;
	/* margin-bottom: 10px; */
	padding-bottom: 10px;
	max-height: 12rem;
}

.zen-risorse-thumb-placeholder {
    font-weight: 600;
    color: #5a6e80;
    font-size: .95rem;
}

.zen-risorse-doc-body {
    padding: .9rem;
}

.zen-risorse-doc-body h4 {
    margin: 0;
    font-size: 1rem;
    color: #173a59;
}

.zen-risorse-doc-body p {
    margin: .45rem 0 0;
    line-height: 1.45;
    color: #37556b;
    font-size: .92rem;
}

.zen-risorse-empty {
    padding: .8rem;
    border: 1px dashed rgba(24, 52, 77, .25);
    border-radius: 10px;
    color: #50677c;
    width: 30rem;
}

.zen-risorse-admin .nav-tab-wrapper {
    margin-bottom: 1rem;
}

.zen-risorse-admin-form {
    background: #fff;
    border: 1px solid #d9e1e8;
    border-radius: 8px;
    padding: .8rem 1rem;
}

@media (max-width: 680px) {
    .zen-risorse {
        width: min(1280px, 100% - 1rem);
    }

    .zen-risorse-category {
        padding: .9rem;
    }

    .zen-risorse-docs-grid {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
}