/*
Theme Name: Astra Child
Description: Child theme for Astra with wiki-style single post template
Author: Your Name
Template: astra
Version: 1.0.0
*/

/* Import parent theme styles */
@import url("../astra/style.css");

/* Breadcrumb Styles - Below Title */
/* Wiki breadcrumbs */
.wiki-breadcrumbs {
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.5;
}

.wiki-breadcrumbs .rank-math-breadcrumb,
.wiki-breadcrumbs .rank-math-breadcrumb p,
.wiki-breadcrumbs .ast-breadcrumbs,
.wiki-breadcrumbs .ast-breadcrumbs-wrapper {
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    color: #64748b;
}

.wiki-breadcrumbs .rank-math-breadcrumb a,
.wiki-breadcrumbs .ast-breadcrumbs a {
    color: #64748b;
    text-decoration: none;
    transition: color 0.2s ease;
}

.wiki-breadcrumbs .rank-math-breadcrumb a:hover,
.wiki-breadcrumbs .ast-breadcrumbs a:hover {
    color: #3b82f6;
    text-decoration: underline;
}

.wiki-breadcrumbs .rank-math-breadcrumb span,
.wiki-breadcrumbs .ast-breadcrumbs .separator {
    color: #94a3b8;
    margin: 0 6px;
    font-size: 11px;
}

/* Page template breadcrumbs */
.page-breadcrumbs {
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.5;
}

.page-breadcrumbs .rank-math-breadcrumb,
.page-breadcrumbs .rank-math-breadcrumb p,
.page-breadcrumbs .ast-breadcrumbs,
.page-breadcrumbs .ast-breadcrumbs-wrapper {
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    color: #64748b;
}

.page-breadcrumbs .rank-math-breadcrumb a,
.page-breadcrumbs .ast-breadcrumbs a {
    color: #64748b;
    text-decoration: none;
    transition: color 0.2s ease;
}

.page-breadcrumbs .rank-math-breadcrumb a:hover,
.page-breadcrumbs .ast-breadcrumbs a:hover {
    color: #3b82f6;
    text-decoration: underline;
}

.page-breadcrumbs .rank-math-breadcrumb span,
.page-breadcrumbs .ast-breadcrumbs .separator {
    color: #94a3b8;
    margin: 0 6px;
    font-size: 11px;
}

/* Standard single post breadcrumbs */
.ast-single-post-breadcrumbs {
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.5;
}

.ast-single-post-breadcrumbs .rank-math-breadcrumb,
.ast-single-post-breadcrumbs .rank-math-breadcrumb p,
.ast-single-post-breadcrumbs .ast-breadcrumbs,
.ast-single-post-breadcrumbs .ast-breadcrumbs-wrapper {
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    color: #64748b;
}

.ast-single-post-breadcrumbs .rank-math-breadcrumb a,
.ast-single-post-breadcrumbs .ast-breadcrumbs a {
    color: #64748b;
    text-decoration: none;
    transition: color 0.2s ease;
}

.ast-single-post-breadcrumbs .rank-math-breadcrumb a:hover,
.ast-single-post-breadcrumbs .ast-breadcrumbs a:hover {
    color: #3b82f6;
    text-decoration: underline;
}

.ast-single-post-breadcrumbs .rank-math-breadcrumb span,
.ast-single-post-breadcrumbs .ast-breadcrumbs .separator {
    color: #94a3b8;
    margin: 0 6px;
    font-size: 11px;
}

/* Ensure breadcrumb wrapper styling */
.ast-single-post-breadcrumbs .ast-breadcrumbs-wrapper,
.page-breadcrumbs .ast-breadcrumbs-wrapper,
.wiki-breadcrumbs .ast-breadcrumbs-wrapper {
    padding: 0;
    margin: 0;
}

/* RankMath breadcrumb specific styling */
.rank-math-breadcrumb {
    font-size: 12px !important;
}

.rank-math-breadcrumb p {
    margin: 0 !important;
    font-size: 12px !important;
}

.rank-math-breadcrumb a {
    font-size: 12px !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    /* Hide breadcrumbs below title on mobile - they will be shown in modal */
    .wiki-breadcrumbs {
        display: none;
    }
    
    .wiki-breadcrumbs .rank-math-breadcrumb,
    .wiki-breadcrumbs .rank-math-breadcrumb p,
    .wiki-breadcrumbs .ast-breadcrumbs,
    .wiki-breadcrumbs .ast-breadcrumbs-wrapper {
        font-size: 11px;
    }
    
    /* Keep breadcrumbs visible on desktop single posts */
    .ast-single-post-breadcrumbs {
        font-size: 11px;
    }
    
    .ast-single-post-breadcrumbs .rank-math-breadcrumb,
    .ast-single-post-breadcrumbs .rank-math-breadcrumb p,
    .ast-single-post-breadcrumbs .ast-breadcrumbs {
        font-size: 11px;
    }
}

/* Tablet - keep breadcrumbs visible */
@media (min-width: 769px) and (max-width: 1024px) {
    .wiki-breadcrumbs,
    .page-breadcrumbs,
    .ast-single-post-breadcrumbs {
        display: block;
    }
}