/* ==========================================================================
   ОСНОВНИЙ КОНТЕНТ (ТЕКСТ СТАТТІ)
   ========================================================================== */
.entry-content {
    font-size: 18px;
    line-height: 1.7;
    color: #333;
    /* Виправлення для довгих посилань та слів */
    overflow-wrap: anywhere; 
    word-wrap: break-word;
    word-break: normal;
}

/* Робимо всі картинки та відео всередині тексту адаптивними */
.entry-content img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px;
    margin: 20px 0;
}

.entry-content iframe {
    max-width: 100%;
    border-radius: 8px;
}

.entry-content p {
    margin-bottom: 20px;
}

.entry-content h2, 
.entry-content h3 {
    color: #222;
}

/* Приховуємо головне зображення, якщо воно дублюється */
.entry-featured-image {
    display: none;
}

.entry-content a {
    background-color: rgba(0, 147, 215, 0.2);
    border-radius: 4px;
    border-bottom: 2px solid #000;
    color: #222;
    text-decoration: none;
}

.entry-content a:hover {
    background-color: rgba(28, 122, 166, 0.4);
    color: #000;
}

/* Стилізація всіх таблиць у контенті */
.entry-content table {
    width: 100%;
    border-collapse: collapse; /* Прибирає подвійні рамки */
    margin: 20px 0;
    font-size: 16px;
}

.entry-content table td, 
.entry-content table th {
    border: 1px solid #000000; /* Тонка одинарна лінія */
    padding: 12px 15px;        /* Внутрішні відступи, щоб текст не прилипав */
    vertical-align: middle;    /* Центрування по вертикалі */
    text-align: left;
}

/* Всі правила всередині цього блоку спрацюють тільки при друку */
@media print {
	.post-admin-tools-wrapper {
        display: none !important;
    }
	
    /* 1. Ховаємо все зайве */
    header, 
    footer, 
    .sidebar-left, 
    .post-admin-tools, 
    .post-share-actions, 
    .related-posts-box, 
    .post-navigation, 
    .comments-area,
    .search-container {
        display: none !important;
    }

    /* 2. Розтягуємо статтю на всю ширину листа */
    .content-wrapper {
        display: block !important; /* Відміняємо Grid/Flex */
    }

    .full-post-content {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
        border: none !important;
    }

    /* 3. Оформлюємо заголовок та текст для друку */
    .entry-title {
        font-size: 24pt !important;
        color: #000 !important;
        margin-bottom: 20px !important;
    }

    .entry-content {
        font-size: 12pt !important;
        color: #000 !important;
        line-height: 1.5 !important;
    }

    /* 4. Примусово показуємо картинки (якщо вони були приховані) */
    .entry-content img {
        max-width: 100% !important;
        height: auto !important;
    }
	
	.entry-content a::after {
        content: " (" attr(href) ")";
        font-size: 10pt;
        color: #666;
    }
}