/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.woocommerce-billing-fields {
    padding-top: 15px;
    border-top:none !important; 
}
.has-border {
    border: 1px solid #4caf504d !important;

}
.product .col-inner{
	border: 1px solid #4caf5047;
    padding: 10px;
    border-radius: 10px;

}
.product .col-inner .wc-buy-now-btn{
	margin-bottom:0 !important;
}
.product .col-inne .box-text {
    padding-bottom: 0.4em !important;

}
.product-title .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    display: -webkit-box;
    overflow: hidden !important;
}
.product .col-inner .wc-buy-now-btn {
        border-radius: 50px !important;
    border: 1px solid #4caf50 !important;

}
#woocommerce-product-search-field-0::placeholder {
  color: #777;
  opacity: 1;
  transition: color 0.3s ease;
}
/* --- Checkout Your Order Premium Design --- */

/* Product row */
.checkout-product-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
}

/* Product image */
.checkout-product-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}
.checkout-product-item img:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* Product name */
.checkout-product-item .checkout-title {
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

/* Quantity wrapper */
.woocommerce-checkout-review-order-table td.product-quantity {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

/* Quantity input */
.woocommerce-checkout-review-order-table input.qty {
    width: 50px;
    height: 38px;
    text-align: center;
    font-size: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: all 0.2s ease;
}

/* Focus style */
.woocommerce-checkout-review-order-table input.qty:focus {
    border-color: var(--primary-color, #7ab730);
    box-shadow: 0 0 6px rgba(122,183,48,0.4);
    outline: none;
}

/* + / – buttons */
.woocommerce-checkout-review-order-table input.qty::-webkit-inner-spin-button,
.woocommerce-checkout-review-order-table input.qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Optional: adjust table row hover effect */
.woocommerce-checkout-review-order-table tr {
    transition: background 0.3s ease;
}


/* Subtotal / Total typography */
.woocommerce-checkout-review-order-table td.product-total {
    font-weight: 600;
    color: #222;
    font-size: 15px;
}

/* Place order button highlight */
.woocommerce-checkout #place_order {
    background-color: var(--primary-color, #7ab730);
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    padding: 12px 25px;
    transition: all 0.3s ease;
}
.woocommerce-checkout #place_order:hover {
    background-color: darken(var(--primary-color, #7ab730), 5%);
}
/* Checkout Fields Premium Style */
.woocommerce-checkout form.checkout .form-row-wide {
    width: 100% !important;
    margin-bottom: 15px;
}

.woocommerce-checkout label {
    font-weight: 600;
    color: #333;
    font-size: 15px;
}

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout select {
    width: 100%;
    padding: 10px 12px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.woocommerce-checkout input[type="text"]:focus,
.woocommerce-checkout input[type="tel"]:focus,
.woocommerce-checkout select:focus {
    border-color: var(--primary-color, #7ab730);
    box-shadow: 0 0 6px rgba(122,183,48,0.3);
    outline: none;
}

/* Place order button */
.woocommerce-checkout #place_order {
    background-color: var(--primary-color, #7ab730);
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    padding: 12px 25px;
    transition: all 0.3s ease;
}
.woocommerce-checkout #place_order:hover {
    background-color: darken(var(--primary-color, #7ab730), 5%);
}






.Home-banner .text-inner  h1{
	margin-bottom:14px !important;
	
}
@media only screen and (max-width: 767px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.Home-banner .text-inner  h1{
	margin-bottom:14px !important;
	
}
.Home-banner .text-inner  h1 span{
	font-size:45px !important;

}
	.Home-banner .text-inner  h2{
		font-size:25px !important;
	}

}