/*
Theme Name: Tipsy Child Theme
Template: tipsy
Theme URI: https://tipsy.themerex.net/
Description: Tipsy Child Theme
Author: ThemeREX
Author URI: https://themerex.net/
Version: 1.0.0
Tested up to: 6.7
Requires at least: 5.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: tipsy
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */


/* 23/may/2025 css start */

#marketking_become_vendor_link_myaccount{
	display:none;
}
.sc_switcher_section.sc_switcher_section_inited.sc_switcher_section_active{
    padding: 0px 50px;
}
/* .sc_switcher.sc_switcher_tabs.sc_switcher_effect_fade.sc_switcher_inited .sc_switcher_sections {
    overflow: auto;
} */

.post-75396  .woocommerce p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide,
.post-75922  .woocommerce p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {
    text-align: left;
}
.elementor-element-03c178e svg circle {
    fill: #a60108;
}

#filter-sidebar .wpfFilterWrapper .wpfCheckbox label {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    padding: 0;
}


#filter-sidebar span.wpfToggleSwitch label.wpfSwitch:before {
    display: none;
}


#filter-sidebar .wpfSelectedParameters,
#filter-sidebar .wpfFilterWrapper {
    background: #fff;
    padding: 10px 10px;
    margin: 0;
    border-top: 1px solid rgb(223, 218, 207);
 /* box-shadow: 0 0 5px rgb(0 0 0 / 7%);
    border: 1px solid rgb(223, 218, 207); */
}
#filter-sidebar .wpfCheckboxHier .wpfLiLabel{
display: flex;
    align-items: center;
}
#filter-sidebar .wpfCheckboxHier .wpfLiLabel .wpfCollapsible{
    margin-left: auto;
}

.blog_mode_shop ul.products  .post_item.post_layout_thumbs .post_data{
	    margin-top: auto;
}
.main-section-filter{
    position: relative;
}
#filter-sidebar .main-section-filter{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100vh;
}
#filter-sidebar .wpfMainWrapper{
    overflow: auto;
}
#filter-sidebar {
     background-color: #fff !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 500px !important;
    padding: 0  20px!important;
  position: fixed;
  top: 0;
  left: -100%; /* hidden initially */
  height: 100%;
  background: #fff;
  z-index: 9999;
  transition: left 0.3s ease-in-out;
  padding: 20px;
  overflow-y: auto;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

/* When active, slide in */
#filter-sidebar.active {
  left: 0;
}


/* Close Button aligned right inside sidebar */
#filter-close {
  display: block;
  margin-left: auto;
  background: none;
  border: none;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  padding: 5px 10px;
}


.woocommerce ul.products li.product .post_item,
.woocommerce-page ul.products li.product .post_item,
.type-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper
{
    border-radius: 12px; /* Adjust this value to your preference */
    overflow: hidden; /* Ensures image and content respects border-radius */
    border: 1px solid #eee; /* Optional: adds a border for visibility */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Optional: subtle shadow */
}
.woocommerce-MyAccount-content div#b2bking_purchase_lists_table_wrapper {
    padding: 10px 16px;
}
#b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content #b2bking_bulkorder_searchby_select{
    background: #939393 !important;
    padding: 10px 8px;
    margin: 0;
}
.woocommerce-MyAccount-content #b2bking_purchase_lists_table_wrapper #b2bking_purchase_lists_table_length label {
    gap: 10px;
}


/* Dropdown and label */
.user-type-modal-new .modal-mian-box label {
  display: block;
  margin-top: 15px;
  text-align: left;
  color: #85837e;
  font-weight: bold;
}

.user-type-modal-new .modal-mian-box select option{
  background-color: transparent;
  color: #000;
}
.user-type-modal-new .modal-mian-box select {
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 15px;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #000;
}

/* Button */
.user-type-modal-new .modal-mian-box button {
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  width: 100%;
}

.user-type-modal-new .modal-mian-box button:hover {
  background-color: #0056b3;
}
.user-type-modal-new .modal-mian-box .subheading{
    font-size: 16px;
    font-weight: 500;

}
.user-type-modal-new .modal-mian-box{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 20px;
}
.user-type-modal-new {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: transparent;
  max-width: 100%;
  transform: none;
  padding: 0;
  border-radius: 0px;
  font-family: Arial, sans-serif;
}

/* Background overlay */
.user-type-modal-new .overlay-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

/* Modal box content */
.user-type-modal-new .modal-content {
  position: relative;
  z-index: 2;
  background-color: #fff;
  padding: 30px 40px;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
  width: 100%;
  max-width: 400px;
  text-align: center;
}
.social-button {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 8px !important;
      padding: 8px 16px !important;
      border-radius: 4px !important;
      font-family: Arial, sans-serif;
      font-size: 14px !important;
      font-weight: 500 !important;
      cursor: pointer !important;
      width: 180px !important;
      border: none !important;
    }

    .social-button.facebook-button {
      background-color: #1877f2;
      color: #fff;
      /* margin:0 auto 10px; */
    }

    .social-button.google-button {
      background-color: #fff;
      color: #444;
      border: 1px solid #ddd !important;
      /* margin:0 auto 10px; */

    }

   .social-button .social-icon {
      height: 18px;
      width: 18px;
    }

   .social-button .social-text b {
      font-weight: bold;
    }
.customer-dashboard p.social_lgn_or{
  text-align: center;
  color: #fff !important;
  margin-bottom: 0px;
}
.login_social_act{
  display: flex;
  margin-bottom: 10px;
    justify-content: center;
  gap:15px;
}
.page-id-18210 form.woocommerce-form.woocommerce-form-login.login{
  margin-top: 10px;
}
.social_lgn_or,
.social_regis_or{
  margin-bottom: 10px !important;
  text-align: center;
}
.sc_switcher_sections #customer_login .form-row.b2bking_country_field_selector{
  text-align: left;
}
.vendor_social_btn{
  order: 20;
}
.sc_switcher_section.sc_switcher_section_inited.sc_switcher_section_active form.woocommerce-form.woocommerce-form-register.register {
    display: flex;
    flex-direction: column;
}


.userTypeMessage {
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
}
.error-message {
    background-color: #F8D7DA;
    color: #721C24;
    border: 1px solid #F5C6CB;
}
.success-message {
    background-color: #D4EDDA;
    color: #155724;
    border: 1px solid #C3E6CB;
}
/* .user-type-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 25px 30px;
    border: 1px solid #ccc;
    border-radius: 10px;
    z-index: 9999;
    width: 90%;
    max-width: 420px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    font-family: 'Segoe UI', sans-serif;
    text-align: center;
} */
.user-type-modal h3.modal-heading {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    color: #333;
}
.user-type-modal p {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}
.user-type-modal label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
}
#userTypeNew {
    width: 100%;
    padding: 8px;
    border-radius: 4px;
    font-size: 14px;
    border: 1px solid #ccc;
}
#confirmUserNew {
    margin-top: 10px;
    padding: 10px 16px;
    width: 100%;
    background-color: #0073AA;
    color: white;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
#confirmUserNew:hover {
    background-color: #005F8D;
}
.spinner {
    border: 5px solid #F3F3F3;
    border-top: 5px solid #3498DB;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.userTypeMessage,.error-message{
  margin-bottom:10px;
  display:none;
  }
  #post-75396 form.woocommerce-form.woocommerce-form-register.register .vendor_social_btn{
    margin-bottom: 20px;
  }
  #post-75396 form.woocommerce-form.woocommerce-form-register.register{
    display: flex;
    flex-direction: column;
  }
  @media (max-width:768px) {
    .login_social_act{
      flex-wrap: wrap;
    }
    .sc_switcher_section.sc_switcher_section_inited.sc_switcher_section_active {
        padding: 0 20px 20px;
    }
    .sc_switcher_section.sc_switcher_section_inited.sc_switcher_section_active #customer_login .u-column2.col-2{
      padding: 0 0px;
    }
    /* 28-july-25
    #post-74988 .elementor-section-with-custom-width.elementor-section.elementor-top-section.login-not-show.elementor-section-boxed{
      padding: 20px !important;
    }*/
    .elementor.elementor-74988{
      margin: 0 !important;
    }
    .user-type-modal-new .modal-content{
      padding: 20px 20px;
    }
  }