/* ============================================
   CUSTOM BREADCRUMBS BLOCK
   ============================================ */

/* Wrapper - Full width or contained */
.custom-breadcrumbs-wrapper {
    position: relative;
    width: 100%;
}

/* Full width variant */
.custom-breadcrumbs-wrapper.full-width {
    padding: 0;
    margin: 0;
}

.custom-breadcrumbs-wrapper.full-width .custom-breadcrumbs-container {
    max-width: 100%;
    padding: 0;
}

/* Background color support */
/* Colors are handled by theme's bg__ classes - no override needed */

/* Container */
.custom-breadcrumbs-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Inner wrapper */
.custom-breadcrumbs-inner {
    padding: calc(var(--ss) * 1) 0;
}

/* Full width inner adjustment */
.custom-breadcrumbs-wrapper.full-width .custom-breadcrumbs-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* Breadcrumbs container from Yoast */
.custom-breadcrumbs-wrapper .breadcrumbs {
    margin: 0;
    padding: 0;
}

/* Breadcrumb text and links */
.custom-breadcrumbs-wrapper .breadcrumbs,
.custom-breadcrumbs-wrapper .breadcrumbs p,
.custom-breadcrumbs-wrapper .breadcrumbs span,
.custom-breadcrumbs-wrapper .breadcrumbs a {
    color: var(--breadcrumb-text-color, #1E1E23);
    font-size: .5625rem;
    line-height: 1.6;
    margin: 0;
}

/* Links */
.custom-breadcrumbs-wrapper .breadcrumbs a {
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.custom-breadcrumbs-wrapper .breadcrumbs a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

/* Separators/Dividers (typically » or / or >) */
.custom-breadcrumbs-wrapper .breadcrumbs .breadcrumb_last,
.custom-breadcrumbs-wrapper .breadcrumbs span:not([typeof]) {
    color: var(--breadcrumb-text-color, #1E1E23);
}

/* Text Color Variants - Using CSS custom property */
.custom-breadcrumbs-wrapper.text-white {
    --breadcrumb-text-color: #FFFFFF;
}

.custom-breadcrumbs-wrapper.text-black {
    --breadcrumb-text-color: #1E1E23;
}

.custom-breadcrumbs-wrapper.text-orange {
    --breadcrumb-text-color: #FF9B69;
}

.custom-breadcrumbs-wrapper.text-green {
    --breadcrumb-text-color: #326446;
}

.custom-breadcrumbs-wrapper.text-purple {
    --breadcrumb-text-color: #BE91FF;
}

.custom-breadcrumbs-wrapper.text-blue {
    --breadcrumb-text-color: #7ECDFF;
}

/* Background Colors - Using theme's existing bg__ classes */
/* No color definitions needed - they inherit from your theme's generic_shared.css */

/* Text color overrides for better contrast on dark backgrounds */
.custom-breadcrumbs-wrapper.bg__green_dark .breadcrumbs,
.custom-breadcrumbs-wrapper.bg__green_dark .breadcrumbs a,
.custom-breadcrumbs-wrapper.bg__black .breadcrumbs,
.custom-breadcrumbs-wrapper.bg__black .breadcrumbs a,
.custom-breadcrumbs-wrapper.bg__dark_fill .breadcrumbs,
.custom-breadcrumbs-wrapper.bg__dark_fill .breadcrumbs a,
.custom-breadcrumbs-wrapper.bg__magenta_dark .breadcrumbs,
.custom-breadcrumbs-wrapper.bg__magenta_dark .breadcrumbs a,
.custom-breadcrumbs-wrapper.bg__orange_dark .breadcrumbs,
.custom-breadcrumbs-wrapper.bg__orange_dark .breadcrumbs a,
.custom-breadcrumbs-wrapper.bg__violet_dark .breadcrumbs,
.custom-breadcrumbs-wrapper.bg__violet_dark .breadcrumbs a,
.custom-breadcrumbs-wrapper.bg__yellow_dark .breadcrumbs,
.custom-breadcrumbs-wrapper.bg__yellow_dark .breadcrumbs a,
.custom-breadcrumbs-wrapper.bg__blue_dark .breadcrumbs,
.custom-breadcrumbs-wrapper.bg__blue_dark .breadcrumbs a,
.custom-breadcrumbs-wrapper.bg__red_dark .breadcrumbs,
.custom-breadcrumbs-wrapper.bg__red_dark .breadcrumbs a {
    color: #FFFFFF;
}

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

@media (max-width: 768px) {
    .custom-breadcrumbs-inner {
        padding: calc(var(--ss) * 0.75) 0;
    }
    
    .custom-breadcrumbs-wrapper .breadcrumbs,
    .custom-breadcrumbs-wrapper .breadcrumbs p,
    .custom-breadcrumbs-wrapper .breadcrumbs span,
    .custom-breadcrumbs-wrapper .breadcrumbs a {
        font-size: 12px;
    }
    
    .custom-breadcrumbs-container {
        padding: 0 15px;
    }
    
    .custom-breadcrumbs-wrapper.full-width .custom-breadcrumbs-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 480px) {
    .custom-breadcrumbs-wrapper .breadcrumbs,
    .custom-breadcrumbs-wrapper .breadcrumbs p,
    .custom-breadcrumbs-wrapper .breadcrumbs span,
    .custom-breadcrumbs-wrapper .breadcrumbs a {
        font-size: 11px;
    }
}

/* ============================================
   SCHEMA.ORG MICRODATA SUPPORT
   ============================================ */

/* Hide schema.org attributes visually (they're for SEO only) */
.custom-breadcrumbs-wrapper [vocab],
.custom-breadcrumbs-wrapper [typeof],
.custom-breadcrumbs-wrapper [property] {
    /* Keep default styling */
}

/* ============================================
   Disable click functionality
   ============================================ */

/* Make parent page breadcrumb links unclickable (multi-language) */
.custom-breadcrumbs-wrapper .breadcrumbs a[href*="/products/"],
.custom-breadcrumbs-wrapper .breadcrumbs a[href*="/produits/"],
.custom-breadcrumbs-wrapper .breadcrumbs a[href*="/productos/"],
.custom-breadcrumbs-wrapper .breadcrumbs a[href*="/prodotti/"],
.custom-breadcrumbs-wrapper .breadcrumbs a[href*="/produkte/"],
.custom-breadcrumbs-wrapper .breadcrumbs a[href*="/expertise/"] {
    cursor: default !important;
    pointer-events: none !important;
    text-decoration: none !important;
}

.custom-breadcrumbs-wrapper .breadcrumbs a[href*="/products/"]:hover,
.custom-breadcrumbs-wrapper .breadcrumbs a[href*="/produits/"]:hover,
.custom-breadcrumbs-wrapper .breadcrumbs a[href*="/productos/"]:hover,
.custom-breadcrumbs-wrapper .breadcrumbs a[href*="/prodotti/"]:hover,
.custom-breadcrumbs-wrapper .breadcrumbs a[href*="/produkte/"]:hover,
.custom-breadcrumbs-wrapper .breadcrumbs a[href*="/expertise/"]:hover {
    opacity: 1 !important;
    text-decoration: none !important;
}