/* Family Values Module Styles - Simplified Version */

/* Hide module title and category title */
.family-values-particle .moduletable h3,
.family-values-particle .module-title,
.family-values-particle h3.module-title,
.family-values-particle .page-header,
.family-values-particle .category-title,
.family-values-particle .mod-articles-category-group {
    display: none !important;
}

/* Hide Family Values particle on article pages */
body.view-article .family-values-particle,
body.com-content.view-article .family-values-particle {
    display: none !important;
}

.family-values-particle .moduletable,
.family-values-particle ul.category-module,
.family-values-particle ul.mod-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 2rem !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 768px) {
    .family-values-particle .moduletable,
    .family-values-particle ul.category-module,
    .family-values-particle ul.mod-list {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
}

.family-values-particle .moduletable li,
.family-values-particle ul.category-module li,
.family-values-particle ul.mod-list li {
    background: rgb(255, 247, 223) !important;
    border-left: 4px solid rgb(153, 51, 0) !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(153, 51, 0, 0.1) !important;
    padding: 0.375rem 1.5rem !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.family-values-particle .moduletable li:hover,
.family-values-particle ul.category-module li:hover,
.family-values-particle ul.mod-list li:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 4px 16px rgba(153, 51, 0, 0.2) !important;
}

.family-values-particle .moduletable li a,
.family-values-particle ul.category-module li a,
.family-values-particle ul.mod-list li a {
    color: rgb(153, 51, 0) !important;
    text-decoration: none !important;
    font-size: 1.05rem !important;
    font-weight: 400 !important;
    display: block !important;
    margin-bottom: 0.5rem !important;
}

/* Принудительно открывать ссылки в том же окне, но на новой странице */
.family-values-particle .moduletable li a[href],
.family-values-particle ul.category-module li a[href],
.family-values-particle ul.mod-list li a[href] {
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* Отключить любые Ajax или динамические загрузки */
.family-values-particle .moduletable li a,
.family-values-particle ul.category-module li a,
.family-values-particle ul.mod-list li a {
    onclick: none !important;
}

/* Убрать возможные блокировки событий */
.family-values-particle * {
    pointer-events: auto !important;
}

/* JavaScript для принудительного открытия ссылок */

.family-values-particle .moduletable li a:hover,
.family-values-particle ul.category-module li a:hover,
.family-values-particle ul.mod-list li a:hover {
    color: rgb(102, 34, 0) !important;
}

/* Фиксим размер заголовков на мобильных */
@media (max-width: 768px) {
    .family-values-particle .moduletable li a,
    .family-values-particle ul.category-module li a,
    .family-values-particle ul.mod-list li a {
        font-size: 1,2rem !important; /* или 0.95rem для еще меньшего размера */
        line-height: 1.4 !important;
    }
}

/* Для очень маленьких экранов (телефоны в портретной ориентации) */
@media (max-width: 480px) {
    .family-values-particle .moduletable li a,
    .family-values-particle ul.category-module li a,
    .family-values-particle ul.mod-list li a {
        font-size: 0.95rem !important;
    }
}