/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a blazing fast and lightweight WordPress theme built with the latest web technologies. It was built with the Gutenberg editor in mind and has a lot of options that makes it extendable and customizable. You can easily create any type of website, such as business agency, shop, corporate, education, restaurant, blog, portfolio, landing page and so on. It works like a charm with popular WordPress page builders, including Elementor, Beaver Builder, Visual Composer and Brizy. Since it is responsive and adaptive, translation ready, SEO optimized and has WooCommerce built-in, you will experience an easy build and even an increase in conversions.
Tags: accessibility-ready,blog,block-patterns,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,buddypress,rtl-language-support,news
Version: 2.0.96.1745330036
Updated: 2025-04-22 16:53:56

*/
.single-post .entry-meta, 
.single-post .posted-on, 
.single-post .byline, 
.single-post .entry-footer {
    display: none !important;
}
/* Заголовки категорій */
.category-title {
    font-size: 1.2em;
    margin: 20px 0 10px;
    color: #333;
    font-weight: 600;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

/* Сітка постів */
.posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px;
    margin-bottom: 25px;
	row-gap: 8px !important; /* Зменшує вертикальні проміжки */
}

.post-item {
    background: #f9f9f9;
    padding: 12px;
    border-radius: 4px;
    transition: all 0.3s ease;
	padding: 6px 10px !important; /* Зменшує внутрішні відступи */
    margin-bottom: 0 !important; /* Видаляє зовнішній відступ знизу */
    line-height: 1.3 !important; /* Зменшує міжрядковий інтервал тексту */
}

.post-item:hover {
    background: #f0f0f0;
    transform: translateY(-2px);
}

.post-link {
    text-decoration: none;
    color: inherit !important; /* Успадковує колір батьківського елемента */
	font-size: 0.9em !important; /* Опціонально: зменшує розмір шрифту */
    display: block; /* Забезпечує однакову висоту елементів */
}

/* Компактна пагінація */
.compact-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: 30px 0;
    flex-wrap: wrap;
}

.compact-pagination a,
.compact-pagination span {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    padding: 0 5px;
}

.compact-pagination a {
    background: #f5f5f5;
    color: #333;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.3s;
}

.compact-pagination a:hover {
    background: #e0e0e0;
}

.compact-pagination .current {
    background: var(--accent-color, #21759b);
    color: white;
    font-weight: bold;
}

.compact-pagination .page-nav {
    font-size: 18px;
    min-width: 40px;
}

.compact-pagination .dots {
    padding: 0 10px;
}

/* Додайте це до вашого style.css */
.swipe-container {
    touch-action: pan-y; /* Дозволяємо тільки вертикальну прокрутку по-замовчуванню */
    position: relative;
}

.swipe-container.swiping {
    transition: transform 0.3s ease;
}

.swipe-container.swipe-left {
    transform: translateX(-15px);
}

.swipe-container.swipe-right {
    transform: translateX(15px);
}

/* Візуальний індикатор свайпу */
.swipe-container::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 15px;
    background: rgba(0,0,0,0.05);
    opacity: 0;
    transition: opacity 0.3s;
}

.swipe-container.swipe-left::after {
    right: 0;
    opacity: 1;
}

.swipe-container.swipe-right::after {
    left: 0;
    opacity: 1;
}