/**
 * Single Post Template Styles
 * Styles for individual blog post pages
 *
 * @package Bonusovekody
 * @since 2.0.0
 */

/* ============================================
 * POST HERO SECTION
 * ============================================ */

.post-hero {
    background: var(--blue-500);
    padding: var(--container-padding);
    border-radius: var(--radius-md);
    margin-bottom: var(--container-padding);
}

/* Post Meta (Category + Date) */
.post-hero__meta {
    display: flex;
    align-items: center;
    gap: var(--space-4);
}

.post-hero__category {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--white);
    background: rgba(255, 255, 255, 0.2);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-sm);
}

.post-hero__date {
    font-size: var(--font-size-sm);
    color: var(--white);
}

/* Post Title */
.post-hero__title {
    font-family: var(--font-heading);
    font-size: var(--font-size-h1);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-h1);
    color: var(--white);
    margin: 0 0 var(--space-5) 0;
}

.archive .post-hero__title, .blog .post-hero__title {
    margin-bottom: 0;
}

/* Post Author */
.post-hero__author {
    font-size: var(--font-size-base);
    color: var(--white);
}

.post-hero__author-name {
    font-weight: var(--font-weight-semibold);
    color: var(--white) !important;
    text-decoration: none;
}

.post-hero__author-name:hover {
    text-decoration: underline;
}

/* ============================================
 * MAIN CONTENT WRAPPER
 * ============================================ */

.post-content-wrapper {
    background: transparent;
    padding-bottom: var(--space-7);
}

.entry-content a:not(.btn):hover {
    text-decoration: underline;
}

.post-content-wrapper > .container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0;
    background: transparent;
}

/* ============================================
 * POST LAYOUT (Content + Sidebar)
 * ============================================ */

.post-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-6);
}

@media (min-width: 1025px) {
    .post-layout {
        grid-template-columns: 2fr 0.7fr;
        gap: var(--space-7);
    }
}

/* ============================================
 * MAIN CONTENT AREA
 * ============================================ */

.post-content {
    display: flex;
    flex-direction: column;
}

/* Entry Content Styling */
.entry-content {
    background: var(--white);
    border-radius: var(--radius-md);
    padding: var(--container-padding);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    color: var(--color-text-primary);
}

.entry-content p, .entry-content li {
    margin-bottom: var(--space-5);
    color: #666;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-primary);
    margin-top: var(--space-6);
    margin-bottom: var(--space-4);
}

.entry-content h2 {
    font-size: var(--font-size-h2);
    line-height: var(--line-height-h2);
}

.entry-content h3 {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
}

.entry-content h4 {
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
}

.entry-content ul,
.entry-content ol {
    margin-bottom: var(--space-5);
    padding-left: var(--space-6);
}

.entry-content li {
    margin-bottom: var(--space-3);
}

/* WordPress Media Library attachment images - wrapper for full width background */
.entry-content .wp-image-wrapper {
    background: var(--blue-50);
    border-radius: var(--radius-base);
    padding: var(--container-padding);
}

/* Exclude best-bonuses-cta-box wp-image-wrapper from wrapper styles */
.entry-content .best-bonuses-cta-box .wp-image-wrapper {
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
}

/* Images inside wrapper */
.entry-content .wp-image-wrapper img {
    max-width: 100%;
    height: auto;
    border-radius: var(--radius-sm);
    display: block;
    margin: 0;
}

/* Exclude best-bonuses-cta-box images from wp-image-wrapper styles */
.entry-content .best-bonuses-cta-box img {
    max-width: 50px;
    border-radius: 0;
    display: inline-block;
    margin: 0;
}

/* Other images (without wp-image class) */
.entry-content img:not([class*="wp-image-"]):not([class*="wp-post-image"]) {
    max-width: 100%;
    height: auto;
    border-radius: var(--radius-sm);
    margin-left: auto;
    margin-right: auto;
}

/* ============================================
 * PAGINATION
 * ============================================ */

.navigation.pagination {
    margin-top: 32px;
    text-align: center;
}

.navigation.pagination .page-numbers {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    padding: 5px;
    color: #2D7AE9;
}

.navigation.pagination .page-numbers.current {
    color: #1A1A1A;
}

.navigation.pagination .page-numbers:hover {
    opacity: 0.8;
}

.navigation.pagination .page-numbers.current {
    opacity: 1;
}


/* ============================================
 * SIDEBAR
 * ============================================ */

.post-sidebar {
    background: transparent;
}

.post-sidebar .widget {
    background: var(--white);
    border-radius: 16px;
    padding: var(--container-padding);
    margin-bottom: var(--container-padding);
}

.post-sidebar .widget:last-child {
    margin-bottom: 0;
}

.post-sidebar .widget-title {
    color: #1A1A1A;
    text-align: center;
    font-family: Rubik, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 24px;
}

.warning-widget {
    display: flex;
    align-items: center;
    gap: 24px;
}

.warning-widget p {
    font-size: 12px;
    line-height: 16px;
		margin-bottom: 0;
}

.warning-widget img{
    width: 48px;
		max-width: unset;
}

.widget_image_ad_widget::before {
    content: 'Reklama';
    display: block;
    color: #666;
    text-align: center;
    font-family: Rubik, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 8px;
}

.widget.fullwidth.widget_image_ad_widget {
    background: transparent;
    padding: 0;
    border-radius: 16px;
}

.widget.fullwidth.widget_image_ad_widget img {
    border-radius: 16px;
}

/* Reset list styles inside widgets */
#main-content .post-sidebar .widget ul,
#main-content .post-sidebar .widget ol {
    padding-left: 0 !important;
}

#main-content .post-sidebar .widget ul li::before,
#main-content .post-sidebar .widget ol li ul li::before {
    display: none !important;
}

#main-content .post-sidebar .widget ol li::before {
    display: none !important;
}

/* ============================================
 * RESPONSIVE ADJUSTMENTS
 * ============================================ */

@media (max-width: 767px) {
    .post-hero__title {
        font-size: 24px;
        line-height: 32px;
    }

    .post-hero__date, .post-hero__author {
        font-size: 14px;
        line-height: 24px;
    }

    .prev.page-numbers, .next.page-numbers {
        display: none;
    }

    .navigation.pagination .page-numbers {
        padding: 10px;
    }

    .post-layout {
        display: block;
    }

    .post-content {
        margin-bottom: var(--container-padding);
    }
}