/**
 * Pretpot Smart Breadcrumb Styles
 */

/* ============================================
   BASE STYLES - High specificity
   ============================================ */

.elementor-widget-pretpot-smart-breadcrumb,
.elementor-widget-pretpot-smart-breadcrumb .elementor-widget-container,
.pretpot-smart-breadcrumb-wrapper,
.pretpot-breadcrumb {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* The list - force horizontal flex with maximum specificity */
.pretpot-breadcrumb-list,
.elementor .pretpot-breadcrumb-list,
.elementor-element .pretpot-breadcrumb-list,
.e-con .pretpot-breadcrumb-list,
.e-con-inner .pretpot-breadcrumb-list,
.elementor-section .pretpot-breadcrumb-list,
.elementor-column .pretpot-breadcrumb-list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    width: 100% !important;
}

/* Individual items - prevent full-width behavior */
.pretpot-breadcrumb-item,
.elementor .pretpot-breadcrumb-item,
.pretpot-breadcrumb-list > li {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    width: auto !important;
    float: none !important;
}

/* Links and text */
.pretpot-breadcrumb a,
.pretpot-breadcrumb-current,
.pretpot-breadcrumb-item > a,
.pretpot-breadcrumb-item > span {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    width: auto !important;
}

.pretpot-breadcrumb a:hover {
    text-decoration: underline !important;
}

.pretpot-breadcrumb-current {
    cursor: default !important;
    font-weight: bold !important;
}

/* Separator - keep inline */
.pretpot-breadcrumb-separator,
.pretpot-breadcrumb-list > .pretpot-breadcrumb-separator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: auto !important;
    margin: 0 8px !important;
    opacity: 0.6 !important;
}

.pretpot-breadcrumb-separator svg {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
}

/* Icon support */
.pretpot-breadcrumb-icon {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 4px !important;
}

.pretpot-breadcrumb-icon svg,
.pretpot-breadcrumb-icon i {
    width: 1em !important;
    height: 1em !important;
    display: block !important;
}

/* Mobile ellipsis */
.pretpot-breadcrumb-ellipsis {
    display: none !important;
    align-items: center !important;
    flex-direction: row !important;
}

.pretpot-ellipsis {
    padding: 0 4px !important;
    letter-spacing: 2px !important;
    opacity: 0.6 !important;
}

.pretpot-breadcrumb-show-mobile {
    display: none !important;
}

/* ============================================
   MOBILE COLLAPSE
   ============================================ */

@media screen and (max-width: 768px) {
    .pretpot-breadcrumb[data-mobile-collapse="true"] .pretpot-breadcrumb-hide-mobile {
        display: none !important;
    }
    
    .pretpot-breadcrumb[data-mobile-collapse="true"] .pretpot-breadcrumb-show-mobile {
        display: inline-flex !important;
    }
    
    .pretpot-breadcrumb[data-mobile-collapse="true"] .pretpot-breadcrumb-list {
        flex-wrap: nowrap !important;
    }
    
    .pretpot-breadcrumb[data-mobile-scroll="true"] .pretpot-breadcrumb-list {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }
    
    .pretpot-breadcrumb[data-mobile-scroll="true"] .pretpot-breadcrumb-list::-webkit-scrollbar {
        display: none !important;
    }
}

/* ============================================
   RTL SUPPORT
   ============================================ */

[dir="rtl"] .pretpot-breadcrumb-list {
    flex-direction: row !important;
}

[dir="rtl"] .pretpot-separator-chevron {
    transform: rotate(180deg) !important;
}

[dir="rtl"] .pretpot-breadcrumb-icon {
    margin-right: 0 !important;
    margin-left: 4px !important;
}