/*
Theme Name: PokaTheme Child
Template: pokatheme
Theme URI: https://pokatheme.com
Description: Premium Affiliate WordPress Theme
Author: PokaTheme
Author URI: https://pokatheme.com
Version: 1.0.0
License: Licensed theme
Tags: black, blue, white, two-columns
Text Domain:  poka
*/

/*
    Add your custom styles here
*/

/* Breadcrumbs Styling */
.breadcrumbs {
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #666;
    padding: 10px 0;
}

.breadcrumbs a {
    color: #333;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.breadcrumbs a:hover {
    color: #000;
    text-decoration: underline;
}

/* Author/Date Meta Styling */
.page-meta {
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
}

/* Remove footer gap on Homepage */
.home .site-content,
.home .site-footer {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}


/* Reduce top padding on Single Posts & Custom Post Types */
.single .site-content.site-content-padding,
.single-payments .site-content,
.single-software .site-content,
.single-affiliates .site-content {
    padding-top: 20px !important;
    /* Reduced from default */
    margin-top: 0 !important;
}

.single .breadcrumbs,
.single-payments .breadcrumbs,
.single-software .breadcrumbs,
.single-affiliates .breadcrumbs {
    margin-top: 0 !important;
}

/* Add space between author and footer on Software, Payments & Standard Pages */
.single-software .site-content,
.single-payments .site-content,
.page:not(.home) .site-content {
    padding-bottom: 60px !important;
}

/* Related Items Grid Styling */
.related-items-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    /* Better spacing than default */
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
}

.related-items-grid .grid-item {
    flex: 1 1 calc(25% - 15px);
    /* 4 columns on desktop */
    min-width: 150px;
    margin: 0 !important;
    /* Override default grid margins */
}

.related-items-grid a {
    display: block;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    /* Rounded pill/card shape */
    padding: 12px 15px;
    text-align: center;
    color: #333;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

.related-items-grid a:hover {
    background: #f8f9fa;
    border-color: #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    /* Subtle lift effect */
    color: #000;
}

@media (max-width: 768px) {
    .related-items-grid .grid-item {
        flex: 1 1 calc(50% - 15px);
        /* 2 columns on mobile */
    }
}