/* KrosGear full red/black rebrand
   Version: 20260515-red-full1
   Palette based on current KrosGear motorcycle logo.
   This file intentionally overrides old MultiShop yellow styles.
*/

:root{
    --kg-brand-red:#E30613;
    --kg-brand-red-dark:#B0000B;
    --kg-brand-red-deep:#7A0008;
    --kg-brand-red-soft:#FDE8EA;
    --kg-brand-red-soft-2:#F8C8CC;
    --kg-dark:#0B0B0D;
    --kg-dark-2:#171A1D;
    --kg-text:#242A30;
    --kg-muted:#6F7780;
    --kg-page:#F4F5F7;
    --kg-card:#FFFFFF;
    --kg-border:#D9DEE3;
    --primary:#E30613;
    --secondary:#F4F5F7;
    --warning:#E30613;
    --dark:#0B0B0D;
}

html,body{background:var(--kg-page)!important;color:var(--kg-text)!important;}
body{accent-color:var(--kg-brand-red);}
a{color:var(--kg-brand-red);}a:hover,a:focus{color:var(--kg-brand-red-dark);}
hr{border-top-color:var(--kg-border)!important;}
.text-dark,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--kg-text)!important;}
.text-body{color:var(--kg-text)!important;}.text-muted,.text-secondary{color:var(--kg-muted)!important;}
.text-primary,.text-warning{color:var(--kg-brand-red)!important;}
.bg-primary,.bg-warning{background-color:var(--kg-brand-red)!important;color:#fff!important;}
.bg-dark{background-color:var(--kg-dark)!important;color:#fff!important;}
.bg-secondary,.bg-light{background-color:var(--kg-page)!important;}
.border-primary,.border-warning{border-color:var(--kg-brand-red)!important;}
.border,.border-top,.border-right,.border-bottom,.border-left{border-color:var(--kg-border)!important;}

/* Buttons */
.btn-primary,.btn-warning,.btn.btn-primary,.btn.btn-warning{
    background:var(--kg-brand-red)!important;border-color:var(--kg-brand-red)!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.22);
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-warning:hover,.btn-warning:focus,.btn-warning:active,
.btn.btn-primary:hover,.btn.btn-primary:focus,.btn.btn-warning:hover,.btn.btn-warning:focus{
    background:var(--kg-brand-red-dark)!important;border-color:var(--kg-brand-red-dark)!important;color:#fff!important;
}
.btn-outline-primary,.btn-outline-warning{color:var(--kg-brand-red)!important;border-color:var(--kg-brand-red)!important;background:#fff!important;}
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-warning:hover,.btn-outline-warning:focus{background:var(--kg-brand-red)!important;border-color:var(--kg-brand-red)!important;color:#fff!important;}
.btn-light{background:#fff!important;border-color:var(--kg-border)!important;color:var(--kg-text)!important;}
.btn-light:hover,.btn-light:focus{border-color:var(--kg-brand-red)!important;color:var(--kg-brand-red)!important;background:#fff!important;}
.btn-dark{background:var(--kg-dark)!important;border-color:var(--kg-dark)!important;color:#fff!important;}

/* Header, nav, top bars */
.topbar,.kg-topbar,.kg-header,.header,.navbar-dark,.bg-dark{background:var(--kg-dark)!important;}
.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.88)!important;}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:#fff!important;}
.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .active>.nav-link{color:var(--kg-brand-red)!important;}
.navbar .nav-link i,.navbar .nav-item i,.kg-header i,.kg-topbar i,.fa-user,.far.fa-user,.fa-tools,.fa-wrench{color:inherit!important;}
.navbar-dark .navbar-nav .nav-link:hover i,.navbar-dark .navbar-nav .nav-link:focus i{color:var(--kg-brand-red)!important;}
.navbar-toggler{border-color:rgba(255,255,255,.28)!important;color:#fff!important;}
.navbar-toggler:hover,.navbar-toggler:focus{border-color:var(--kg-brand-red)!important;box-shadow:0 0 0 .18rem rgba(227,6,19,.22)!important;}

/* Category top bar */
.navbar-vertical .btn,.navbar-vertical .btn.bg-primary,a.btn.bg-primary,button.btn.bg-primary,
.kg-category-header,.kg-mobile-category-toggle{
    background:var(--kg-brand-red)!important;border-color:var(--kg-brand-red)!important;color:#fff!important;
}
.navbar-vertical .btn:hover,.navbar-vertical .btn:focus,.navbar-vertical .btn.bg-primary:hover,.navbar-vertical .btn.bg-primary:focus,
a.btn.bg-primary:hover,a.btn.bg-primary:focus,button.btn.bg-primary:hover,button.btn.bg-primary:focus,
.kg-category-header:hover,.kg-mobile-category-toggle:hover{
    background:var(--kg-brand-red-dark)!important;border-color:var(--kg-brand-red-dark)!important;color:#fff!important;
}
.navbar-vertical .btn *,.kg-category-header *,.kg-mobile-category-toggle *{color:inherit!important;}

/* Category tree */
.kg-category-tree,.kg-filter-card,.kg-sidebar,.kg-page-box,.kg-collection-box,.kg-card,.product-item{background:var(--kg-card)!important;}
.kg-tree-toggle,.kg-category-link,.kg-category-row,.navbar-vertical .navbar-nav .nav-link{color:var(--kg-text)!important;border-color:var(--kg-border)!important;background:#fff!important;}
.kg-tree-toggle:hover,.kg-category-link:hover,.kg-category-row:hover,.navbar-vertical .navbar-nav .nav-link:hover,
.kg-category-tree .kg-tree-node.is-ancestor>.kg-tree-toggle{
    color:var(--kg-brand-red-deep)!important;background:var(--kg-brand-red-soft)!important;border-color:var(--kg-brand-red-soft-2)!important;
}
.kg-category-tree .kg-tree-node.is-selected>.kg-tree-toggle,.kg-tree-toggle.active,.kg-tree-toggle.is-active,
.kg-category-link.is-active,.kg-category-row.is-active,.navbar-vertical .navbar-nav .nav-link.active{
    color:#fff!important;background:var(--kg-brand-red)!important;border-color:var(--kg-brand-red)!important;
}
.kg-category-tree .kg-tree-node.is-selected>.kg-tree-toggle *,.kg-tree-toggle.active *,.kg-tree-toggle.is-active *{color:#fff!important;}
.kg-tree-caret,.kg-tree-toggle:hover .kg-tree-caret{color:var(--kg-brand-red)!important;}
.kg-category-tree .kg-tree-node.is-selected>.kg-tree-toggle .kg-tree-caret{color:#fff!important;}
.kg-tree-count{background:var(--kg-page)!important;color:var(--kg-muted)!important;}
.kg-category-tree .kg-tree-node.is-selected>.kg-tree-toggle .kg-tree-count{background:rgba(255,255,255,.2)!important;color:#fff!important;}

/* Chips / active filters / warning-like info */
.kg-chip,.kg-active-filter,.kg-filter-chip,.kg-catalog-chip,.alert-warning,.kg-placeholder-note{
    color:var(--kg-brand-red-deep)!important;background:var(--kg-brand-red-soft)!important;border-color:var(--kg-brand-red-soft-2)!important;
}
.alert-warning a,.kg-placeholder-note a{color:var(--kg-brand-red-dark)!important;font-weight:700;}

/* Forms */
.form-control,.custom-select,input,select,textarea{border-color:var(--kg-border)!important;color:var(--kg-text);}
.form-control:focus,.custom-select:focus,input:focus,select:focus,textarea:focus,.btn:focus{border-color:var(--kg-brand-red)!important;box-shadow:0 0 0 .2rem rgba(227,6,19,.16)!important;}
.custom-control-input:checked~.custom-control-label::before{background:var(--kg-brand-red)!important;border-color:var(--kg-brand-red)!important;}
.input-group-text{background:var(--kg-page)!important;border-color:var(--kg-border)!important;color:var(--kg-text)!important;}

/* Product cards */
.product-item,.kg-product-card,.kg-card,.kg-collection-box{background:#fff!important;border-color:var(--kg-border)!important;}
.product-item:hover,.kg-product-card:hover,.kg-card:hover{box-shadow:0 12px 30px rgba(11,11,13,.10)!important;}
.product-title,.kg-product-title,.kg-card-title,.kg-card-name,.product-item h5,.product-item h6{color:var(--kg-text)!important;}
.product-title:hover,.kg-product-title:hover,.kg-card-title:hover,.kg-card-name:hover,.product-item h5:hover,.product-item h6:hover{color:var(--kg-brand-red)!important;}
.product-price,.kg-price,.kg-card-price{color:var(--kg-dark)!important;}
.product-action a,.product-item .btn,.kg-card-actions a,.kg-card-actions button,.kg-product-actions a,.kg-product-actions button,
.kg-favorite-btn,.kg-add-cart-btn{background:#fff!important;border-color:var(--kg-border)!important;color:var(--kg-dark)!important;}
.product-action a:hover,.product-item .btn:hover,.kg-card-actions a:hover,.kg-card-actions button:hover,.kg-product-actions a:hover,.kg-product-actions button:hover,
.kg-favorite-btn:hover,.kg-favorite-btn.is-active,.kg-add-cart-btn:hover{background:var(--kg-brand-red)!important;border-color:var(--kg-brand-red)!important;color:#fff!important;}
.kg-add-cart-btn--needs-variant:hover{background:var(--kg-dark)!important;border-color:var(--kg-dark)!important;color:#fff!important;}

/* Counts, badges */
.badge-primary,.badge-warning,.kg-cart-count,.kg-fav-count,.kg-count-badge,.kg-nav-badge,.kg-nav-badge--cart,.navbar .badge{
    background:var(--kg-brand-red)!important;color:#fff!important;border-color:var(--kg-brand-red)!important;
}
.badge-light{background:#fff!important;color:var(--kg-text)!important;}

/* View switch */
.kg-view-switch .btn,.kg-view-switch button,.kg-view-switch a,.kg-view-btn,[data-kg-view]{border-color:var(--kg-border)!important;background:#fff!important;color:var(--kg-text)!important;}
.kg-view-switch .btn:hover,.kg-view-switch button:hover,.kg-view-switch a:hover,.kg-view-btn:hover,[data-kg-view]:hover{border-color:var(--kg-brand-red)!important;color:var(--kg-brand-red)!important;background:#fff!important;}
.kg-view-switch .btn.active,.kg-view-switch button.active,.kg-view-switch a.active,.kg-view-btn.active,.kg-view-btn.is-active,[data-kg-view].active,[data-kg-view].is-active{background:var(--kg-brand-red)!important;border-color:var(--kg-brand-red)!important;color:#fff!important;}

/* Dropdowns and hover states */
.dropdown-item:hover,.dropdown-item:focus{background:var(--kg-brand-red-soft)!important;color:var(--kg-brand-red-deep)!important;}
.dropdown-item.active,.dropdown-item:active{background:var(--kg-brand-red)!important;color:#fff!important;}
.nav-link:hover,.nav-link:focus,a:hover,a:focus{color:var(--kg-brand-red)!important;}

/* Tables / checkout / cart */
.table thead th,.cart-table thead th,.kg-table thead th{background:var(--kg-dark-2)!important;color:#fff!important;border-color:var(--kg-dark-2)!important;}
.table td,.table th{border-color:var(--kg-border)!important;}
.kg-payment-option:hover,.kg-payment-option.is-active{border-color:var(--kg-brand-red)!important;box-shadow:0 8px 20px rgba(11,11,13,.08)!important;}

/* Rails/sliders/back-to-top */
.owl-dot.active span,.owl-carousel .owl-nav button:hover,.testimonial-carousel .owl-dot.active,.testimonial-carousel .owl-item.center .testimonial-item,
.kg-rail__nav:hover,.kg-rail__nav:focus,.back-to-top,.kg-back-to-top{background:var(--kg-brand-red)!important;border-color:var(--kg-brand-red)!important;color:#fff!important;}
.back-to-top:hover,.kg-back-to-top:hover{background:var(--kg-brand-red-dark)!important;border-color:var(--kg-brand-red-dark)!important;color:#fff!important;}
.carousel-caption,.product-offer .offer-text{background:rgba(11,11,13,.62)!important;}
.cat-item:hover{background:var(--kg-brand-red-soft)!important;}
.cat-item:hover h5,.cat-item:hover a{color:var(--kg-brand-red-deep)!important;}

/* Red/dark backgrounds: force readable text */
.bg-primary *,.bg-warning *,.btn-primary *,.btn-warning *,.kg-category-header *,.kg-mobile-category-toggle *{color:inherit!important;}
.bg-primary .text-muted,.bg-warning .text-muted,.btn-primary .text-muted,.btn-warning .text-muted{color:rgba(255,255,255,.9)!important;}

/* Semantic status colors intentionally remain recognizable */
.badge-success,.alert-success,.text-success{ }
.badge-danger,.alert-danger,.text-danger{ }

/* KrosGear red cleanup 2
   Final override layer for remaining legacy yellow/warning Bootstrap states.
   Version: 20260515-red-cleanup2
*/
:root{
    --yellow:#E30613!important;
    --warning:#E30613!important;
    --kg-focus-ring:rgba(227,6,19,.18);
    --kg-focus-ring-strong:rgba(255,51,51,.26);
}

/* Remove old yellow hover/focus shades from Bootstrap-generated states. */
.btn-primary,.btn-warning,.badge-primary,.badge-warning,.bg-primary,.bg-warning,
.progress-bar,.custom-range::-webkit-slider-thumb,.custom-range::-moz-range-thumb,.custom-range::-ms-thumb{
    background-color:var(--kg-brand-red)!important;
    border-color:var(--kg-brand-red)!important;
    color:#fff!important;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,.show>.btn-warning.dropdown-toggle,
a.badge-primary:hover,a.badge-primary:focus,a.badge-warning:hover,a.badge-warning:focus,
a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus,
a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus{
    background-color:var(--kg-brand-red-dark)!important;
    border-color:var(--kg-brand-red-dark)!important;
    color:#fff!important;
}
.btn-primary:focus,.btn-primary.focus,.btn-warning:focus,.btn-warning.focus,
.btn-outline-primary:focus,.btn-outline-primary.focus,.btn-outline-warning:focus,.btn-outline-warning.focus,
.badge-primary:focus,.badge-warning:focus,.form-control:focus,.custom-select:focus,.custom-file-input:focus~.custom-file-label,
.custom-control-input:focus~.custom-control-label::before{
    border-color:var(--kg-brand-red)!important;
    box-shadow:0 0 0 .2rem var(--kg-focus-ring)!important;
}
.form-control:focus,.custom-select:focus,.custom-file-input:focus~.custom-file-label,
.custom-control-input:focus:not(:checked)~.custom-control-label::before{
    border-color:var(--kg-brand-red)!important;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before,
.custom-range::-webkit-slider-thumb:active,
.custom-range::-moz-range-thumb:active,
.custom-range::-ms-thumb:active{
    background-color:var(--kg-brand-red-soft)!important;
    border-color:var(--kg-brand-red-soft-2)!important;
}

/* Warnings should be soft red, not yellow. Keep the semantic meaning but remove yellow. */
.alert-warning,.table-warning,.table-warning>th,.table-warning>td,
.list-group-item-warning,.mark,mark{
    color:var(--kg-brand-red-deep)!important;
    background-color:var(--kg-brand-red-soft)!important;
    border-color:var(--kg-brand-red-soft-2)!important;
}
.alert-warning .alert-link,.list-group-item-warning .alert-link,.table-warning .alert-link{
    color:var(--kg-brand-red-dark)!important;
}
.table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th,
.list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus{
    color:var(--kg-brand-red-deep)!important;
    background-color:#FADDE0!important;
}
.list-group-item-warning.list-group-item-action.active{
    color:#fff!important;
    background-color:var(--kg-brand-red)!important;
    border-color:var(--kg-brand-red)!important;
}

/* Direct KrosGear UI elements that previously used the old yellow accent. */
.kg-chip,.kg-active-filter,.kg-filter-chip,.kg-catalog-chip{
    background:var(--kg-brand-red-soft)!important;
    border-color:var(--kg-brand-red-soft-2)!important;
    color:var(--kg-brand-red-deep)!important;
}
.kg-tree-toggle:hover,
.kg-tree-node.is-ancestor>.kg-tree-toggle,
.kg-category-tree .kg-tree-node.is-ancestor>.kg-tree-toggle{
    background:var(--kg-brand-red-soft)!important;
    border-color:var(--kg-brand-red-soft-2)!important;
    color:var(--kg-brand-red-deep)!important;
}
.kg-tree-node.is-selected>.kg-tree-toggle,
.kg-category-tree .kg-tree-node.is-selected>.kg-tree-toggle,
.kg-tree-toggle.active,.kg-tree-toggle.is-active{
    background:var(--kg-brand-red)!important;
    border-color:var(--kg-brand-red)!important;
    color:#fff!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.22) inset,0 8px 18px rgba(227,6,19,.18)!important;
}
.kg-tree-node.is-selected>.kg-tree-toggle *{color:#fff!important;}
.kg-tree-node.is-selected>.kg-tree-toggle .kg-tree-count{
    background:rgba(255,255,255,.2)!important;
    color:#fff!important;
}

.kg-view-btn:hover,.kg-view-btn:focus,
.kg-view-switch .btn:hover,.kg-view-switch button:hover,.kg-view-switch a:hover,[data-kg-view]:hover{
    background:var(--kg-dark-2)!important;
    border-color:var(--kg-dark-2)!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(11,11,13,.12)!important;
}
.kg-view-btn.is-active,.kg-view-btn.active,
.kg-view-switch .btn.active,.kg-view-switch button.active,.kg-view-switch a.active,[data-kg-view].active,[data-kg-view].is-active{
    background:var(--kg-brand-red)!important;
    border-color:var(--kg-brand-red)!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(255,51,51,.26)!important;
}

.kg-favorite-btn.is-active,.kg-favorite-btn:hover,#kgFavoriteBtn.active,
.product-action a:hover,.product-item .btn:hover,
.kg-card-actions a:hover,.kg-card-actions button:hover,
.kg-product-actions a:hover,.kg-product-actions button:hover{
    background:var(--kg-brand-red)!important;
    border-color:var(--kg-brand-red)!important;
    color:#fff!important;
}
.kg-add-cart-btn:hover,.kg-add-cart-btn--needs-variant:hover,#kgAddToCart:hover{
    background:var(--kg-dark)!important;
    border-color:var(--kg-dark)!important;
    color:#fff!important;
}
.kg-nav-badge--cart,.kg-cart-count,.kg-fav-count,.kg-count-badge,.kg-nav-badge,.navbar .badge{
    background:var(--kg-brand-red)!important;
    border-color:var(--kg-brand-red)!important;
    color:#fff!important;
}
.kg-payment-option:hover,.kg-payment-option.is-active,
.kg-mini-card:hover,.kg-product-card:hover{
    border-color:var(--kg-brand-red)!important;
    box-shadow:0 10px 26px rgba(227,6,19,.10)!important;
}
.kg-mini-card__title:hover,
.kg-section-link:hover,
.kg-footer a:hover,
.kg-account-link:hover{
    color:var(--kg-brand-red)!important;
}

/* Better readability on red backgrounds. */
.bg-primary,.bg-warning,.btn-primary,.btn-warning,
.kg-category-header,.kg-mobile-category-toggle,
.kg-view-btn.is-active,.kg-tree-node.is-selected>.kg-tree-toggle{
    color:#fff!important;
}
.bg-primary *,.bg-warning *,.btn-primary *,.btn-warning *,
.kg-category-header *,.kg-mobile-category-toggle *,
.kg-view-btn.is-active *,.kg-tree-node.is-selected>.kg-tree-toggle *{
    color:inherit!important;
}
.bg-primary .text-muted,.bg-warning .text-muted,.btn-primary .text-muted,.btn-warning .text-muted,
.kg-category-header .text-muted,.kg-mobile-category-toggle .text-muted{
    color:rgba(255,255,255,.92)!important;
}

/* KG phone logo/actions/brand-code fix START */

/* Mobile-only logo */
.kg-logo-phone{
    display:block;
    width:auto;
    max-width:210px;
    height:auto;
    max-height:64px;
    object-fit:contain;
}

@media (max-width:575.98px){
    .kg-logo-phone{
        max-width:190px;
        max-height:58px;
    }
}

/* Product action buttons must stay centered and clickable */
.product-item .product-action,
.kg-product-card .product-action,
.kg-card .product-action{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    pointer-events:none !important;
}

.product-item .product-action a,
.product-item .product-action button,
.kg-product-card .product-action a,
.kg-product-card .product-action button,
.kg-card .product-action a,
.kg-card .product-action button{
    pointer-events:auto !important;
}

/* Prevent sticky red focus/active state after tapping favorite/cart */
.kg-favorite-btn,
.kg-add-cart-btn,
.kg-mini-favorite-btn,
.kg-mini-add-cart-btn,
.product-action .btn{
    transition:background-color .12s ease, border-color .12s ease, color .12s ease, transform .12s ease !important;
}

.kg-favorite-btn:focus,
.kg-add-cart-btn:focus,
.kg-mini-favorite-btn:focus,
.kg-mini-add-cart-btn:focus,
.product-action .btn:focus{
    outline:none !important;
    box-shadow:0 0 0 2px rgba(227,6,19,.18) !important;
}

.kg-add-cart-btn:active,
.kg-mini-add-cart-btn:active,
.product-action .btn:active{
    transform:translateY(1px) !important;
}

/* Favorite active should show red icon/border, not a stuck red block */
.kg-favorite-btn.is-active,
.kg-mini-favorite-btn.is-active,
#kgFavoriteBtn.active{
    background:#fff !important;
    border-color:#E30613 !important;
    color:#E30613 !important;
}

.kg-favorite-btn.is-active:hover,
.kg-mini-favorite-btn.is-active:hover,
#kgFavoriteBtn.active:hover{
    background:#FDE8EA !important;
    border-color:#E30613 !important;
    color:#B0000B !important;
}

/* Cart button after tap should return to clean white/black style unless hovered */
.kg-add-cart-btn:not(:hover):not(:focus),
.kg-mini-add-cart-btn:not(:hover):not(:focus){
    background:#fff !important;
    border-color:#D9DEE3 !important;
    color:#0B0B0D !important;
}

/* Brand + product code separator:
   RED BULL Racing - 9900A006
*/
.kg-card-meta .kg-card-brand + .kg-card-code::before,
.kg-card-meta .kg-card-brand + span::before,
.kg-product-meta .kg-card-brand + .kg-card-code::before,
.kg-product-meta .kg-card-brand + span::before,
.product-item .kg-card-brand + .kg-card-code::before,
.product-item .kg-card-brand + span::before{
    content:" - ";
    color:#6F7780;
    font-weight:700;
}

/* Prevent accidental double dash if code already starts with dash via JS later */
.kg-card-code{
    white-space:nowrap;
}

/* KG phone logo/actions/brand-code fix END */
