.render_widget {
	display: none !important;
   
}
.valuWidget{
	display: none !important;
}
#render_widget {
    margin-bottom: 1%;
    margin-top: 1%;
}
/* Modal styles */
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
/* background-color: #1D2939; */
padding-top: 60px;

}

.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

#load-more-link {
    display: inline-block;
    margin-top: 10px;
    color: #007bff; /* Link color */
    text-decoration: none; /* Remove underline */
}

#load-more-link:hover {
    text-decoration: underline; /* Underline on hover for better UX */
    cursor: pointer; /* Change cursor on hover */
}


/* Style for the modal buttons */
.modal-button {
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    padding: 10px 20px; /* Padding */
    border: none; /* No border */
    border-radius: 5px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    font-size: 16px; /* Font size */
    margin-right: 10px; /* Space between buttons */
    transition: background-color 0.3s; /* Smooth background color transition */
}

.modal-button:hover {
    background-color: #45a049; /* Darker green on hover */
}

.modal-button:last-child {
    margin-right: 0; /* No margin on the last button */
}

/* Style for the table */
.valu_widget-table-class {
    width: 100%; /* Full width */
    border-collapse: collapse; /* Collapse borders */
}

.valu_widget-th, .valu_widget-td {
    border: 1px solid #ddd; /* Border for table cells */
    padding: 8px; /* Padding */
    text-align: left; /* Align text */
}

.valu_widget-th-class {
    background-color: #f2f2f2; /* Light gray background for header */
}

/* Style for modal content */
.modal-content {
    padding: 20px; /* Padding inside modal */
}

/* Style for the modal */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Close button style */
.close {
    color: #aaa; /* Gray color */
    float: right; /* Float to the right */
    font-size: 28px; /* Font size */
    font-weight: bold; /* Bold */
}

.close:hover,
.close:focus {
    color: black; /* Black on hover */
    text-decoration: none; /* No underline */
    cursor: pointer; /* Pointer cursor */
}

#custom-cart-button {
    background-color: #007cba; /* WooCommerce primary color */
    color: #ffffff; /* White text */
    padding: 10px 20px; /* Padding */
    border: none; /* No border */
    border-radius: 5px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor */
}

#custom-cart-button:hover {
    background-color: #005f8a; /* Darker shade on hover */
}
button.single_add_to_cart_button {
    display: inline-block; /* Ensures it remains in line */
    writing-mode: horizontal-tb; /* Forces horizontal text */
    white-space: nowrap; /* Prevents text from breaking */
    text-align: center;
    padding: 10px 20px; /* Adjust padding */
}
