/* ==================================== */
/* === WooCommerce Reviews Styling === */
/* ==================================== */

/* Main Review Section Styling */
#reviews {
    margin-top: 40px;
    background-color: #f9f9f9;
    padding: 30px;
    border-radius: 8px;
}

#reviews h2 {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

/* Individual Review Styling */
#comments .commentlist {
    list-style: none;
    padding: 0;
    margin: 0;
}

#comments .comment {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 20px;
}

/* Comment Author and Date */
.comment-author.vcard {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.comment-author.vcard img {
    border-radius: 50%;
}

.comment-author.vcard .fn {
    font-weight: bold;
    font-size: 18px;
    color: #555;
}

.comment-metadata time {
    font-size: 14px;
    color: #999;
}



/* Review Content */
.comment-text p {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    margin-top: 15px;
}

/* Add a Review Section */
#review_form_wrapper {
    margin-top: 30px;
}

#review_form h3 {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

/* Rating Form in "Add a Review" section */
.comment-form-rating {
    margin-bottom: 20px;
}

.comment-form-rating label {
    font-weight: bold;
    color: #555;
}


/* Form Fields */
.comment-form p {
    margin-bottom: 15px;
}

.comment-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Submit Button */
.comment-form #submit {
    background-color: #007bff; /* A nice blue for the button */
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.comment-form #submit:hover {
    background-color: #0056b3;
}

	.woocommerce div.product div.summary {
		margin-bottom: 0 !important;
	}
	.woocommerce div.product div.images {
		margin-bottom:0 !important;
	}
	.woocommerce div.product .product_title {
		font-weight: 700;
	}
	.product_meta .sku_wrapper,
		.product_meta .posted_in {
			display: none;
		}
	.woocommerce div.product div.images img  {
		height: 525px;
	}


    #rapidmed-search-form {
            margin-right: 15px;
    }
    .select2-selection__arrow {
        display: none;
    }
    .select2-container .select2-selection--single {
        height: 38px !important;
        /* width: 200px; */
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        width: 205px;
    }
            /* --- Select2 and Bootstrap 5 Styling Fix --- */

/* Override Select2's default styling to fit Bootstrap's input-group */
.input-group .select2-container {
    flex-grow: 1; /* Makes the select2 container take up available space */
    width: 1% !important; /* This is crucial for proper alignment in flexbox */
}
.input-group .select2-container .select2-selection--single {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
/* Custom styling to ensure the correct rounded corners are applied */
.input-group > .select2-container--bootstrap-5 .select2-selection--single {
    border-top-left-radius: 50rem !important;
    border-bottom-left-radius: 50rem !important;
}
.input-group > .btn {
    border-top-right-radius: 50rem !important;
    border-bottom-right-radius: 50rem !important;
}
.select2-container--default .select2-selection--single {
    border-right: none !important;
}