/** Version 2.0 **/
/* Base Breadcrumb Container */
.kt-breadcrumb--premium-style2 { background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border: 0.5px solid #dee2e6; border-radius: 8px; padding: 1.5rem; margin-bottom: 1.5rem; display: block; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); transition: box-shadow 0.3s ease; }
.kt-breadcrumb--premium-style2:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }

/* Breadcrumb Layout */
.kt-breadcrumb__container { display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 400; line-height: 1.5; }
.kt-breadcrumb__item { display: flex; align-items: center; gap: 8px; }
.kt-breadcrumb__item--home { margin-right: 4px; flex-shrink: 0; }
.kt-breadcrumb__item--active { margin-left: auto; padding-left: 12px; border-left: 0.5px solid #dee2e6; gap: 8px; }

/* Icon */
.kt-breadcrumb__icon-wrapper { width: 32px; height: 32px; background: #e7f1ff; border-radius: 6px; display: flex; align-items: center; justify-content: center; color: #0d6efd; font-size: 16px; flex-shrink: 0; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
.kt-breadcrumb__icon-wrapper:hover { background: #cfe2ff; color: #0b5ed7; }
.kt-breadcrumb__icon-wrapper i { display: flex; }

/* Links */
.kt-breadcrumb__link { color: #6c757d; text-decoration: none; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; padding: 2px 4px; border-radius: 4px; }
.kt-breadcrumb__link:hover { color: #0d6efd; background-color: rgba(13, 110, 253, 0.1); }
.kt-breadcrumb__link:focus { outline: none; color: #0b5ed7; text-decoration: underline; }
.kt-breadcrumb__link:focus-visible { outline: 2px solid #0d6efd; outline-offset: 2px; }

/* Text */
.kt-breadcrumb__label { color: #6c757d; font-size: 14px; font-weight: 400; }
.kt-breadcrumb__text { color: #212529; font-weight: 500; transition: color 0.2s ease; }
.kt-breadcrumb__text--active { color: #212529; font-weight: 600; }

/* Match Link */
.kt-breadcrumb__match-link { display: flex; align-items: center; gap: 8px; text-decoration: none; color: inherit; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; padding: 2px 4px; border-radius: 4px; }
.kt-breadcrumb__match-link:hover { opacity: 0.85; background-color: rgba(13, 110, 253, 0.05); }
.kt-breadcrumb__match-link:focus-visible { outline: 2px solid #0d6efd; outline-offset: 2px; }

/* Match Details */
.kt-breadcrumb__team-home, .kt-breadcrumb__team-away { color: #212529; font-weight: 500; white-space: nowrap; }
.kt-breadcrumb__score { color: #212529; font-weight: 700; font-size: 15px; margin: 0 4px; white-space: nowrap; }

/* Divider */
.kt-breadcrumb__divider { color: #dee2e6; font-size: 12px; height: 20px; display: flex; align-items: center; flex-shrink: 0; }
.kt-breadcrumb__divider i { display: flex; line-height: 1; }

/* Badge */
.kt-breadcrumb__badge { background-color: #10b981; color: #ffffff; padding: 4px 10px; border-radius: 4px; font-size: 12px; font-weight: 600; margin-left: 8px; display: inline-flex; align-items: center; white-space: nowrap; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); text-transform: capitalize; }
.kt-breadcrumb__badge:hover { opacity: 0.9; }
.kt-breadcrumb__badge--success { background-color: #10b981; color: #ffffff; }
.kt-breadcrumb__badge--warning { background-color: #f59e0b; color: #ffffff; }
.kt-breadcrumb__badge--danger { background-color: #ef4444; color: #ffffff; }
.kt-breadcrumb__badge--info { background-color: #3b82f6; color: #ffffff; }

/* Metronic 6 Integration */
.kt-subheader__breadcrumbs.kt-breadcrumb--premium-style2 { background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border: 0.5px solid #dee2e6; border-radius: 8px; padding: 1.5rem; margin-bottom: 1.5rem; }
.kt-subheader__breadcrumbs.kt-breadcrumb--premium-style2-home { display: none; }
.kt-subheader__separator.kt-subheader__separator--v { display: none; }

/* Responsive - Tablets */
@media (max-width: 992px) {
    .kt-breadcrumb--premium-style2 { padding: 1.25rem; }
    .kt-breadcrumb__container { gap: 10px; font-size: 13px; }
    .kt-breadcrumb__item--active { margin-left: 0; padding-left: 0; border-left: none; width: 100%; margin-top: 8px; padding-top: 8px; border-top: 0.5px solid #dee2e6; }
    .kt-breadcrumb__icon-wrapper { width: 28px; height: 28px; font-size: 14px; }
    .kt-breadcrumb__score { font-size: 14px; }
}

/* Responsive - Mobile */
@media (max-width: 768px) {
    .kt-breadcrumb--premium-style2 { padding: 0.875rem 1rem; }
    .kt-breadcrumb__container { gap: 6px; font-size: 12px; }
    .kt-breadcrumb__item { gap: 4px; }
    .kt-breadcrumb__item--home { margin-right: 2px; }
    .kt-breadcrumb__icon-wrapper { width: 26px; height: 26px; font-size: 12px; }
    .kt-breadcrumb__label { font-size: 12px; }
    .kt-breadcrumb__score { font-size: 13px; margin: 0 2px; }
    .kt-breadcrumb__badge { font-size: 11px; padding: 3px 8px; margin-left: 6px; }
    .kt-breadcrumb__match-link { gap: 4px; font-size: 12px; }
    .kt-breadcrumb__team-home, .kt-breadcrumb__team-away { font-weight: 500; }
    .kt-breadcrumb__divider { font-size: 11px; }
    .kt-breadcrumb__item--active { padding-top: 6px; }
}

/* Responsive - Small Mobile */
@media (max-width: 480px) {
    .kt-breadcrumb--premium-style2 { padding: 0.75rem 0.875rem; }
    .kt-breadcrumb__container { gap: 4px; font-size: 11px; }
    .kt-breadcrumb__icon-wrapper { width: 24px; height: 24px; font-size: 11px; }
    .kt-breadcrumb__score { font-size: 12px; margin: 0 2px; }
    .kt-breadcrumb__badge { font-size: 10px; padding: 2px 6px; }
    .kt-breadcrumb__match-link { font-size: 11px; }
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
    .kt-breadcrumb--premium-style2 { background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%); border-color: #4a5568; }
    .kt-breadcrumb--premium-style2:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
    .kt-breadcrumb__icon-wrapper { background: rgba(59, 130, 246, 0.2); color: #60a5fa; }
    .kt-breadcrumb__icon-wrapper:hover { background: rgba(59, 130, 246, 0.3); }
    .kt-breadcrumb__label, .kt-breadcrumb__divider { color: #a0aec0; }
    .kt-breadcrumb__link { color: #cbd5e0; }
    .kt-breadcrumb__link:hover { color: #60a5fa; background-color: rgba(96, 165, 250, 0.1); }
    .kt-breadcrumb__team-home, .kt-breadcrumb__team-away, .kt-breadcrumb__score, .kt-breadcrumb__text, .kt-breadcrumb__text--active { color: #f7fafc; }
    .kt-breadcrumb__item--active { border-left-color: #4a5568; }
}

/* Print */
@media print {
    .kt-breadcrumb--premium-style2 { background: white; border: 0.5px solid #999; box-shadow: none; }
    .kt-breadcrumb__badge { border: 0.5px solid #999; background: white; color: #000; }
}