/*
Theme Name: Citadela Child Theme
Theme URI: https://yourdomain.com/
Description: Child theme for the Citadela Directory theme
Author: Your Name
Author URI: https://yourdomain.com/
Template: citadelawp
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: citadela-child
*/

/* ===========================================
   BREADCRUMBS STYLES
   =========================================== */

.citadela-breadcrumbs {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 100 !important;
    font-size: 14px;
    line-height: 1.4;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.citadela-breadcrumbs-container {
    background: #f8f9fa !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid #eaeaea !important;
    margin: 0 !important;
    width: 100% !important;
    position: relative !important;
    z-index: 999 !important;
}

.citadela-breadcrumbs .breadcrumb-item {
    display: inline-block;
}

.citadela-breadcrumbs .separator {
    margin: 0 8px;
    color: #666;
}

.citadela-breadcrumbs a {
    color: #007cba;
    text-decoration: none;
    transition: color 0.2s ease;
}

.citadela-breadcrumbs a:hover {
    color: #005a87;
    text-decoration: underline;
}

.citadela-breadcrumbs .current {
    color: #333;
    font-weight: 500;
}

/* Container styling to match Citadela */
.container .citadela-breadcrumbs {
    padding: 0 15px;
}

/* Hide on homepage */
.home .citadela-breadcrumbs,
.home .citadela-breadcrumbs-container {
    display: none !important;
}

/* Responsive */
@media (max-width: 768px) {
    .citadela-breadcrumbs {
        font-size: 13px;
        padding: 10px 0 !important;
    }
    
    .citadela-breadcrumbs .separator {
        margin: 0 5px;
    }
}
/*
Theme Name: Citadela Child Theme
Template: citadelawp
Version: 1.0.0
*/

/* ===========================================
   BREADCRUMBS STYLES
   =========================================== */

.citadela-breadcrumbs-container {
    background: #f8f9fa;
    padding: 15px 0;
    border-bottom: 1px solid #eaeaea;
    width: 100%;
}

.citadela-breadcrumbs-container .grid-main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.citadela-breadcrumbs {
    font-size: 14px;
    line-height: 1.4;
    color: #333;
}

.citadela-breadcrumbs a {
    color: #007cba;
    text-decoration: none;
    transition: color 0.2s ease;
}

.citadela-breadcrumbs a:hover {
    color: #005a87;
    text-decoration: underline;
}

.citadela-breadcrumbs .breadcrumb-separator {
    margin: 0 8px;
    color: #666;
}

.citadela-breadcrumbs .breadcrumb-current {
    color: #333;
    font-weight: 500;
}

/* Hide on homepage and blog homepage */
.home .citadela-breadcrumbs-container,
.blog .citadela-breadcrumbs-container {
    display: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .citadela-breadcrumbs-container {
        padding: 12px 0;
    }
    
    .citadela-breadcrumbs {
        font-size: 13px;
    }
    
    .citadela-breadcrumbs .breadcrumb-separator {
        margin: 0 5px;
    }
}

/* ===========================================
   URGENT BREADCRUMBS FIX
   =========================================== */

/* 1. FIX THE CONTAINER - This is missing! */
.citadela-breadcrumbs-container {
    background: #f8f9fa !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid #eaeaea !important;
    width: 100% !important;
    position: static !important; /* CRITICAL - not relative! */
    z-index: 1 !important; /* Lower than header */
    margin-top: 0 !important;
    display: block !important;
}

/* 2. Make sure header stays on top */
header#masthead,
.site-header,
#masthead,
.sticky-header-wrapper {
    position: relative !important;
    z-index: 100 !important;
}

/* 3. Fix the inner breadcrumbs */
.citadela-breadcrumbs-container .citadela-breadcrumbs {
    font-size: 14px !important;
    color: #333 !important;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.citadela-breadcrumbs-container a {
    color: #007cba !important;
}

/* 4. FORCE breadcrumbs below header - try these one by one: */
/* Option A: Add margin */
.citadela-breadcrumbs-container {
    margin-top: 80px !important;
}

/* Option B: OR if margin doesn't work, use clear */
.citadela-breadcrumbs-container {
    clear: both !important;
}

/* 5. Debug - make it obvious where breadcrumbs are */
.citadela-breadcrumbs-container {
    border: 3px solid red !important;
    background: rgba(255, 0, 0, 0.1) !important;
}

/*
Theme Name: Citadela Child Theme
Template: citadelawp
Version: 1.0.0
*/

/* NUCLEAR OPTION - Remove ALL red */
.citadela-breadcrumbs-container {
    border: none !important;
    background: #f8f9fa !important;
    background-color: #f8f9fa !important;
    background-image: none !important;
}

/* Force remove any rgba red backgrounds */
[style*="rgba(255,0,0"],
[style*="rgba(255, 0, 0"],
[style*="rgb(255,0,0"],
[style*="rgb(255, 0, 0"],
[style*="red"] {
    background: #f8f9fa !important;
    border: none !important;
}