/* 1. Элегантные, слегка скругленные карточки с премиальной мягкой тенью */
article.entry-card, 
article.entry-card .ct-media-container {
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* 2. Эффект наведения: карточка мягко приподнимается, 
   появляется изумрудное свечение (как ухоженный газон на солнце) */
article.entry-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(39, 174, 96, 0.08) !important;
    border-color: rgba(39, 174, 96, 0.2) !important;
}

/* 3. Декоративный маркер под заголовком — тонкий и аккуратный, как флагшток у лунки */
article.entry-card .entry-title::after {
    content: ''; 
    display: block; 
    width: 25px; 
    height: 2px; 
    background: #27ae60; /* Изумрудно-зеленый цвет */
    margin-top: 12px; 
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
article.entry-card:hover .entry-title::after { 
    width: 55px; 
}

/* 4. Превращаем пагинацию в аккуратные мячи для гольфа */
.page-numbers {
    border-radius: 50% !important; /* Идеальный круг */
    width: 40px;
    height: 40px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e0e0 !important;
    background: #ffffff !important;
    font-weight: 500 !important;
    transition: all 0.25s ease !important;
}

/* При наведении или для текущей страницы — мяч "падает в лунку" (становится зеленым) */
.page-numbers:hover, .page-numbers.current {
    background: #27ae60 !important;
    color: #ffffff !important;
    border-color: #27ae60 !important;
    box-shadow: 0 4px 10px rgba(39, 174, 96, 0.2) !important;
}

/* 5. Легкий эстетичный штрих для виджетов в сайдбаре */
.widget-title {
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
}
.widget-title::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #27ae60;
}