/* Announcement Bar */

.announcement-animation {
  position: fixed;
  /* Keeps the bar at the top of the viewport */
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  /* Light background with transparency */
  color: black;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 1050;
  /* High z-index to keep it above other content */
  padding: 10px 0;
  /* Adds padding inside the bar */
}


.bartop {
  background-color: #f3f0eb;
}


.announcement-text {
  font-size: 17px;
  text-align: center;
  position: absolute;
  width: 100%;
  opacity: 0;
  /* Start fully transparent */
  animation: slide-in-out 20s linear infinite;
  visibility: hidden;
}

@keyframes slide-in-out {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  5%, 15% {
    visibility: visible;
    opacity: 1;
  }
  20%, 100% {
    visibility: hidden;
    opacity: 0;
  }
}

.announcement-text:nth-child(2) {
  animation-delay: 5s;
}

.announcement-text:nth-child(3) {
  animation-delay: 10s;
}

.announcement-text:nth-child(4) {
  animation-delay: 15s;
}


/* navbar small screen */
@media (max-width: 768px) {
  .navbar2 {
    margin: 0 !important;
    padding: 0 !important;
  }
}

.navbar2 {
  top: 0;
  background-color: #041527;
  background-color: #041527;
  padding: 0.5rem 0.5rem;
  display: none;
  justify-content: space-between;
  align-items: center;
  width: 100vw !important;
  margin: 0 !important;
  z-index: 1050;
}

.navbar-toggler-icon {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(255, 255, 255, 0.5)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E');
}

.menu-reponsive {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
}

/* This will remove the arrow from all accordion buttons */
.accordion-button::after {
  background-image: none !important;
}

/* To specifically allow the arrow for 'Categories' */
#headingCategories .accordion-button::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
  /* Update the SVG path if needed */
  transform: rotate(0deg);
}

/* When 'Categories' is clicked and expanded, rotate the arrow */
#headingCategories .accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
}

/* Enable horizontal scrolling */
#primary {
  padding: 0px;
}

#auto-scroll-box {
  overflow-x: auto;
  /* Enable horizontal scrolling */
  white-space: nowrap;
  /* Prevent wrapping for the container */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

#auto-scroll-box::-webkit-scrollbar {
  display: none;
  /* Hide scrollbar for WebKit browsers */
}

#auto-scroll-box .product {
  white-space: normal;
  /* Allow wrapping inside product elements */
  display: inline-block;
  /* Display products inline for horizontal scroll */
  vertical-align: top;
  /* Align products at the top */
}

#auto-scroll-box {
  white-space: nowrap;
  overflow-x: auto;
  padding: 10px;
}

#auto-scroll-box .product {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  /* Allow normal wrapping for content inside */
  margin-right: 15px;
  /* Space between products */
  min-width: 250px;
  /* Adjust based on the product card width */
}


.product-title,
.product-rating,
.product-price {
  white-space: normal;
  /* Allow text to wrap within the product card */
  word-wrap: break-word;
  /* Break words that are too long to fit in one line */
  overflow: hidden;
  /* Hide overflow */
  text-overflow: ellipsis;
  /* Add ellipsis for overflowed text */
}

/* NAVBAR AUTO SCROLL */
#primary-menu {
  overflow-x: scroll;
  /* or auto */
  -webkit-overflow-scrolling: touch;
  /* Enables smooth scrolling on iOS */
  scrollbar-width: none;
  /* Hides scrollbar on Firefox */
  -ms-overflow-style: none;
  /* Hides scrollbar on IE and Edge */
}

#primary-menu::-webkit-scrollbar {
  display: none;
  /* Hides scrollbar on WebKit browsers (Chrome, Safari, iOS) */
}


/* Style for the product rating stars */
.product-rating .bi-star-fill,
.product-rating .bi-star {
  font-size: 1.2rem;
  /* Adjust size as needed */
  color: #FFD700;
  /* Gold color for filled and outline stars */
  margin-right: 5px;
  /* Space between stars */
}

/* Optional: Differentiate filled and outline stars */
.product-rating .bi-star-fill {
  color: #FFD700;
  /* Gold color for filled stars */
}

.product-rating .bi-star {
  color: #FFD700;
  /* Gold color for outline stars */
}

.product-rating .woocommerce-review-link {
  font-size: 0.9rem;
  color: #6c757d;
  /* Muted color */
  margin-left: 5px;
  /* Space between stars and the text */
  text-decoration: none;
  /* Remove underline */
}

.product-rating .woocommerce-review-link:hover {
  text-decoration: underline;
  /* Add underline on hover for better visibility */
}



/************** PRODUCT TITLE **************/

.woocommerce-LoopProduct-link.woocommerce-loop-product__link.text-decoration-none {
  color: #000000;
  /* Default color for non-visited and visited links */
  text-decoration: none;
  /* Ensure text decoration is none */
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link.text-decoration-none:visited {
  color: #000000;
  /* Ensures visited links also appear black */
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link.text-decoration-none:hover {
  color: #c25f23;
  /* Color on hover */
}

/************** PRICE **************/
.price {
  color: #000000 !important;
  /* Color on hover */
}

.price:hover {
  color: #c25f23 !important;
  /* Color on hover */
}

.price .currency-symbol {
  vertical-align: super;
}

.price .whole {
  font-size: 2em;
  vertical-align: sub;
}

.price .decimals {
  vertical-align: super;
}


@media (min-width: 575px) {
  .categories .categories__col {
    height: 590px !important;
  }
}

@media (min-width: 768px) {
  .categories .categories__col {
    height: 247px !important;
  }
}

@media (min-width: 992px) {
  .categories .categories__col {
    height: 338px !important;
  }
}

@media (min-width: 1200px) {
  .categories .categories__col {
    height: 405px !important;
  }
}

@media (min-width: 1400px) {
  .categories .categories__col {
    height: 476px !important;
  }
}

/************** HEADER **************/
.announcement-bar {
  font-size: 0.8rem;
  border-bottom: 1px solid var(--bs-gray);
}

.announcement-bar__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: inline-flex;
  margin: 0 -10px;
}

.announcement-bar__list li {
  margin: 0 10px;
  display: flex;
  align-items: center;
}

.announcement-bar__list li .bi {
  background-color: var(--bs-icon-background);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 6px;
}

.site-header .aws-search-field {
  font-size: 0.9rem;
  padding-left: 1.4rem;
  border-radius: 20px !important;
}

.searchbkgd {
  height: 100vh;
  background-color: rgba(4, 21, 39, 0.85);
  padding: 5rem;
  border-radius: 0% !important;

}

.searchwrap {
  width: 25%;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .searchwrap {
    width: 100%;
  }
  .searchbkgd {
    padding: 3rem;
  }
}

.site-header .custom-logo-link {
  max-width: 8em !important;
}

.logohigh {
  display: none;
}

.logolow {
  display: block;
}

@media (max-width: 768px) {
  .logohigh {
    display: block;
  }

  .logolow {
    display: none !important;
  }
}

/* Main Menu */
#lang_choice_1 {

  border: none !important;
  padding: 0.5rem !important;
  font-weight: lighter !important;
  background-color: transparent;
}
.lang {
  position: relative;
  text-align: center;
  display: block;
}
.lang2 {
  position: relative;
  text-align: right;
  display: none;
}


@media (max-width: 768px) {
  .lang {
    display: none;
  }
  .lang2 {
    display: block;
  }
  #lang_choice_1 {
    padding: 0 !important;
  }
  .searchbarsm{
    padding-bottom: 1rem;
  }
}

.main-navigation {
  font-weight: 500;
  background-color: #041527 !important;
}

.main-navigation .menu-toggle {
  font-weight: 400;
  background-color: rgb(34, 76, 120) !important;
}

.main-navigation .current-menu-item {
  background-color: rgb(242, 119, 44);
}

.main-navigation a {
  text-transform: capitalize;
  color: var(--bs-white);
  padding: 0.6rem 1.4rem;
}

.main-navigation a:hover {
  background-color: rgb(242, 119, 44);
}

.main-navigation .menu-toggle {
  background-color: rgb(242, 119, 44);
  border: none;
}

.main-navigation .sub-menu li {
  background-color: rgb(242, 119, 44);
}

/* Ensure that the navigation items are in a row and allow scrolling */
.main-navigation .menu-wrapper {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  padding: 0 10px;
  /* Add padding to ensure items are visible */
}

.main-navigation .menu-container {
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 0;
}

.main-navigation .menu-container ul {
  display: flex;
  flex-wrap: nowrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  overflow-x: auto;
  /* Ensure that the content can be scrolled horizontally */
  -webkit-overflow-scrolling: touch;
}

.main-navigation .menu-container ul li {
  flex: 0 0 auto;
  padding: 0 5px;
  /* Add padding between list items */
}

.main-navigation .menu-container ul li a {
  padding: 0.5rem 1rem;
}



/************* FRONT PAGE *************/
/************** SLIDER **************/
.carousel .carousel-control-prev,
.carousel .carousel-control-next {
  width: 9%;
}

/************** CATEGORIES **************/
.categories {
  background-color: #F9F9F9;
}

.categories .categories__col {
  height: 391px;
}

.categories .categories__col img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/************** FOOTER **************/
.site-footer .menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.site-footer .menu a {
  text-decoration: none;
  display: block;
  padding: 0.3rem 0;
}

.site-footer .menu a:hover {
  text-decoration: underline;
}

.popular-products .add_to_cart_button,
.special-offers .add_to_cart_button {
  display: block !important;
  text-align: center;
}

.popular-products .attachment-woocommerce_thumbnail,
.special-offers .attachment-woocommerce_thumbnail {
  border-radius: 20px;
  overflow: hidden;
}

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: rgb(242, 119, 44);
  --bs-primary-opacity-8: rgba(242, 119, 44, 0.8);
  --bs-gray: #E6E6E6;
  --bs-sale: rgba(167, 4, 4, 0.8);
  --bs-icon-background: rgba(34, 76, 120, 0.2);
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}


.widget-area .widget {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}


.page-content-wrapper {
  min-height: 100vh !important;
}

body.single-product #sidebar {
  display: none;
}

/* Style for the product rating stars */
.bi-star-fill,
.bi-star {
  font-size: 1.2rem;
  color: #FFD700;
  /* Gold color */
  margin-right: 5px;
}

.woocommerce .star-rating span {
  font-family: star !important;
}

.woocommerce .star-rating::before {
  content: none !important;
  color: #dd5c0e;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}

.woocommerce .star-rating {
  width: auto !important;
  height: auto !important;
}

.star-rating {
  font-family: star !important;
}

.star-rating span {
  font-family: star !important;
}

.tb-rating span {
  font-family: dashicons, sans-serif !important;
}

.carousel-indicators {
  display: none;
}

/* Universal box-sizing rule to include padding and borders in the element's width */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Ensure body content does not cause horizontal scrolling */
body,
html {
  overflow-x: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Prevent any element from exceeding the viewport width */
.container,
.wrapper,
.content,
.site-main,
.site-content,
.header,
.footer,
.sidebar,
.product,
.row {
  max-width: 100vw;
}

/* Force images, videos, and other media to scale within the viewport */
img,
iframe,
video {
  max-width: 100%;
  height: auto;
}

/* Handle wide tables or other large content that might cause overflow */
table {
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
}

/* Prevent large text or other content from overflowing */
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div {
  word-wrap: break-word;
}

/* Handle any flexbox layout issues */
.flex-container {
  flex-wrap: wrap;
}

/* Ensure no child element exceeds its parent's width */
* {
  max-width: 100%;
}


.related {
  padding-top: 5vh;
  margin-top: 10vh;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.related H2 {
  padding-bottom: 4vh;
}


@media (max-width: 768px) {
  .wc-tabs {
    font-size: small;
  }
}


body.woocommerce-cart #sidebar {
  display: none;
}




 /* Add a custom class for your page styles */
 .custom-cart-page .your-cart-page-class {
  color: white;
}

.custom-cart-page .your-cart-page-class a {
  color: #FF8C00;
}

.custom-cart-page .wc-block-components-quantity-selector__button {
  background-color: #FF8C00;
  color: white;
  border: 1px solid #FF8C00;
}

.custom-cart-page .wc-block-components-quantity-selector {
  margin: auto !important;
  background: white;
  color: #333;
}

.custom-cart-page .wc-block-components-quantity-selector__input {
  color: white;
  background-color: #333333;
  border: 1px solid #fff;
}

.custom-cart-page .wc-block-components-product-price,
.custom-cart-page .wc-block-components-product-subtotal,
.custom-cart-page .wc-block-components-totals-item__value {
  color: white;
}

.custom-cart-page .wc-block-components-totals-item__label {
  color: white;
}

.custom-cart-page .wc-block-components-button__text {
  color: white;
}

.custom-cart-page .wc-block-formatted-money-amount {
  color: white;
}

.custom-cart-page .wc-block-components-cart-item__remove-link {
  color: #FF8C00;
}

.custom-cart-page .wc-block-cart .wc-block-cart__submit-container--sticky {
  display: none;
}

/* Full width and scrolling styles */
.custom-cart-page .your-cart-page-class {
  padding: 20px;
  border-radius: 5px;
  overflow-y: auto;
  max-height: 80vh;
  /* Ensure it has a maximum height for scrolling */
  width: 100vw;
  /* Ensure it spans the full width of the viewport */
  box-sizing: border-box;
}

/* Ensure the container spans the full width */
.custom-cart-page {
  max-height: 100vh;
  /* Limit the height of the custom cart page to the full viewport height */
  overflow-y: auto;
  /* Allow scrolling if content exceeds viewport height */
  width: 100vw;
  /* Make sure the page takes up the full viewport width */
  box-sizing: border-box;
  margin: 0;
  /* Ensure no extra spacing is added */
  padding: 0;
}

/* Ensure the body and HTML elements also cover the full width */
body,
html {
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  /* Prevent horizontal scrolling */
}


/* Prevent background scroll and hide scrollbar */
body.modal-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
.modal-open .navbar2 {
  display: flex !important;
}