/* ==========================================================================
   GLOBAL BREADCRUMBS STYLES (breadcrumbs.css)
   ========================================================================== */

 .breadcrumb-wrapper { margin-top: 10px; background-color: var(--our-gray); padding: 12px 0;  }
        .breadcrumb { margin-bottom: 0; font-size: 0.85rem; font-weight: 500; padding-left: 60px; }
        .breadcrumb-item a { color: #666; text-decoration: none; transition: 0.2s; }
        .breadcrumb-item a:hover { color: var(--our-gold); }
        .breadcrumb-item.active { color: var(--our-black); font-weight: 600; }
        .breadcrumb-item + .breadcrumb-item::before { content: ">"; color: #999; }

      /* ==========================================================================
   MOBILE RESPONSIVENESS (BULLETPROOF)
   ========================================================================== */
@media (max-width: 991px) {
    .breadcrumb-wrapper { 
        display: block !important;
        margin-top: 10px !important; /* Tinaasan natin para lumabas mula sa ilalim ng mobile navbar */
        padding: 10px 15px !important; 
        position: relative;
        z-index: 999;
    }
    .breadcrumb {
        padding-top: 0px !important;
        padding-left: 0 !important; /* Inalis ang 60px padding para di masikip sa cellphone */
        font-size: 0.85rem !important; 
    }
}