:root{
    font-size: 14px;
    --hako-main-color: #cb2821;
    --hako-main-hover-color: #bb221c;
    --bs-btn-disabled-color: #cb2821;
}

/* COMMON */
a { text-decoration: none; color: inherit; } 
.dark-bg { background-color: #0a0a0a; }
.white-txt { color: #fff; }
.btn-primary { background-color: var(--hako-main-color); border-color: var(--hako-main-color); }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus-visible { background-color: var(--hako-main-hover-color) !important; border-color: var(--hako-main-hover-color) !important; }
.btn-outline-primary { 
    --bs-btn-color: var(--hako-main-color);
    --bs-btn-border-color: var(--hako-main-color);
    --bs-btn-hover-bg: var(--hako-main-color);
    --bs-btn-hover-border-color: var(--hako-main-color);
    --bs-btn-active-bg: var(--hako-main-color);
    --bs-btn-active-border-color: var(--hako-main-color);
    --bs-btn-disabled-color: var(--hako-main-color);
    --bs-btn-disabled-border-color: var(--hako-main-color);
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn { background-color: var(--hako-main-color); border-color: var(--hako-main-color); }
.custom-flex-end { align-items: flex-end; }
.table-light th { background-color: #e1e1e1; }
.form-control:focus { border-color: #cb2821; box-shadow: 0 0 0 .25rem rgba(203,040,033,.25); }
.pagination .page-link { color: var(--hako-main-color); }
.pagination .active>.page-link, .pagination .page-link.active { color: #fff; background-color: var(--hako-main-color); border-color: var(--hako-main-color); }


/* 404 */
.page404 .fa-exclamation-circle { font-size: 180px; }

/* MENU */
.navbar-brand img { height: 60px; }
.bd-navbar { padding: .75rem 0; background-color: #fff; border-bottom: 1px solid #ddd; }
.bd-navbar .navbar-toggler { padding: 0; border: 0 }

.bd-navbar .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; color: #222 }
.bd-navbar .navbar-nav .nav-link:hover,.bd-navbar .navbar-nav .nav-link:focus { color: var(--hako-main-hover-color); }
.bd-navbar .navbar-nav .nav-link.active { font-weight: 600; color: var(--hako-main-color); }
.bd-navbar .navbar-nav-svg { width: 1rem; height: 1rem }

.dropdown-cart {min-width: 250px;}
.dropdown-cart li .item {display: block; padding: 3px 10px; margin: 3px 0; font-size: 14px;}
.dropdown-cart li .item:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.dropdown-cart li .item-left {float: left;}
.dropdown-cart li .item-left img,.dropdown-cart li .item-left span.item-info {float: left;}
.dropdown-cart li .item-left span.item-info {margin-left: 10px;}
.dropdown-cart li .item-left span.item-info span {display: block;}
.dropdown-cart li .item-right {float: right;}
.dropdown-cart li .item-right a {margin-top: 6px; padding: 0 5px;}
.dropdown-cart li {min-width: 350px;}
.dropdown-cart .item-info-qty {position: relative; top: 10px;}

.upper-menu { font-size: 12px; }
.upper-menu .navbar-nav { align-items: center; }
.upper-menu .navbar-nav .btn-logout { font-size: 12px; }

.icon--main-color{ fill:var(--hako-main-color); }

/* WEEK ORDER */
.weekorder-container { color: #222; font-weight: 800; }
.weekorder-bg { background-color: #ffc107; } 

/* FLAG */
.navbar-nav .dropdown-flags { position: absolute; }
.flag { background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; 
    display: inline-block; width: 20px; height: 12px; outline: 1px solid #ccc; }
.flag.disabled {opacity: 0.3; -webkit-filter: grayscale(); filter: grayscale();}
.flag-it {background: url(/frontend/assets/img/flags/flag-it.svg);}
.flag-uk,.flag-en {background: url(/frontend/assets/img/flags/flag-uk.svg);}
.flag-fr {background: url(/frontend/assets/img/flags/flag-fr.svg);}
.flag-de {background: url(/frontend/assets/img/flags/flag-de.svg);}
.flag-es {background: url(/frontend/assets/img/flags/flag-es.svg);}
.flag-pl {background: url(/frontend/assets/img/flags/flag-pl.svg);}
.flag-nl {background: url(/frontend/assets/img/flags/flag-nl.svg);}
.flag-ru {background: url(/frontend/assets/img/flags/flag-ru.svg);}
.flag-ro {background: url(/frontend/assets/img/flags/flag-ro.svg);}
.flag-se {background: url(/frontend/assets/img/flags/flag-sv.svg);}
.flag-ch {background: url(/frontend/assets/img/flags/flag-ch.svg);}
.flag-sw {background: url(/frontend/assets/img/flags/flag-sw.svg);}
.flag-be {background: url(/frontend/assets/img/flags/flag-be.svg);}
.flag-cz {background: url(/frontend/assets/img/flags/flag-cz.svg);}
.flag-gr {background: url(/frontend/assets/img/flags/flag-gr.svg);}
.flag-us {background: url(/frontend/assets/img/flags/flag-us.svg);}
.navbar-nav .change-language { cursor: pointer; }

/* FOOTER */
footer { background-color: #222; }
.footer-logo img { height: 60px; } 

/* GO ON TOP */
.go-top {position: fixed; bottom: 2em; right: 2em; text-decoration: none; color: #fff; background-color: rgba(0, 0, 0, 0.7); font-size: 12px; padding: 10px 15px; display: none; z-index: 99;}
.go-top:hover {opacity: 0.8;}
.go-top i {font-size: 20px; color: #fff;}

/* SECTION */
.section { position: relative; padding: 60px 1rem; background: #fff; }

/* PARTSMART */
#PSW-container {position: absolute; width: 100%; height: 100%; }
#ari-convergence-container { height: -moz-calc(100% - 100px); height: -webkit-calc(100% - 100px); height: calc(100% - 100px); }
.invalid-group .fa.fa-exclamation-circle { font-size: 180px; }

/* ALERT */
.alert-section .fa-exclamation-circle {font-size: 180px; color: #dd8118;}

/* HOMEPAGE */
.carousel-arrows-lr .prev:hover,.carousel-arrows-lr .next:hover {cursor: pointer;}
.carousel-arrows-lr .prev:focus,.carousel-arrows-lr .next:focus {outline: none;}
.carousel-arrows-lr .prev {position: absolute; top: 50%; transform: translate(0, -50%); z-index: 9; left: 15px; background-image: url(/frontend/assets/icons/icon-carousel-left.svg); background-repeat: no-repeat; background-size: 20px; background-position: center center; width: 42px; height: 42px; background-color: rgba(255, 255, 255, 0.3); border-radius: 100%;}
.carousel-arrows-lr .next {position: absolute; top: 50%; transform: translate(0, -50%); z-index: 9; right: 15px; background-image: url(/frontend/assets/icons/icon-carousel-right.svg); background-repeat: no-repeat; background-size: 20px; background-position: center center; width: 42px; height: 42px; background-color: rgba(255, 255, 255, 0.3); border-radius: 100%;}
.carousel-home .tns-nav {position: absolute; right: 50px; bottom: 0; top: 50%; transform: translate(0, -50%); left: auto; width: 20px; text-align: center; height: 110px;}
.carousel-home .tns-nav button {transform: scale(0.5); -webkit-transform: scale(0.5);}
.tiny-slider { height: 600px;}
.tiny-slider .tns-item {width: 100%; height: 100%; object-fit: cover; overflow: hidden;}

/* ACCOUNT */
.mr5 { margin-right: 5px; }
.field-icon { cursor: pointer; float: right; margin-right: 5px; margin-top: -24px; position: relative; z-index: 2; }

/* CART */
.table th, .table td { padding: 15px; }
#js-add-material-modal { background-color: #333333D3;}
#shippingSelect { height: 34px; border-radius: 4px; padding: 4px; }
.confirm-alert { margin-bottom: 0; }

/* ORDER */
.order-submitted .fa.fa-check-circle { font-size: 180px; }
.order-submitted .list-group { justify-content: center; }
.order-submitted .list-group-item { border: 0; padding: 0 2px; }
.orders .alert-order-badge { padding: 5px; }

/* TABS */
.section.tabs .card.posts-card { min-height: 230px; }
.section.tabs .card.posts-card:hover .card-title { color: var(--hako-main-hover-color); }
.section.tabs .card.posts-card .posts-img { width: 100%; height: 100%; object-fit: cover; }
.section.tabs-detail article img { height: 300px; float: right; margin-left: 20px; margin-bottom: 20px; }
.section.tabs-detail .recent-post-img { width: 150px; }

.section.tabs-detail .tns-nav { bottom:0; margin-top: 8px; }
.section.tabs-detail .tns-nav button { background-color:#141C27; border-radius: 65px; height: 12px; width: 12px; border: none; margin-right: 4px; }
.section.tabs-detail .tns-nav button:hover { background-color: var(--hako-main-hover-color); }
.section.tabs-detail .tns-nav button.tns-nav-active { background-color: var(--hako-main-color); }
.section.tabs-detail .tns-controls { display: none; }

/* SHIPPING */
.form-floating>.form-select~label { opacity: .65; transform: scale(.75) translateY(-0.5rem) translateX(0.15rem); }
.js-custom-text { color: #666; }
.btn-addresses-custom { border: var(--bs-border-width) solid var(--bs-border-color); text-align: left; }
.datepicker { padding: .375rem 2.25rem .375rem .75rem; }

/* MODAL */
#js_input_manual_modal .has-border-error { border: var(--bs-border-width) solid #e61414; } 

/* CORRUPT FILE */
.shipping .fa.fa-exclamation-circle { font-size: 180px; }

/* RESPONSIVE */
@media screen and (min-width: 1400px) {
    .tiny-slider { height: 700px;}
}

@media screen and (min-width: 1200px) {
    .tiny-slider { height: 600px;}
}

@media screen and (min-width: 1000px) {
    .tiny-slider { height: 500px;}
}