/*
Theme Name: Bemins Child
Theme URI: http://www.wpbingosite.com/bemins
Author: wpbingo
Description: This is a child theme for Bemins
Version: 1.0.0
Author URI: http://wpbingosite.com
Template: bemins
Text Domain: bemins-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/
/* .header-wrapper {
  backdrop-filter: blur(3px);
  background: rgba(255, 255, 255, 0.1);
} */
.bwp-header .header-wrapper {
	padding: 15px 0;
}
.bwp-header .header-wrapper {
	padding: 15px 0;
    transition: background 500ms ease-in-out;
}

.header-wrapper:hover {
    background: #FFFFFF;
}

.wpml-ls-menu-item > a {
  display: inline-block;
  padding: 0; /* remove default padding */
  width: 100%;
}

/* Optional: force width to match flag size exactly */
.wpml-ls-menu-item > a > .menu-item-text img.wpml-ls-flag {
  width: 18px; /* or whatever your flag width is */
  height: auto;
}

/* Style dropdown to match flag width */
.wpml-ls-menu-item .sub-menu {
  min-width: auto;
  width: 18px; /* match flag width */
  padding: 0;
}

/* Prevent submenu items from stretching wider */
.wpml-ls-menu-item .sub-menu li a {
  display: block;
  width: 100 !important;
  text-align: center;
  padding: 0;
}


/* Target only the WPML language switcher dropdown */
.bwp-navigation ul.menu > li.menu-item-wpml-ls-190-nl .sub-menu {
    min-width: auto !important;
    width: 100px; /* Adjust to match flag width */
    padding: 0;
    text-align: center;
}

/* Ensure submenu items don’t stretch it */
.bwp-navigation ul.menu > li.menu-item-wpml-ls-190-nl .sub-menu li a {
    padding: 0;
    width: 100%;
    display: inline-block;
}

body:not(.page-template-homepage) .langpopup,
body:not(.page-template-homepage) .langpopup_overlay {
  display: none !important;
}

.langpopup {
  display: none;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  padding: 20px;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.langpopup .langpopup_overlay {
  content: "";
  top: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  width: 100%;
  height: 100%;
}

.langpopup .popup-content {
  z-index: 9999;
  width: 100%;
  max-width: 500px;
  margin: auto;
  background: #fff;
  padding: 40px;
  border-radius: 10px;
  transform: scale(0.8);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  position: relative;
}

.langpopup .close-popup {
  height: 35px;
  width: 35px;
  z-index: 10;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.1);
}

.rtl .langpopup .close-popup {
  left: 15px;
  right: auto;
}

.langpopup .close-popup:after,
.langpopup .close-popup:before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(50% - 8px);
  width: 15px;
  height: 1px;
  background-color: #000;
  transform: rotate(-45deg);
  transition: all 0.3s ease-out;
}

.langpopup .close-popup:after {
  transform: rotate(-135deg);
}

.langpopup .close-popup:hover:before,
.langpopup .close-popup:hover:after {
  transform: rotate(0deg);
}

.langpopup.transition .popup-content {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.langpopup.show {
  display: flex;
}

.langpopup.show,
.langpopup.show .langpopup_overlay {
  opacity: 1;
  visibility: visible;
}

.langpopup .lang-switcher {
  display: flex;
  justify-content: center;
  align-items: center;
}

.langpopup .lang-switcher select {
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 5px;
  border: 1px solid #ddd;
  cursor: pointer;
}

@media (max-width: 767px) {
  .langpopup .popup-content {
    width: 90%;
  }
}




/* Child theme fixes */
.bwp-header .header-wrapper {
  padding: 15px 0;
  transition: background 500ms ease-in-out;
}

.bwp-header:hover .header-wrapper,
.bwp-header .header-wrapper:hover {
  background: #FFFFFF;
}

.wpml-ls-menu-item > a {
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 0;
}

.wpml-ls-menu-item > a > .menu-item-text img.wpml-ls-flag {
  width: 18px;
  height: auto;
}

.wpml-ls-menu-item .sub-menu {
  min-width: 100px;
  width: auto;
  padding: 0;
}

.wpml-ls-menu-item .sub-menu li a {
  display: block;
  width: 100% !important;
  text-align: center;
  padding: 0;
}

.langpopup .close-popup {
  border: 0;
}

/* WooCommerce child theme compatibility */
.woocommerce div.product div.images img,
.woocommerce div.product div.images .woocommerce-product-gallery__image img,
.woocommerce-page div.product div.images img {
  width: 100%;
  height: auto;
}

.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary {
  width: 100%;
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
  width: 100%;
}

.woocommerce form .form-row,
.woocommerce-page form .form-row {
  width: 100%;
}

.woocommerce .quantity .qty {
  min-width: 70px;
}

.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce input[type="submit"],
.woocommerce #respond input#submit {
  white-space: normal;
}

.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart_totals,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #customer_details {
  width: 100%;
}

@media (max-width: 991px) {
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary,
  .woocommerce-page div.product div.images,
  .woocommerce-page div.product div.summary,
  .woocommerce-cart .cart-collaterals,
  .woocommerce-cart .cart_totals,
  .woocommerce-checkout .woocommerce-checkout-review-order,
  .woocommerce-checkout #customer_details {
    float: none;
    width: 100%;
    max-width: 100%;
  }

  .woocommerce table.shop_table_responsive tr td,
  .woocommerce-page table.shop_table_responsive tr td {
    word-break: break-word;
  }
}