/* =============================================================================
   CUSTOM GLOBAL STYLES
   Jackys Theme — Greenhonchos/Jackys
   ============================================================================= */

/* Add global custom styles here */

:root {
   --primary-font: "DM Sans", sans-serif;
}

* {
   box-sizing: border-box;
}

body {
   font-family: var(--primary-font);
   box-sizing: border-box;
}


.cms-value-added-services .page-header,
.cms-page-view .page-header {
   margin: 0 !important;
}

.cms-page-view .page-content {
   margin-top: 10px;
}

.cms-page-view .page-content h3 {
   font-size: 16px;
   line-height: 26px;
   margin: 0 0 10px 0;
}

.cms-page-view .page-content p {
   font-size: 14px;
   line-height: 24px;
}

/* Shimmer Animation */
@keyframes shimmer {
   0% {
      background-position: -468px 0;
   }

   100% {
      background-position: 468px 0;
   }
}

.shimmer {
   background: #f6f7f8;
   background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
   background-repeat: no-repeat;
   background-size: 800px 104px;
   display: inline-block;
   position: relative;
   animation-duration: 1.2s;
   animation-fill-mode: forwards;
   animation-iteration-count: infinite;
   animation-name: shimmer;
   animation-timing-function: linear;
}

.shimmer-bg {
   background: #f6f7f8;
   background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
   background-repeat: no-repeat;
   background-size: 1000px 100%;
   animation: shimmer 1.5s infinite linear;
}

/* Responsive Utilities */
.img-fluid {
   max-width: 100%;
   height: auto;
}

.mst-searchautocomplete__autocomplete {
   border-color: #262f61;
}


.mst-searchautocomplete__highlight {
   color: #1979c3 !important;
}

/* ==========================================================================
   Mobile Bottom Navigation
   ========================================================================= */

.mobile-bottom-nav {
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   background: #ffffff;
   border-top: 1px solid rgba(8, 24, 68, 0.08);
   box-shadow: 0 -6px 18px rgba(10, 18, 55, 0.08);
   padding: 8px 4px calc(env(safe-area-inset-bottom, 0px) + 8px);
   display: none;
   justify-content: space-around;
   z-index: 99;
}

.mobile-bottom-nav .nav-item {
   flex: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 4px;
   text-decoration: none;
   color: #5b647a;
   font-size: 12px;
   font-weight: 400;
}

.left-header-section .block-search .control {
   position: relative;
   overflow: visible !important;
}

.mst-searchautocomplete__autocomplete._active {
   left: 0 !important;
   width: 100% !important;
}

.mobile-bottom-nav .nav-item .icon {
   width: 26px;
   height: 26px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   color: #5b647a;
}

.mobile-bottom-nav .nav-item svg {
   width: 20px;
   height: 20px;
   /* fill: none;
   stroke: currentColor;
   stroke-width: 1.5; */
}

.mobile-bottom-nav .nav-item.active {
   color: #00158B;
}

.mobile-bottom-nav .nav-item.active .icon {
   color: #00158B;
}

.message.global.cookie.ktpl-gdpr-cookie-notice {
   left: initial !important;
   right: 40px !important;
   box-sizing: border-box;
   margin: 0 auto;
   z-index: 99999 !important;
   background: #0d122a;
}

.notice-cookie-content {
   font-size: 12px;
   color: #fff;
   line-height: 20px;
}

.ktpl-gdpr-cookie-notice.message.global h3 {
   font-size: 16px;
   color: #fff;
}




.ktpl-gdpr-checkbox::before {
   display: none !important;
}

.mst-searchautocomplete__item.magento_catalog_product .store>.price .price-label,
.mst-searchautocomplete__item .discount-badge,
.cms-no-route .sidebar.sidebar-additional {
   display: none !important;
}

.cms-no-route .column.main {
   width: 100% !important;
}

.mst-searchautocomplete__item.magento_catalog_product .price-box {
   justify-content: flex-end;
}

.mst-searchautocomplete__item .discount-badge {
   float: right;
}

.mst-searchautocomplete__item.magento_catalog_product._active .title a {
   text-decoration: none !important;
}



@media (max-width: 767px) {


   .storelocator-index-index .search-by-distance .radius-input-container {
      width: 100%!important;
   }

   .storelocator-index-index .ajax-info{
      padding: 0!important;
   }



   .storelocator-index-index .search-by-distance .radius-input-container {
      width: 100%;
   }

   .message.global.cookie.ktpl-gdpr-cookie-notice {
      left: 0 !important;
      right: 0 !important;
      width: 95% !important;
      box-sizing: border-box;
      margin: 0 auto;
      background: #0d122a;
   }

   .notice-cookie-content {
      font-size: 12px;
      color: #fff;
      line-height: 20px;
   }

   .cms-no-route .page-main {
      padding: 0 10px !important;
   }

   .ktpl-gdpr-cookie-notice.message.global h3 {
      font-size: 16px;
      color: #fff;
   }

   button#btn-cookie-allow {
      font-size: 12px;
   }

   body {
      padding-bottom: 80px;
   }

   .page-with-filter body {
      padding-bottom: 0;
   }

   .mobile-bottom-nav {
      display: flex;
   }
}

.store-list ul .store-list-item .store-list-button button,
.search-type #submit-by-tag,
.search-type #reset-tag,
.search-by-distance .search-type button,
.search-by-distance .search-type .cart.table-wrapper .actions-toolbar>.action,
.search-by-distance .search-type .action-gift {
   background: #00158B !important;
   border: solid 1px #00158B !important;
}

.store-list .store-list-title {
   background: #00158B !important;
}

button#reset-address {
   display: none !important;
}

@media(max-width: 767px) {
   .storelocator-index-index .page-main {
      padding: 0 15px !important;
   }

   .tag-serch-main,
   .search-type {
      width: 100% !important;
   }
}


@media (min-width: 2200px) {

   .navigation,
   .breadcrumbs,
   .page-header .header.panel,
   .header.content,
   .footer.content,
   .page-wrapper>.widget,
   .page-wrapper>.page-bottom,
   .block.category.event,
   .top-container,
   .page-main {
      max-width: 1600px !important;
      width: 1600px !important;
   }


   /* .spotlights .card {
      height: 11.3vw !important;
   } */

   /* .trend-card.second {
      margin-top: 1.4vw!important;
   } */
}