/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/* Start global element styles */

body {
  padding-bottom:0 !important
}
.brxe-button {
  min-width:150px
}

.price-cents {
  display:none !important
}


/* Display overrides */
@media screen and (max-width:661px) {
  .d-none-mobile {
    display:none !important
  }
}

/* Nav */
.bricks-nav-menu {
  margin-bottom:0 !important
}

@media screen and (min-width:991px) {
/*.sub-menu {
width: 100%;
    left: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top:60px;
}

.menu-item-has-children::before {
  width:100% !important;
  top:0 !important;
  left:0 !important
}
.menu-item {
  position:static
}
.sub-menu .menu-item  {
  background:var(--primary) !important;
  text-transform:uppercase;
  width:fit-content
} */
.icon-right button {
  display:none
}

.navbar__btn.is-mobile {
  display:none !important;
} 
}

/* Mobile menu */
.bricks-mobile-menu-wrapper {
  top:62px;
  padding-top:40px
}


.navbar__btn.is-mobile {
  display:none;
  width: 96%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.navbar__btn.is-mobile a {
  line-height:1.2 !important
}


.bricks-mobile-menu-toggle {
  margin-left:auto
}

@media screen and (max-width:1400px) and (min-width:992px) {
  .brx-submenu-toggle a,
  .menu-item a {
    font-size: var(--text-s) !important;
  }
}

@media screen and (max-width:991px) {
  .brx-submenu-toggle a,
  .menu-item a {
    font-size: var(--text-m) !important;
    text-transform: capitalize !important;
  }
}

@media screen and (max-width:1200px) {
 .navbar__cta-wrap.desktop{
  display:none !important

 }
}


/* Price output */

.price-main sup { 
  font-size: 55%; 
  vertical-align: super; 
  margin-left: 1px; 
  top:0
}


/* Responsive global elements */
@media screen and (max-width:767px) {
  .brxe-button {
    min-width:130px
  }
}

/* End global element styles */

/* Start Home Page */
@media screen and (min-width:1200px) {
   .special-item__image.brxe-image {
    aspect-ratio:47 / 25
}
}

@media screen and (min-width:991px) {
 .home-specials-section .splide__pagination {
  display:none
 }

}

.hero-home__specials-inner:nth-child(even) .special-item__label {
  background-color: #EAB817 !important;
}



/* Ways to order card */
.order-card_image-wrap {
  aspect-ratio: 430 / 295 ;
}


/* End Home Page */

/* ============================================
   CUSTOM SCROLLBAR STYLING - DEBONAIRS
   ============================================ */

/* Webkit browsers (Chrome, Safari, Edge, Opera) */
::-webkit-scrollbar {
  width: 12px; /* Width of vertical scrollbar */
  height: 12px; /* Height of horizontal scrollbar */
}

::-webkit-scrollbar-track {
  background: #121411; /* Track color */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #FBB912; /* Debonairs yellow */
  border-radius: 10px;
  transition: background-color 0.3s ease; /* Smooth transition */
}


/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #FBB912 #121411; /* thumb color | track color */
}

/* Optional: Adjust scrollbar on mobile devices */
@media (max-width: 768px) {
  ::-webkit-scrollbar {
    width: 6px;
  }
}