/*
* ===================================================
*     CUSTOM CSS CODE BELOW
* ===================================================
*/

/* Airlectra */

:root {
    --border-radius: 8px;
}
div[data-qb-element="uspsection"] {
    background-color:#ffffff;
}

.svg-icon.navbar-icon {
    width: 1.75rem;
    height: 1.75rem;
}

/*
@media (min-width:992px) {
    a.navbar-brand {
        background: white;
        border-radius: var(--border-radius);
        border:3px solid #006595;
        padding: 5px 10px!important;
    }
    
}
*/

.social-share {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    padding:0;
    border-radius:50%;
    margin-right:0.4rem;
    margin-bottom:0.4rem;
    transition:opacity .15s ease, transform .15s ease;
}

.social-share:hover {
    color:#ffffff;
    opacity:0.85;
    transform:translateY(-2px);
}

.head-usp-wrap {
    border-top:1px solid rgba(0,0,0,0.06);
    border-bottom:1px solid rgba(0,0,0,0.06);
}

.head-usp-bar {
    background-color:#f5f7f9;
}

.head-usp .service-column {
    padding:0.65rem 0.75rem;
    display:flex;
    justify-content:center;
    border-left:1px solid rgba(0,0,0,0.08);
}

.head-usp .service-column:first-child {
    border-left:none;
}

.head-usp .service-column .service-icon {
    color:#006595;
    min-width:22px;
    width:22px;
    height:22px;
    margin-right:0.6rem;
    margin-top:0;
    flex-shrink:0;
}

.head-usp .service-column .service-text {
    font-size:0.8rem;
    font-weight:600;
    color:#222222;
}

.bg-select {
    background-color:#ffffff;
}

section[data-qb-element="tab-products"] ul.nav-tabs .nav-item:not(:last-child) {
    margin-right:0.25rem;
}

section[data-qb-element="tab-products"] ul.nav-tabs {
    border-bottom:0px;
}

@media (max-width:768px) {
    .img-logo {
        max-width:80px;
    }
    section[data-qb-element="tab-products"] ul.nav-tabs .nav-item .detail-nav-link.nav-link {
        padding:0.25rem;
        letter-spacing: 0;
        font-size: 0.75rem;
        font-weight: normal;
    }
}

section[data-qb-element="tab-products"] ul .detail-nav-link.nav-link.active {
    background-color:#006595;
    color:#fff;
    border-bottom-color:#006595!important;
}

.modal-content, .tooltip {
    background-color:#ffffff;
}

div[data-qb-element="list_rowsort"] .product, .tab-content {
    border-top-right-radius:var(--border-radius);
}

div[data-qb-element="list_rowsort"] .product,
.tab-content .product,
section[data-qb-element="products"] .product {
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid rgba(0,0,0,0.08);
    padding-top: 15px;
    background-color:#ffffff;
    margin-bottom:10px;
    border-radius:var(--border-radius);
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    transition: box-shadow .2s ease, transform .2s ease;
}

div[data-qb-element="list_rowsort"] .product:hover,
.tab-content .product:hover,
section[data-qb-element="products"] .product:hover {
    box-shadow: 0 10px 24px rgba(0,0,0,0.1);
    transform: translateY(-3px);
}

/* Keep each card's own content column full height so the price/button
   row lines up at the same baseline across a row, whatever the title's
   line count is. */
.product > .h-100.d-flex.flex-wrap {
    flex-direction: column;
}

.product .qs-actions {
    margin-top: auto;
}

section[data-qb-element="tab-products"] div[data-qb-element="list_rowsort"] .product, .tab-content .product:not(.showprod):nth-child(n+13) {
    display:none;
}

.col-6.product {
    max-width: calc(50% - 10px);
}

.col-12.product {
    max-width: calc(100% - 10px);
}

@media (min-width: 768px) {
    .col-md-3.product{
        max-width: calc(25% - 10px);
    }
    .col-md-4.product{
        max-width: calc(33% - 10px);
    }
}

.border-bold {
    border:3px solid #006595;
}

#product .nav-tabs .nav-item, #product .tab-content {
    background-color:#ffffff;
}

section[data-qb-element="banners"] .card, div[data-qb-element="sidebanner"] .card {
    background:transparent;
}

section[data-qb-element="banners"] .card .img-scale-container, div[data-qb-element="sidebanner"] .card .img-scale-container {
    border:5px solid #ffffff;
}

a.tile-link:hover {
    opacity:0.9;
}

.border-radius {
    border-radius:var(--border-radius);
}

.border-radius-left {
    border-top-left-radius:var(--border-radius);
    border-bottom-left-radius:var(--border-radius);
}

.border-radius-right {
    border-top-right-radius:var(--border-radius);
    border-bottom-right-radius:var(--border-radius);
}

.border-radius-top, section[data-qb-element="tab-products"] ul.nav-tabs .nav-item.border-radius-top .detail-nav-link.nav-link.border-radius-top {
    border-top-right-radius:var(--border-radius);
    border-top-left-radius:var(--border-radius);
}

.border-radius-bottom {
    border-bottom-right-radius:var(--border-radius);
    border-bottom-left-radius:var(--border-radius);
}

.qs-cart-submit {
    border-radius:6px;
}

.tab-prods-showmore {
    border:2px solid;
}

@media (min-width:992px) {
    .bg-select-lg {
        background-color:#ffffff;
    }
    .border-bold-lg {
        border:3px solid #006595;
    }
    .border-radius-lg {
        border-radius:var(--border-radius);
    }
    .pr-lg-15px {
        padding-right:15px!important;
    }
    .pl-lg-15px {
        padding-left:15px!important;
    }
}

@media (max-width: 479px) {
    .navbar-expand-lg .search-autocomplete-form {
        position: relative!important;
        top: unset!important;
        left: unset!important;
    }
    .navbar-expand-lg .search-autocomplete-form .search-wrapper {
        display:flex;
    }
    .navbar-expand-lg .search-autocomplete-form #button-search-desktop {
        height:100%;
    }
    .search-autocomplete-form .search-autocomplete-list {
        height:unset!important;
    }
}

.search-autocomplete-form .search-autocomplete-list {
    top:38px;
    max-height: calc(100vh - 200px);
    height:unset;
}

#ordered .wheels {
    width: 100%;
    max-width: 500px;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
}

.wheel-demo-buy {
    display:flex;
    justify-content:space-between;
    align-items:center;
    text-align:left;
    width:100%;
    padding:0.5rem 0;
    border-bottom:1px solid;
}

.prize-odds {
    font-size:0.8rem;
}

.completewheel {
    margin-top:2rem;
}

#load-wheels div[id$=wheel]:not(:last-child), .completewheel:not(:last-child) {
    padding-bottom:2rem;
    border-bottom:1px solid #ddd;
}

.wheel-demo-buy-name {
    margin-right:auto;
}

.wheel-demo-buy-btn {
    flex:0 0 auto;
}

.btn-primary.spin:disabled {
    cursor: not-allowed;
    background-color: #dddddd;
    border-color: #dddddd;
}

.pr-banner {
    padding-right:3px;
}

.pl-banner {
    padding-left:3px;
}

.pt-banner {
    padding-top:3px;
}

#pokemonwheel {
    background-color:#fff;
}

#pokemonwheel .btn-primary.spindemo {
    background-color:#006595;
    color:#fff;
}

div[data-qb-element="page"] #pokemonwheel .prod-img {
    display:none;
}

/*
* ===================================================
*     Subcategory navigation on category pages -
*     every tile gets the same card frame whether or
*     not the category has an image, so the grid reads
*     as one consistent system instead of a mix of
*     photo tiles and bare text boxes
* ===================================================
*/
.categoryOverview .categorylist {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #e3e6ea;
    border-radius: 0.5rem;
    background-color: #ffffff;
    overflow: hidden;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.categoryOverview .categorylist:hover,
.categoryOverview .categorylist:focus-within {
    border-color: #006595;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

/* Fixed-ratio photo area so every image tile takes up the same space, regardless of the source image's own proportions */
.categoryOverview .category_image.img-scale-container {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background-color: #f5f6f8;
}

.categoryOverview .category_image.img-scale-container img.img-scale {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.categoryOverview .category_buttonarea {
    margin: 0 !important;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 74px;
    padding: 1rem 1.25rem;
}

.categoryOverview .category_cta {
    display: block;
    height: auto;
    min-height: 0;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
    color: #222222;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    transition: color .15s ease;
}

.categoryOverview .category_cta:hover,
.categoryOverview .category_cta:focus {
    color: #006595;
    text-decoration: none;
}

/* Sidebar category menu - consistent spacing,
*     icon alignment and hover/active state
* ===================================================
*/
#categoriesMenu {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    overflow: hidden;
}

#categoriesMenu > div.border-bottom {
    background-color: #006595 !important;
    color: #fff !important;
    border-bottom: none !important;
    padding: 0.85rem 1rem !important;
}

#categoriesMenu > div.border-bottom .svg-icon {
    fill: #fff;
}

#categoriesMenu .sidebar-icon-menu > li > a.top-cat-link,
#categoriesMenu .sidebar-icon-menu > li > div > a.top-cat-link {
    display: flex;
    align-items: center;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-right: 0.75rem;
    transition: background-color .15s ease, padding-left .15s ease;
}

#categoriesMenu .sidebar-icon-menu > li > a.top-cat-link img.icon,
#categoriesMenu .sidebar-icon-menu > li > div > a.top-cat-link img.icon {
    flex-shrink: 0;
}

#categoriesMenu .sidebar-icon-menu > li:hover > a.top-cat-link,
#categoriesMenu .sidebar-icon-menu > li:hover > div > a.top-cat-link {
    background-color: rgba(0,0,0,0.035);
    padding-left: 0.5rem;
}

#categoriesMenu .sidebar-icon-menu > li.active > a.top-cat-link,
#categoriesMenu .sidebar-icon-menu > li.active > div > a.top-cat-link {
    font-weight: 600;
    border-left: 3px solid #006595;
    padding-left: calc(0.5rem - 3px);
    background-color: rgba(0,0,0,0.035);
}

#categoriesMenu .sidebar-icon-submenu li > a {
    display: block;
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
    transition: background-color .15s ease;
}

#categoriesMenu .sidebar-icon-submenu li > a:hover,
#categoriesMenu .sidebar-icon-submenu li > a.active {
    background-color: rgba(0,0,0,0.035);
}