/* ==========================================================================
   SAKUMI TEA — CHECKOUT EXTRA CSS
   --------------------------------------------------------------------------
   IMPORTANT — read this once:

   On get-mumbu.com this CSS did NOT live in the theme. It was pasted into
   Appearance → Customize → Additional CSS (and a small part into a WPCode
   snippet), i.e. it lived in the database. Copying the theme folder alone
   would therefore have given you a broken-looking checkout.

   Everything from that database CSS has been extracted 1:1 into this file,
   and functions.php enqueues it automatically. So:

   >>> DO NOT also paste this into Customizer → Additional CSS. <<<
       You would just load it twice.

   Sections:
     1. WPCode snippet leftovers (landing page)
     2. Product gallery / landing button styling
     3. Checkout: deal box
     4. Checkout: payment methods, place-order button, form fields
     5. Checkout: trust badges + SSL block
   ========================================================================== */


/* ==========================================================================
   1. WPCode snippet leftovers (came from a code-snippet plugin, kept for parity)
   ========================================================================== */
.customCheckoutRedirect a::after {
	display: none !important
}

/* NOTE: these two rules hid a shortcode widget on two specific Mumbu product
   pages (post IDs 199 / 203). Harmless here — update the IDs if you reuse it. */
body.postid-199 .elementor-element.elementor-element-83a8721.elementor-widget.elementor-widget-shortcode {
    display: none;
}

body.postid-203 .elementor-element.elementor-element-83a8721.elementor-widget.elementor-widget-shortcode {
    display: none;
}


/* ==========================================================================
   2. Product gallery + landing "go to checkout" button
   ========================================================================== */
ol.flex-control-nav.flex-control-thumbs {
    overflow: auto;
    flex-direction: row;
    display: flex !important;
    flex-wrap: nowrap;
}

ol.flex-control-nav.flex-control-thumbs li {
    flex: 0 0 20% !important;
    padding: 10px;
}

.customCheckoutRedirect:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.customCheckoutRedirect a {
    background: #E6A500 !important;
    width: 100% !important;
    color: white !important;
	font-size: 16px !important;
}

.customCheckoutRedirect a::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #7069BC6E;
    left: 0px;
    top: 0px;
    translate: 0% 100%;
    transform-origin: right;
    transition: translate 200ms ease-in-out, border-radius 200ms ease-in-out;
    border-radius: 10px;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    filter: brightness(2);
}

.customCheckoutRedirect a:hover.customCheckoutRedirect a::after{
    translate: 0;
    border-radius: 10px;
}
.elementor-button.custom-checkout-redirect {
  margin-left: 10px;
  background-color: #ff0000;
  color: white !important;
}

.elementor-button.custom-checkout-redirect:hover {
  background-color: #cc0000;
}

.elementor-button.custom-checkout-redirect:disabled {
  background-color: #cccccc !important;
  cursor: not-allowed;
}

/* Redirect animation */
.elementor-button.custom-checkout-redirect.redirecting {
  position: relative;
  pointer-events: none;
}

.elementor-button.custom-checkout-redirect.redirecting::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: rgba(255,255,255,0.3);
  animation: redirectProgress 5s linear forwards;
}

@keyframes redirectProgress {
  0% { width: 0%; }
  100% { width: 100%; }
}


/* ==========================================================================
   3. Checkout: deal box (the "70% super deal discount applied for you" card)
   ========================================================================== */
#billing_state_field {
    display: none !important;
}

	.mpg-wrap>div:nth-child(1)>img,.mpg-wrap>div:nth-child(3)>img{
		transform:scale(0.8) !important;
	}
	.spg-wrap>div:nth-child(1)>img,.spg-wrap>div:nth-child(3)>img{
		transform:scale(0.8) !important;
	}

.deal-box {
    width: 100%;
    padding: 26px 40px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    background: #FCFCFC;
    gap: 15px;
    margin-bottom: 20px;
}

.sale-badge{
display:flex;
	gap:30px;
	justify-content: space-between;
    align-items: center;
}
.sale-badge img{
width:100px;
}
.sale-badge p{
    font-size: 24px;
    width: 100%;
}
.discount {
    color: #cc0000;
    font-weight: 700;
    margin: 0 0 5px 0;
    font-size: 15px;
}

.message {
    margin: 0;
    font-size: 14px;
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    padding-top: 10px;
}

.price {
    color: #1fa81f;
    font-weight: bold;
}

@media(max-width:767px){
	.deal-box {
    padding: 14px 18px;
}
	.sale-badge {
    gap: 10px;
}
	.sale-badge p {
    font-size: 18px;
    width: 99%;
}
	.sale-badge img {
    width: 85px;
}
	.message {
    font-size: 18px;
}
}
.hurry-up {
    color: #cc0000 !important;
    font-weight: 700;
}


/* ==========================================================================
   4. Checkout: payment methods, place-order button, form fields
   ========================================================================== */
#payment {
    background: none !important;
    padding: 0px !important;
    border-radius: 0px !important;
}
#payment ul.wc_payment_methods.payment_methods.methods.stripe-small {
    padding: 0px;
}
#payment ul.wc_payment_methods.payment_methods.methods.stripe-small li .payment_box.payment_method_ppcp,
#payment ul.wc_payment_methods.payment_methods.methods.stripe-small li .payment_box.payment_method_stripe_cc.wc-stripe-no-methods {
    background: none !important;
    padding: 10px 0px 0px !important
}

#payment ul.wc_payment_methods.payment_methods.methods.stripe-small li .payment_box.payment_method_ppcp:before,
#payment ul.wc_payment_methods.payment_methods.methods.stripe-small li .payment_box.payment_method_stripe_cc.wc-stripe-no-methods:before{
	display:none !important;
}
#payment ul.wc_payment_methods.payment_methods > li {
margin-bottom: 8px;
    align-items: center;
    padding-top: 11px;
}
#payment ul.wc_payment_methods.payment_methods li > input {
    margin: 0px 0px 0px 15px;
}
#payment ul.wc_payment_methods.payment_methods.methods {
    padding: 0px;
    gap: 8px;
    display: flex;
    flex-direction: column;
}
#payment ul.wc_payment_methods.payment_methods li .payment_box{
	    background: none !important;
    margin-bottom: 0;
    padding-bottom: 0;
}
#payment ul.wc_payment_methods.payment_methods.methods li .payment_box:before{
	display:none !important
}
.form-row.place-order {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
button#place_order {
    background: #6adb62;
    padding: 13px 0;
    white-space: normal;
    color: #fff;
    font-size: 16px;
    background-color: #1ac70e;
    border: 1px solid rgba(0, 0, 0, .13);
    border-bottom: 4px solid rgba(0, 0, 0, .13);
    border-radius: 6px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    width: 100%;
		opacity:0.65;
}

label.p-FieldLabel.Label.Label--empty {
    font-weight: bold;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span.woocommerce-terms-and-conditions-checkbox-text,
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span.woocommerce-terms-and-conditions-checkbox-text a strong,
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span.woocommerce-terms-and-conditions-checkbox-text a{
    color: #6D6E77;
    font-weight: 400;
}
.woocommerce form .mumbu-step .form-row .checkbox {
    display: flex;
    align-items: center;
}

li.wc_payment_method{
	position:relative;
}

li.wc_payment_method:after {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #f8f8f8;
    border: 1px solid #e6e7ea;
    padding: 20px 10px 30px;
    border-radius: 6px;
    width: 100%;
    z-index: -1;
}
	ul.woocommerce-SavedPaymentMethods.wc-saved-payment-methods {
    padding: 0px !important;
}
.mobile-center-title {
    background: #67973d !important;
	color:#fff;
}

.vresand_free {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid #e6e7ea;
    border-radius: 4px;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    padding: 8px;
    font-family: Montserrat, sans-serif;
    line-height: 20px;
    display: flex;
}
.vresand_free h4 {
    color: #02122e;
    padding-left: 0;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    margin: 0px;
}
.vresand_free .div_free p {
    color: #02122e;
    white-space: nowrap;
    padding-left: 0;
    padding-right: 0;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
	margin:0px;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span.woocommerce-terms-and-conditions-checkbox-text {
    color: #6D6E77 !important;
}
.woocommerce form .mumbu-step .form-row .input-text, .woocommerce form .mumbu-step .form-row select, .woocommerce form .mumbu-step .select2-container .select2-selection {
    border-color: #E6E6E6;
	font-size:16px;
}
.woocommerce form .mumbu-step .form-row label {
    font-weight: bold;
}
#payment ul.wc_payment_methods.payment_methods > li label {
    font-weight: bold;
	    color: #333;
}
section#mumbu-step-4 {
    padding: 20px 0 0 0;
    border-top: #A2A2A2 solid 1px;
}
section#mumbu-step-3 {
    padding-bottom: 0;
}
#payment ul.wc_payment_methods.payment_methods li .payment_box.payment_method_ppcp_card {
    padding-left: 0;
    padding-right: 0;
}
section#mumbu-step-4 h3.step-title-1 {
    padding-bottom: 8px;
}
#payment ul.wc_payment_methods.payment_methods > li input {
    border-color: #E6E6E6;
}
@media (max-width: 767px){
	.mumbu-step .coman-mobile-class {
        min-height: auto;
        margin: 0 0 20px;
    }
ul.payment_methods li[class*=payment_method_stripe_]>input[name=payment_method]+label {
    font-size: 14px !important;
}
	ul.woocommerce-SavedPaymentMethods.wc-saved-payment-methods input {
    margin-right: 5px !important;
}
	ul.woocommerce-SavedPaymentMethods.wc-saved-payment-methods li label{
  font-size: 14px !important;
}

	#payment ul.wc_payment_methods.payment_methods li .payment_box.payment_method_ppcp_card {
    padding-left: 0;
    padding-right: 0;
}
#payment ul.wc_payment_methods.payment_methods.methods.stripe-small li label img {
    width: 70px !important;
    height: auto !important;
    max-height: inherit !important;
}
.vb-ssl-paragraph {
    font-size: 16px;
}
	.vb-list-item-div ul {
    padding: 0px;
}
	.vb-list-item-div ul li {
    font-size: 16px !important;
}
	button#place_order {
    font-size: 17px !important;
}
	    .woocommerce form .mumbu-step#mumbu-step-4 {
        padding: 20px 0 0 0;
    }
	.woocommerce form .mumbu-step#mumbu-step-3 {
        padding-bottom: 0;
    }
	    ul.payment_methods li img {
        max-height: 27px !important;
    }
	.ppcp-card-fields--container .ppcp-card-field--container.card-exp-field {
    flex-basis: 50%;
    width: 50%;
}
	.ppcp-card-field--container.card-cvv-field {
    flex-basis: 50% !important;
    max-width: 50% !important;
}
}


/* ==========================================================================
   5. Checkout: trust badges + SSL block
   ========================================================================== */
.payment_method_stripe_cc .wc-stripe-no-methods{
	background: #fff !important;
}
.woocommerce-checkout #payment {
    background: #fff;
    border-radius: 0px;
}
.vb-logo-div{
	display:flex;
	justify-content:space-between;
	align-items:center;
   background: #fff;
	padding:1rem;
	    border-bottom: 1px solid rgba(104, 87, 125, .14);
}
.vb-logo-img{
	height: 40px;
	width:20%;
	object-fit:cover;
	padding:5px;
}
.vb-heading-div{
   background: #fff;
padding:15px 15px 0px;
	    border-bottom: 1px solid rgba(104, 87, 125, .14);
	display:flex;
	flex-direction:column;
	align-items:center;
}
.vb-ssl-heading{
	text-transform: uppercase;
	font-size:25px;
	font-weight:500;
	text-align:center;
}
.vb-ssl-paragraph{
	font-size:20px;
	font-weight:normal;
	text-align:center;
	max-width: 350px;
}
.vb-list-item-div{
	 background: #fff;
	padding:1rem;
	    border-bottom: 1px solid rgba(104, 87, 125, .14);
}
.vb-list-item-div ul li{
	  list-style: none;
	font-weight:bold;
	font-size:20px;
}
.vb-list-item-div ul li::before {
    content: "✔";
    font-size: 20px;
    color: blue;
}
li.payment_method_ppcp label:first-of-type img {
    float: left;
}
.wc-stripe-card-icons-container {
    float: left !important;
}
.payment_method_stripe_cc label{
	color:#fff !important;
}
.payment_method_ppcp label
{
	color:#fff !important;
}
button#place_order {
    background: #1FA81F;
    padding: 20px;
    border-radius: 10px;
	    font-weight: 800;
    font-size: 20px !important;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border: none !important;
}