/* ===== common.css - Shared Styles ===== */
/* Base Styles */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  width: 100%;
  overflow-x: hidden;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
}

/* Header Styles */
.header {
  background: transparent;
  padding-top: 15px;
  padding-bottom: 25px;
  /* position: absolute; */
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  box-sizing: border-box;
}

.nav-wrapper {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 16px;
  margin: 0 auto;
  padding: 10px 32px;
  max-width: 95%;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  box-sizing: border-box;
  position: relative;
}

/* Logo */
.logo {
  margin-top: 3px;
}

.logo img {
  height: 70px;
  width: auto;
  max-width: 100%;
}

/* Navigation Menu */
.main-menu {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 10px;
  flex-wrap: wrap;
}

.menu-item a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  font-size: 0.9rem;
  white-space: nowrap;
  padding: 8px 15px;
  border: 1px solid #fff;
  border-radius: 10px;
  display: inline-block;
}

.menu-item a:hover {
  background: #fff;
  color: #000;
}

/* .menu-item a.active {
  border-color: #47c33a;
  color: #47c33a !important;
} */
.menu-item.current-menu-item > a,
.menu-item.current_page_item > a {
  border-color: #47c33a;
  color: #47c33a !important;
}
/* Icons */
.icon-items-container {
  display: flex;
  gap: 10px;
  align-items: center;
}

.icon-items-container a {
  padding: 8px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #fff;
}

.icon {
  width: 20px;
  height: 20px;
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease;
}

.menu-item a:hover .icon {
  filter: none;
}

.icon-items-container a:hover {
  background: #fff;
}

.icon-items-container a:hover .icon {
  filter: brightness(0) invert(0);
}

/* Mobile Menu Toggle */
.mobile-menu-toggle {
  display: none;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  color: white;
  font-size: 1.8rem;
  cursor: pointer;
  padding: 5px;
  z-index: 1001;
  margin: 0;
  width: 40px; /* Add fixed dimensions */
  height: 40px; /* Add fixed dimensions */
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

/* Mobile Menu */
.mobile-menu {
  display: none;
  padding: 15px 0;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0 0 16px 16px;
  margin: 0 auto;
  width: calc(100% - 30px);
  z-index: 999;
  box-sizing: border-box;
}

.mobile-menu-active {
  display: block;
}

.menu-vertical {
  list-style: none;
  padding: 0 20px;
  margin: 0 0 15px 0;
}

.menu-vertical .menu-item {
  margin-bottom: 10px;
}

.menu-vertical .menu-item a {
  display: block;
  padding: 8px 15px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  text-align: center;
  transition: all 0.3s ease;
  background: rgba(0, 0, 0, 0.3);
}

.menu-vertical .menu-item a.active {
  border-color: #47c33a;
  color: white;
  font-weight: bold;
}

.mobile-nav-icons {
  display: flex;
  gap: 15px;
  justify-content: center;
  padding: 0 20px 15px;
}

.mobile-nav-icons a {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #fff;
  transition: all 0.3s ease;
  background: rgba(0, 0, 0, 0.3);
}

.mobile-nav-icons .icon {
  width: 20px;
  height: 20px;
  filter: brightness(0) invert(1);
}

.mobile-nav-icons a:hover {
  background: #fffc54;
  border-color: #fffc54;
}

.mobile-nav-icons a:hover .icon {
  filter: brightness(0) invert(0);
}

/* Dropdown Menu Styles */
.menu-item-has-children {
  position: relative;
}

.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0 0 16px 16px;
  padding: 10px 0;
  margin: 0;
  list-style: none;
  width: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 1000;
}

.menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}

.sub-menu .menu-item {
  padding: 0;
  margin: 0;
}

.sub-menu .menu-item a {
  display: block;
  padding: 8px 20px;
  color: #fff;
  border: none;
  border-radius: 0;
  text-align: left;
  white-space: nowrap;
  font-size: 0.9rem;
}

.sub-menu .menu-item a:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fffc54;
}

/* Footer */
.footer {
  /* padding: 20px 0; */
  font-size: 0.9rem;
  color: #fff !important;
  width: 100%;
  margin-top: 10px !important;
  border-top: 1px solid #fef119;
 /* margin-top: auto !important;
  /* margin: 20px auto 0; */
  margin: 0px auto 0;
  /*max-width: 95%;*/
}

.footer a {
  color: inherit;
  text-decoration: none;
}

.footer-container {
  max-width: 95%;
  width: 100%;
  margin: 0 auto;
  padding: 10px 32px;
  box-sizing: border-box;
}

.footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.footer-copy {
  text-align: left;
  margin: 0;
  padding-left: 0;
  color: #fff;
}

.color-footer-copy {
  color: #333;
}

.social-login {
  display: flex;
  gap: 15px;
  padding-right: 0;
}

.social-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.social-icon img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: block;
}

.social-icon:hover {
  transform: scale(1.1);
}

/* Responsive Styles */
@media (max-width: 800px) {
  .main-menu,
  .icon-items-container {
    display: none;
  }

  .nav-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 98vw;
    padding: 10px 18px;
    box-sizing: border-box;
  }

  .mobile-menu-toggle {
    display: flex !important;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }

  .logo {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 8px;
    margin-left: 8px;
    order: 1;
  }

  .mobile-menu {
    display: none;
    width: 95%;
    border-radius: 0 0 16px 16px;
  }

  .mobile-menu-active {
    display: block;
  }

  .mobile-nav-icons {
    display: flex !important;
  }

  .sub-menu {
    display: none;
    position: static;
    width: 100%;
    opacity: 1;
    visibility: visible;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0;
    padding: 0;
    border-top: none;
    transform: none !important;
  }

  .mobile-menu .menu-item-has-children.active > .sub-menu {
    display: block;
  }
  /* Show submenus when the parent item is active or hovered */
  .mobile-menu .menu-item:hover > .sub-menu,
  .mobile-menu .menu-item.active > .sub-menu {
    display: block;
  }
  .sub-menu .menu-item a {
    padding-left: 30px;
    border: none;
    background: transparent;
    font-size: 0.9rem;
  }

  .sub-menu .menu-item a:hover {
    padding-left: 35px;
  }

  .footer {
    max-width: calc(100% - 30px);
    border-radius: 16px;
    margin: 20px auto 0;
  }

  .footer-container {
    padding: 10px 15px;
  }

  .footer-content {
    flex-direction: column;
    gap: 15px;
  }

  .footer-copy {
    text-align: center;
    order: 2;
    padding: 0;
  }

  .social-login {
    order: 1;
    padding: 0;
    justify-content: center;
  }

  .social-icon {
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 480px), (max-width: 799px) {
  html {
    font-size: 14px;
  }

  .nav-wrapper {
    height: 70px;
    font-size: 0.98rem !important;
    padding: 16px 1vw;
    width: 96vw;
  }

  .logo img {
    height: 45px;
  }

  .mobile-menu-toggle {
    font-size: 1.8rem;
    padding: 5px;
  }

  .footer {
    max-width: calc(100% - 20px);
    padding: 15px 0;
    font-size: 0.8rem;
  }

  .footer-container {
    padding: 0 10px;
  }

  .footer-content {
    gap: 20px !important;
  }

  .footer-copy {
    line-height: 1.4;
    padding: 0;
  }

  .social-icon {
    width: 54px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .social-icon:hover {
    transform: scale(1.1);
  }
}

/* Additional responsive classes */
.nav-center-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}

@media (min-width: 2000px) {
  .nav-wrapper {
    justify-content: space-between;
    gap: 100px;
  }

  .main-menu {
    flex: 0 1 auto;
    margin-right: 100px;
  }

  .icon-items-container {
    margin-left: 0;
  }

  .menu {
    flex-wrap: nowrap;
  }
  .social-icon {
    width: 54px;
    height: 54px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.menu-vertical .menu-item a {
  padding: 8px 15px;
}

@media (min-width: 801px) and (max-width: 1342px) {
  .nav-wrapper {
    padding: 10px 20px;
    width: 95%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }

  .main-menu {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .menu {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .menu-item a {
    font-size: 0.85rem;
    padding: 6px 12px;
  }

  .icon-items-container {
    gap: 8px;
    justify-content: center;
  }

  .icon-items-container a {
    width: 36px;
    height: 36px;
    padding: 6px;
  }

  .icon {
    width: 18px;
    height: 18px;
  }

  .logo img {
    height: 50px;
  }
}

@media (max-width: 480px) {
  .nav-wrapper {
    padding: 10px 12px; /* Adjust padding for small screens */
  }

  .mobile-menu-toggle {
    right: 10px; /* Adjust position for small screens */
    font-size: 1.6rem; /* Slightly smaller icon */
  }

  .logo img {
    height: 40px; /* Smaller logo for small screens */
  }
}

.title_bar {
  width: 100%;
  height: 100px;
  position: relative;
  /* background-image: url(public/img/beans-border.jpg); */
  background-position: center 16%;
  background-size: cover;
  background-repeat: no-repeat;
}
.title_bar h1 {
  position: relative;
  /* color: white; */
  text-align: center;
  top: 50%;
  left: 0;
  right: 0;
  /* transform: translate(0, -50%); */
  font-size: 48px;
  margin: 0;
  /* text-shadow: 0 0 10px black; */
}

.title_bar p {
  position: absolute;
  /* color: white; */
  text-align: center;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
  font-size: 48px;
  margin: 0;
  /* text-shadow: 0 0 10px black; */
}
.content {
   padding: 7rem 0; */
}
.content_top {
  /* padding-top: 17rem; */
}
.content .container {
  width: 65%;
}
@media (min-width: 768px) {(max-width: 4000px)
  .title_bar h1 {
    font-size: 35px;
  }
  .content .container {
    width: 90%;
  }
}
@media (min-width: 769px) and (max-width: 1000px) {
  .title_bar {
    height: 600px;
  }
  .content_top {
    /* padding-top: 22rem; */
  }
}
@media (min-width: 1001px) and (max-width: 1171px) {
  .title_bar {
    height: 500px;
  }
  .content_top {
    /* padding-top: 20rem; */
  }
}
/* woocommerce b2b booking additional css*/

/*Woocommerce product
*/
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  text-align: center;
}
.woocommerce ul.products li.product h3 {
  padding: 1em 0;

  font-size: 16px;
  color: #222;
}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link
  span.woocommerce-Price-amount.amount {
  font-size: 16px;
  color: #222;
  font-weight: 700;
}
.woocommerce ul.products li.product .price ins {
  background: 0 0;
  font-weight: 700;
  display: inline-block;
  text-decoration: none;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  display: none !important;
  background-color: #0ab4ff;
  color: white;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
  background: white;
  color: #0ab4ff;
  border: 1px solid #0ab4ff;
}

.page-description {
  padding-bottom: 33px;
}

.woocommerce ul.products li.product img {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.woocommerce ul.products li.product:hover img {
  transform: scale(1.08);
  z-index: 2;
}

/*shop page*/

.header_cart img {
  height: 25px;
}

.woo_content {
  padding: 30px 0 0 0;
}

.woocommerce-product-gallery__image a {
  pointer-events: none;
  cursor: default;
}

.product.type-product {
  padding: 70px 0 0 0px;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  margin: 5em 0 2em !important;
}

.summary.entry-summary h1 {
  font-family: "roboto";
  /* text-transform: uppercase; */
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: #fff;
  color: #0ab4ff;
  border: 1px solid #0ab4ff;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: #0ab4ff;
  color: #fff;
}

/*my account page*/

.woocommerce-MyAccount-content {
  background: #f8f8f8;
  padding: 1em;
}

/**
 * My Account
 */

.woocommerce .woocommerce-MyAccount-navigation {
  width: 100%;
  float: left;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--my-exams {
  font-weight: 800;
  font-size: 25px;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--my-exams
  a:before {
  font-family: "FontAwesome";
  content: "\f1c6";
  float: right;
}

@media (min-width: 768px) {
  .woocommerce .woocommerce-MyAccount-navigation {
    width: 20%;
  }
}
.woocommerce .woocommerce-MyAccount-content {
  display: inline-block;
  float: left;

  width: 75%;
}

.woocommerce .woocommerce-MyAccount-navigation ul {
  padding: 0;
  border-top: 1px solid #eee;
}

.woocommerce .woocommerce-MyAccount-navigation ul li {
  list-style: none;
  border-bottom: 1px solid #eee;
  padding-bottom: 0;
  text-align: left;
}

.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:before {
  opacity: 1;
  color: #47c33a;
}

.woocommerce .woocommerce-MyAccount-navigation ul li a {
  padding: 10px 5px;
  display: block;
  text-decoration: none;
  color: #000;
}

.woocommerce .woocommerce-MyAccount-navigation ul li a:before {
  margin-right: 20px;
  opacity: 0.25;
}

.woocommerce .woocommerce-MyAccount-navigation ul li a:hover:before {
  opacity: 1;
  color: #47c33a;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
  opacity: 1;
  color: #47c33a;
}

.woocommerce
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--dashboard
  a:before {
  font-family: "FontAwesome";
  content: "\f0e4"; /* Dashboard icon */
  float: right;
}

.woocommerce
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--orders
  a:before {
  font-family: "FontAwesome";
  content: "\f07a"; /* Shopping cart icon */
  float: right;
}

.woocommerce
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--conversations
  a:before {
  font-family: "FontAwesome";
  content: "\f086"; /* Comments icon */
  float: right;
}

.woocommerce
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--offers
  a:before {
  font-family: "FontAwesome";
  content: "\f0d6"; /* Tag icon */
  float: right;
}

.woocommerce
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--purchase-lists
  a:before {
  font-family: "FontAwesome";
  content: "\f022"; /* List icon */
  float: right;
}

.woocommerce
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--bulkorder
  a:before {
  font-family: "FontAwesome";
  content: "\f0c5"; /* Clipboard icon */
  float: right;
}

.woocommerce
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--subaccounts
  a:before {
  font-family: "FontAwesome";
  content: "\f0c0"; /* Users icon */
  float: right;
}

.woocommerce
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--downloads
  a:before {
  font-family: "FontAwesome";
  content: "\f019"; /* Download icon */
  float: right;
}

.woocommerce
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--edit-address
  a:before {
  font-family: "FontAwesome";
  content: "\f015"; /* Address icon (home) */
  float: right;
}

.woocommerce
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--edit-account
  a:before {
  font-family: "FontAwesome";
  content: "\f007"; /* User icon */
  float: right;
}

.woocommerce
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--customer-logout
  a:before {
  font-family: "FontAwesome";
  content: "\f08b"; /* Sign-out icon */
  float: right;
}

/* address*/

header.woocommerce-Address-title.title h3 {
  float: none !important;
}

header.woocommerce-Address-title.title a {
  float: none !important;
}

/* Checkout Page*/

.wc-block-components-totals-item.wc-block-components-totals-footer-item {
  font-size: 25px;
}
span.wc-block-components-checkout-step__heading-content {
  font-size: 25px;
}

.checkout.woocommerce-checkout h3 {
  text-align: left;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  padding: 7px 12px;
}
.woocommerce-billing-fields label {
  color: #8c1021;
}
.woocommerce-LoopProduct-link {
  background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0 !important;
  color: hsl(0, 0%, 0%) !important;
}
/*End Checkout Page*/

/* Cart page*/

.wc-block-cart__submit-container {
  background: transparent none repeat scroll 0 0;
  padding: 6px !important;
  text-decoration: none;
}
span.wc-block-components-button__text {
  /* color: white;*/
  text-decoration: none;
}

.button.wc-forward {
  background: #0ab4ff none repeat scroll 0 0;
  color: #fff;
  padding: 6px !important;
  text-decoration: none;
}
.button.wc-forward:hover {
  background: #000 none repeat scroll 0 0;
}
.woocommerce .button,
.checkout-button.button.alt.wc-forward,
#b2bking_myaccount_make_inquiry_button,
.b2bking_subaccounts_container_top_button,
#b2bking_purchase_list_new_button,
.b2bking_bulkorder_form_container_bottom_add_button,
.wc-block-cart__submit-button,
button.wc-block-components-checkout-place-order-button,
.xoo-el-form-container button.btn.button.xoo-el-action-btn,
#b2bking_request_custom_quote_button {
  background: #47c33a !important;
  text-decoration: none;
  padding: 10px 18px !important;
  color: white !important;
  border-radius: 8px !important;
  border: none !important;
}

.woocommerce .button:hover,
.checkout-button.button.alt.wc-forward:hover,
#b2bking_myaccount_make_inquiry_button:hover,
.b2bking_subaccounts_container_top_button:hover,
#b2bking_purchase_list_new_button:hover,
.b2bking_bulkorder_form_container_bottom_add_button:hover,
.wc-block-cart__submit-button:hover,
button.wc-block-components-checkout-place-order-button:hover,
.xoo-el-form-container button.btn.button.xoo-el-action-btn:hover,
#b2bking_request_custom_quote_button:hover {
  background: #38892a none repeat scroll 0 0 !important;
  /* color: white !important; */
}
button[name="b2bking_submit_csvorder"] {
  background: #47c33a !important;
  text-decoration: none;
  padding: 10px 18px !important;
  color: white !important;
  border-radius: 8px !important;
  border: none;
}

button[name="b2bking_submit_csvorder"]:hover {
  background: #38892a none repeat scroll 0 0 !important;
  color: white !important;
}
#b2bking_csvorder {
  padding: 19px 14px;
  border: 1px solid #222;
  border-radius: 5px;
  font-size: 16px;
  background: #f5f5f5;
  color: #222;
}

.cart_totals.calculated_shipping {
  text-align: left;
}
.coupon .button {
  margin-left: 10px !important;
}
.shop_table .attachment-shop_thumbnail.size-shop_thumbnail.wp-post-image {
  height: 100px;
  width: 100px;
}
#coupon_code {
  width: 130px;
  padding: 5px;
}

td.product-name a {
  font-size: 25px;
}

/*End Cart Page*/

tr.woocommerce-cart-form__cart-item.cart_item {
  display: contents !important;
}

input#gform_submit_button_1 {
  color: var(--contrast-color);
  background: #dcab2b;
  border: 0;
  transition: 0.4s;
  border-radius: 50px;
}

input#gform_submit_button_1:hover {
  background: color-mix(in srgb, #dcab2b, transparent 20%);
}

.woocommerce-MyAccount-content a {
  color: #000;
  font-weight: 600;
}
.woocommerce-info {
  border-top-color: #47c33a;
}
.woocommerce-info::before {
  color: #47c33a;
}
.b2bking_myaccount_new_conversation_button_icon path,
.b2bking_subaccounts_container_top_button_icon path,
.b2bking_purchase_list_new_button_icon path,
.b2bking_bulkorder_form_container_bottom_add_button_icon path {
  fill: black;
}
.wc-block-components-product-name {
  color: black;
  text-decoration: none;
  font-size: 2em 32px;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.b2bking_add_cart_to_purchase_list_button {
  background: #47c33a !important;
  text-decoration: none;
  padding: 10px 16px !important;
  color: white !important;
  border: none !important;
  border-radius: 8px !important;
}
.b2bking_add_cart_to_purchase_list_button:hover {
  background: #38892a none repeat scroll 0 0 !important;
}
.woocommerce-LostPassword.lost_password a,
.woocommerce-privacy-policy-link {
  color: #47c33a;
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
  padding: 12px 12px !important;
  border: 1px solid #47c33a;
}

/* Example for :focus-visible (for accessibility) */
.woocommerce form .form-row .input-text:focus-visible,
.woocommerce form .form-row select:focus-visible {
  outline: 0.5px solid #47c33a;
  outline-offset: 0.5px;
}
.b2bking_custom_registration_field,
select#b2bking_registration_roles_dropdown {
  padding: 12px 6px;
  border-radius: 8px !important;

  border: 1px solid #47c33a;
}
#b2bking_custom_field_153,
#b2bking_custom_field_153:focus,
#b2bking_custom_field_153:active {
  border: none !important;
  outline: none !important; /* Optional: removes focus outline for cleaner look */
}
#billing_state,
#billing_state:focus,
#billing_state:active {
  border: none !important;
  outline: none !important; /* Optional: removes focus outline for cleaner look */
}
.woocommerce .quantity .qty {
  width: 3.631em;
  border-radius: 10px;
  height: 34px;
  text-align: center;
  border: 1px solid;
}
.b2bking_shop_table thead {
  background: #e2e2e2;
  color: #575757;
}
.b2bking_shop_table {
  margin-top: 15px !important;
  border-collapse: collapse !important;
}
.b2bking_shop_table th,
.b2bking_shop_table td {
  padding: 10px !important;
}
.b2bking_shop_table td {
  color: #777777 !important;
}
.summary.entry-summary .price .woocommerce-Price-amount.amount bdi {
  font-size: 2rem;
}
.woocommerce .woocommerce-ordering select {
  padding: 10px;
  vertical-align: top;
}
/* cart countr */

.menu-item.icon-item {
  position: relative;
}
.icon-wrapper {
  position: relative;
}
.cart-count-badge {
  position: absolute;
  top: 5px;
  right: -5px;
  background: #47c33a;
  color: #fff;
  border-radius: 50%;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}
/* featured product */
.wp-block-button__link.add_to_cart_button.ajax_add_to_cart {
  display: none !important;
}

.wc-block-grid__product .wc-block-grid__product-image,
.wc-block-grid__product .wc-block-grid__product-link {
  text-decoration: none !important;
}
.edit-post-visual-editor
  .editor-block-list__block
  .wc-block-grid__product-title,
.editor-styles-wrapper .wc-block-grid__product-title,
.wc-block-grid__product-title {
  border: none;
  font-size: large !important;
  color: black !important;
  display: block;
  font-family: "roboto";

  font-weight: 700;

  padding: 0;
}
.wc-block-grid__product-price {
  font-size: 1rem;
  display: block;
}
.wc-block-grid__products .wc-block-grid__product-image img {
  transition: border 0.3s ease-in-out;
}
.wc-block-grid__products .wc-block-grid__product-image:hover img {
  border: 1.5px solid #47c33a;
}
/* search form
 */
/* Container for the search form overlay */
.search-form-overlay {
  display: none;
  position: fixed;
  top: 18%;
  left: 80%;
  transform: translateX(-50%);
  width: 280px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  padding: 15px;
}

.search-form-overlay.active {
  display: block;
}

/* Style the search form inner container */
.search-form-inner {
  display: flex;
}

/* Style the search input */
.search-form-overlay input[type="search"] {
  flex: 1;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 4px 0 0 4px;
  font-size: 14px;
}

/* Style the search button */
.search-form-overlay input[type="submit"] {
  padding: 10px 15px;
  background: #47c33a;
  color: #fff;
  border: none;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}

.search-form-overlay input[type="submit"]:hover {
  background: #3c8e1f;
}
.search-form-overlay input {
  border: 1px solid #47c33a;
  padding: 8px;
}
/* search page */
.custom-search-results {
  padding: 50px 0;
}

.custom-search-results h1 {
  font-size: 28px;
  margin-bottom: 20px;
  text-align: center;
}

.search-results-list {
  list-style: none;
  padding: 0;
}

.search-result-item {
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}

.search-result-item h2 {
  margin: 0 0 5px;
  font-size: 20px;
}
.search-result-item h2 a {
  color: #000;
  text-decoration: none;
}
.search-result-item:hover h2 a {
  color: #47c33a;
  text-decoration: underline;
}
.search-result-item p {
  color: #666;
}
/* Media query for smaller screens */
@media (max-width: 480px) {
  .search-form-overlay {
    top: 10%;
    width: 90%;
    padding: 10px;
  }

  .search-form-overlay input[type="search"] {
    font-size: 12px;
    padding: 8px 10px;
  }

  .search-form-overlay input[type="submit"] {
    padding: 8px 10px;
    font-size: 12px;
  }
}
#b2bking_request_custom_quote_textarea {
  border-radius: 6px;
  border: 1px solid #47c33a;
}
.b2bking_custom_quote_field {
  width: 98.5% !important;
  margin-bottom: 5px !important;
  padding: 10px 5px;
  border: 1px solid #47c33a;
  border-radius: 6px;
}
.product_meta span a {
  color: #47c33a;
}
/* .product_meta span.posted_in a {
  color: #47c33a;
}
.product_meta span.tagged_as a {
  color: #47c33a;
} */
table.b2bking_tiered_price_table tbody td.b2bking_has_color {
  background: #575757 !important;
  background-color: #575757 !important;
}
.shop_table.b2bking_tiered_price_table.b2bking_shop_table {
  border-collapse: collapse !important;
}
span.b2bking_request_custom_quote_text_label,
#b2bking_request_custom_quote_textarea_abovetext {
  margin-top: 10px !important;
  margin-bottom: 5px !important;
}
#b2bking_request_custom_quote_textarea {
  padding: 5px !important;
  margin-bottom: 15px !important;
}
.child-fullwidth {
  display: flex;
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #e7e7e7;
  padding: 20px 0;
  box-sizing: border-box;
  justify-content: center;
}
.child-fullwidth .related.products {
  width: 64% !important;
  text-align: center;
}
.child-fullwidth .related.products h2 {
  margin-bottom: 35px;
}
/* quantity counter */
/* Make WooCommerce quantity input and arrows always visible and inline */
.woocommerce .quantity input.qty[type="number"] {
  /* Set width and appearance for the input */
  width: 50%;

  font-size: 1.1em;
  border-radius: 6px;
  border-color: #47c33a;
  text-align: center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield; /* Removes spin buttons in Firefox */
  margin: 0;
  box-sizing: border-box;
}

/* Restore arrows for Chrome/Safari/Edge */
.woocommerce .quantity input.qty[type="number"]::-webkit-inner-spin-button,
.woocommerce .quantity input.qty[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: inner-spin-button !important;
  appearance: auto !important;
  opacity: 1 !important;
  margin: 0;
}

/* Restore arrows for Firefox */
.woocommerce .quantity input.qty[type="number"] {
  -moz-appearance: number-input;
}
.woocommerce div.product form.cart {
  margin-bottom: 2em;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
.woocommerce div.product form.cart div.quantity {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;

  /* justify-content: left; */
}
.woocommerce-variation.single_variation {
  padding-bottom: 20px;
}
.woocommerce div.product form.cart .button {
  margin-bottom: 10px;
}
p.price.b2bking_tiered_active_price {
  margin: 10px 0px;
  display: flex;
  justify-content: center;
  font-weight: 600;
  font-size: larger;
}
.woocommerce ul.products li.product .price {
  color: #47c33a;
  display: block;
  font-weight: 400;
  margin-bottom: 0.5em;
  font-size: 0.857em;
}
.summary.entry-summary p.price {
  display: none;
  /* color: #47c33a; */
  font-size: 1rem !important;
}
button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed,
button.single_add_to_cart_button.button.alt {
  display: none !important;
}

.variations td.value select {
  padding: 5px 0px;

  font-size: 0.9em;
  border-radius: 6px;
  border-color: #47c33a;
  text-align: center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
  box-sizing: border-box;
}
.variations .value a.reset_variations {
  margin-left: 10px;
  color: #47c33a;
}

.woocommerce div.product form.cart .variations label {
  font-weight: 500;
  text-align: left;
  display: block;
  width: auto;
}
#custom_p_price {
  font-weight: 700;
  color: #47c33a;
}
.woocommerce-product-details__short-description {
  margin-bottom: 15px;
  overflow-x: auto;
}
a.button.product_type_variable.add_to_cart_button {
  display: none !important;
}
.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-tabs .panel table,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  display: none !important;
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
  display: flex;
  justify-content: left;
  flex-direction: column;
}
.woocommerce ul.products li.product .button {
  display: none;
  margin-top: 1em;
}
/*.woocommerce div.product form.cart .variations select {
    padding-left: 5px;
    max-width: 65%;
    min-width: 59%;
    height: 35px;
}*/



table.variations label {
    font-weight: 600 !important;
}
.woocommerce-child-categories img {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.woocommerce-child-categories img:hover {
  transform: scale(1.08);
  z-index: 2;
}

.green-link {
  text-decoration: none !important;
  color: #47c33a;
  transition: color 0.2s, text-decoration 0.2s;
}
.green-link:hover {
  text-decoration: none !important;
  color: darkgreen;
  text-decoration: underline;
}
.yith-wcan-filters .filters-container form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-end;
}
.yith-wcan-filters .filters-container form .yith-wcan-filter.filter-tax {
  width: 30%;
  margin: 0px;
}
.yith-wcan-filters
  .filters-container
  form
  button.btn.btn-primary.yith-wcan-reset-filters.reset-filters.enhanced {
  background: #47c33a !important;
  text-decoration: none;
  padding: 10px 18px !important;
  color: white !important;
  border-radius: 8px !important;
  border: none !important;
}

.woocommerce-variation-dropdown {
  max-height: 200px !important; /* desired height */
  overflow-y: auto !important; /* ensures scrollability */
 
}

/* woocommerce b2b booking additional css*/

/* select2 input field customize css */
.select2-container .select2-selection--single {
  height: auto !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 10px;
}
/*end select2 input field customize css */

.woocommerce-pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li a {
  color: #47c33a;
}
.wcpa_wrap .wcpa_field_label {
  font-weight: 700;
  text-align: left;
  display: block;
  width: auto;
  color: #000;
}
.wcpa_form_outer {
  margin: 0em 0 0em 0;
  width: 100%;
  clear: both;
  flex: 0 0 100%;
}
.wcpa_wrap .wcpa_field_wrap input[type="text"],
.wcpa_wrap .wcpa_field_wrap input[type="url"],
.wcpa_wrap .wcpa_field_wrap input[type="date"],
.wcpa_wrap .wcpa_field_wrap input[type="time"],
.wcpa_wrap .wcpa_field_wrap input[type="number"],
.wcpa_wrap .wcpa_field_wrap input[type="email"],
.wcpa_wrap .wcpa_field_wrap input[type="tel"],
.wcpa_wrap .wcpa_field_wrap input[type="password"],
.wcpa_wrap .wcpa_field_wrap input[type="datetime-local"],
.wcpa_wrap .wcpa_field_wrap .wcpa_color_field,
.wcpa_wrap .wcpa_field_wrap select,
.wcpa_wrap .wcpa_field_wrap .wcpa_advanced_select .wcpa__control,
.wcpa_wrap .wcpa_field_wrap .wcpa_other_value input {
  padding: 8px 0px;
  font-size: 1.1em;
  border-radius: 6px;
  border-color: #47c33a;
  height: 37px;
  width: 74%;
  padding: 0px 5px;
  color: #000;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
  box-sizing: border-box;
}

/* pdf search */
.pdf-search-results-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Space between items */
}

.pdf-item {
  width: 23%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for hover effects */
}

/* Hover effect */
.pdf-item:hover {
  transform: translateY(-10px); /* Slightly move the item up */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Add a shadow for depth */
}

/* Optional: Change link color on hover */
.pdf-item a:hover {
  color: #38892a; /* Blue color for links on hover */
}

.pdf-item a {
  margin-bottom: 10px;
  color: #47c33a; /* Blue color for links */
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  display: block;
  padding: 8px;
}

.pdf-item a:hover {
  text-decoration: underline;
}

.pdf-icon {
  width: 200px; /* Adjust size of the PDF icon */
  height: 200px;
  /* margin-bottom: 10px; */
}
.pdf-search-results-container .pdf-result {
  width: 23%;
}
/* Responsive Design: Stack PDFs in smaller screens */
@media (max-width: 1024px) {
  .pdf-item {
    width: 150px !important; /* 3 items per row */
  }
  .pdf-search-results-container .pdf-result {
    width: 30%;
  }
}

@media (max-width: 768px) {
  .pdf-item {
    width: 150px !important; /* 2 items per row */
  }
  .pdf-search-results-container {
    gap: 15px !important;
  }
}

@media (max-width: 480px) {
  .pdf-item {
    width: 100% !important; /* 1 item per row on very small screens */
  }

  .pdf-icon {
    width: 100% !important;
    height: auto;
  }
  .pdf-result {
    width: 100% !important;
    height: auto;
  }
}
div#pdf-search-results {
  margin-top: 60px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  text-align: center;
}
form#pdf-search-form {
  margin-top: 50px;
  justify-content: center;
  display: flex;
}
form#pdf-search-form input {
  border-radius: 5px 0px 0px 5px;
  border: 1px solid #47c33a;
  padding: 12px 8px;
  width: 50%;
}
form#pdf-search-form button {
  background: #47c33a !important;
  text-decoration: none;
  padding: 10px 18px !important;
  color: white !important;
  border-radius: 0px 5px 5px 0px !important;
  border: none !important;
}
form#pdf-search-form button:hover {
  background: #38892a none repeat scroll 0 0 !important;
}
/* end pdf search */
@media only screen and (max-width: 768px) {
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product {
    width: 100%;
  }
}

.woocommerce ul.products li.product a img {
  height: 170px !important;
      aspect-ratio: 1;
    object-fit: contain;
}
.wpgs-nav.slick-initialized.slick-slider {
  display: none !important;
}
.custom-quantity-label {
  font-weight: 600;
}
#custom-order-info {
  display: none;
}