:root {
  --light-color: #ffffff;

  --dark-color: #000000;
  --dark-color-1: #040505;
  --dark-color-2: #303030;
  --dark-color-3: #636363;
  --dark-color-4: #818181;
  --dark-color-5: #999999;
  --dark-color-6: #484848;
  --dark-color-7: #ADAAAA;
  --dark-color-8: #9D9D9D;
  --dark-color-9: #FFF3E3;

  --primary-color: #FFFFFF;
  --primary-color-100: #ff6a00;
  --primary-color-200: #c8ffe9;

  scroll-behavior: smooth;
}

.primary-color {
  color: var(--primary-color);
}

.primary-color-100 {
    color: var(--primary-color-100);
}

.primary-bg-color-200 {
    background-color: var(--primary-color-100);
}

.background-color-200 {
    background-color: var(--primary-color-200);
}

.navbar-custom {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 1rem 2rem;
}

.navbar-brand img {
    height: 40px;
}

.nav-link {
    color: #333;
    font-weight: 500;
    margin-right: 1.5rem;
    transition: color 0.3s;
}

.navbar-nav .nav-link.active {
    color: #ff6a00 !important;
}

.nav-link:hover {
    color: #ff6a00;
}

.navbar-nav .nav-item:last-child .nav-link {
    margin-right: 0;
}

.navbar-icons .nav-link {
    font-size: 1.25rem;
    margin-left: 1rem;
}

.footer-main {
    background-color: #f7f7f7;
    padding: 50px 0;
    color: #555;
}

.footer-logo img {
    max-height: 50px;
}

.footer-logo p {
    font-size: 0.9em;
    margin-top: 15px;
}

.footer-contact i {
    margin-right: 10px;
    color: #ff6a00;
}

.footer-links h5,
.footer-social h5,
.footer-newsletter h5 {
    font-weight: bold;
    color: #ff6a00;
    margin-bottom: 20px;
}

.footer-links ul,
.footer-social ul {
    list-style: none;
    padding: 0;
}

.footer-links a,
.footer-social a {
    color: #555;
    text-decoration: none;
    transition: color 0.3s;

}

.footer-links a:hover,
.footer-social a:hover {
    color: #ff6a00;
}

.footer-social i {
    margin-right: 10px;
}

.footer-newsletter .input-group .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #ddd;
}

.footer-newsletter .input-group .btn {
    background-color: #ff6a00;
    border-color: #ff6a00;
    color: white;
    padding: 10px 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.footer-newsletter .input-group .btn i {
    margin: 0;
}

.footer-bottom {
    background-color: #f7f7f7;
    padding: 15px 0;
    font-size: 0.9em;
    color: #777;
    border-top: 2px solid #c7bcbc86;
}

.footer-bottom a {
    color: #777;
    text-decoration: none;
    margin-left: 20px;
}

.product-page {
    background-color: #f8f8f8;
    font-family: Arial, sans-serif;
}

.breadcrumb-container {
    padding: 15px 0;
    background-color: #FDF5F2;
}

.breadcrumb-item a {
    color: #6c757d;
    text-decoration: none;
}
        


.cart-hover {
  position: relative;
}

.cart-count {
  background-color: var(--primary-color);
  font-size: 10px;
  padding: 3px 6px;
}

.cart-dropdown {
  position: fixed;
  top: 80px;
  right: 0;
  background: var(--light-color);
  width: 350px;
  z-index: 1050;
  border-radius: 6px;
  display: none;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.cart-items-wrapper {
  max-height: 400px; /* limit just the items area */
  overflow-y: auto;
  padding-right: 5px; /* avoid scrollbar overlaying text */
}

.cart-items-wrapper::-webkit-scrollbar {
  width: 6px;
}
.cart-items-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
  border-radius: 3px;
}

.cart-dropdown h6 {
  color: var(--primary-color);
  font-family: 'Berkshire Swash', serif;
}

.cart-hover:hover .cart-dropdown {
  /*display: block;*/
}

.cart-dropdown.show {
    display: block;
}

.cart-counter-border {
  border: 1px solid var(--primary-color);
  border-radius: 2px;
}