/**
 * Breadcrumbs Single Post RESCOP 
 */

/* === CONTENEDOR PRINCIPAL === */
.rescop-breadcrumbs-section {
    /* Ancho completo */
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    margin-top: 0;
    margin-bottom: 0;
    
    height: 43px;
    min-height: 43px;
    
    background: #F2F2F2;
    overflow: hidden;
    
    /* Flex container */
    display: flex;
    position: relative;
    padding: 0;
}

/* === CONTENEDOR INTERNO === */
.rescop-breadcrumbs-container {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    
    /* Flex horizontal para icono + nav */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    
    padding: 0 160px 0 160px; 
    gap: 32px; /* Espacio entre icono y texto */
}

/* === ICONO HOME === */
.rescop-breadcrumb-home-icon {
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    
    /* Flex para centrar icono */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.rescop-home-icon {
    /* Medidas del icono interno */
    width: 14.17px; 
    height: 13.90px; 
    
    filter: brightness(0) saturate(100%) invert(45%) sepia(12%) saturate(1676%) hue-rotate(94deg) brightness(90%) contrast(87%);
    /* Esto convierte cualquier color a #84A387 */
}

/* === NAVEGACIÓN BREADCRUMB === */
.rescop-breadcrumb-nav {
    /* Ocupa el resto del espacio */
    flex: 1;
    
    max-width: 1330px; /* width: 1330px */
    height: 43px;
    
    /* Flex para centrar verticalmente */
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* === ELEMENTOS DEL BREADCRUMB === */
.rescop-breadcrumb-home,
.rescop-breadcrumb-category {
    /* Tipografía para links */
    color: black !important;
    font-size: 12px !important;
    font-family: var(--rescop-font-secondary, 'Merriweather', serif) !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    text-decoration: underline !important; /* "Inicio" subrayado */
    word-wrap: break-word;
    transition: all 0.3s ease;
}

.rescop-breadcrumb-home:hover,
.rescop-breadcrumb-category:hover {
    color: #BE252D !important;
}

.rescop-breadcrumb-current {
    /* Tipografía para texto actual (sin link) */
    color: black !important;
    font-size: 12px !important;
    font-family: var(--rescop-font-secondary, 'Merriweather', serif) !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    text-decoration: none !important; /* Sin subrayado */
    word-wrap: break-word;
    
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* === RESPONSIVE === */
@media (max-width: 1680px) {
    .rescop-breadcrumbs-container {
        padding: 0 4rem;
    }
}

@media (max-width: 1024px) {
    .rescop-breadcrumbs-container {
        padding: 0 2rem;
        gap: 20px;
    }
    
    .rescop-breadcrumb-current {
        max-width: 400px;
    }
}

@media (max-width: 768px) {
    .rescop-breadcrumbs-container {
        padding: 0 1rem;
        gap: 15px;
    }
    
    .rescop-breadcrumb-current {
        max-width: 250px;
    }
    
    .rescop-breadcrumb-home,
    .rescop-breadcrumb-category,
    .rescop-breadcrumb-current {
        font-size: 11px !important;
        line-height: 20px !important;
    }
}

/* === ELIMINAR RESTRICCIONES DEL TEMA === */
.entry-content .rescop-breadcrumbs-section,
.wp-block-post-content .rescop-breadcrumbs-section,
.site-main .rescop-breadcrumbs-section {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    max-width: none !important;
}