/**
 * Frontend Styles
 */

/* Registration form file upload styles */
.form-row input[type="file"] {
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
	width: 100%;
	font-size: 16px; /* Prevents zoom on iOS */
}

.form-row input[type="file"]:focus {
	border-color: #0073aa;
	outline: none;
	box-shadow: 0 0 0 1px #0073aa;
}

.form-row small {
	display: block;
	margin-top: 5px;
	color: #666;
	font-size: 13px;
}

/* Mobile upload support */
@media (max-width: 768px) {
	.form-row input[type="file"] {
		font-size: 16px; /* Prevents zoom on iOS */
		padding: 12px;
	}
}

/* Quote Request Styles */
.wcav-quote-request-wrapper {
	margin-top: 15px;
	margin-bottom: 15px;
}

.wcav-request-quote-btn {
	width: 100%;
	padding: 12px 20px;
	font-size: 16px;
	font-weight: 600;
}

/* Modal Styles */
.wcav-modal {
	display: none;
	position: fixed;
	z-index: 100000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
	align-items: center;
	justify-content: center;
}

.wcav-modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 90%;
	max-width: 600px;
	border-radius: 4px;
	position: relative;
	max-height: 90vh;
	overflow-y: auto;
}

.wcav-modal-close,
.wcav-modal-close-btn {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
	border: none;
	background: none;
}

.wcav-modal-close:hover,
.wcav-modal-close:focus,
.wcav-modal-close-btn:hover {
	color: #000;
	text-decoration: none;
}

.wcav-modal-content h2 {
	margin-top: 0;
}

.wcav-modal-content p {
	margin-bottom: 15px;
}

.wcav-modal-content label {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
}

.wcav-modal-content .input-text {
	width: 100%;
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.wcav-modal-content textarea {
	width: 100%;
	min-height: 100px;
}

.wcav-quote-response-message {
	margin-bottom: 15px;
	padding: 10px;
	border-radius: 4px;
}

.wcav-quote-response-message.success {
	background-color: rgba(212, 237, 218, 0.2);
	color: #d4edda;
	border: 1px solid #c3e6cb;
}


.wcav-quote-response-message.error {
	background-color: rgba(248, 215, 218, 0.2);
	color: #f8d7da;
	border: 1px solid #f5c6cb;
}

.wcav-quote-request-shortcode .wcav-quote-response-message.success {
	background-color: rgba(212, 237, 218, 0.2);
	color: #d4edda;
	border: 1px solid #c3e6cb;
}

.wcav-quote-request-shortcode .wcav-quote-response-message.error {
	background-color: rgba(248, 215, 218, 0.2);
	color: #f8d7da;
	border: 1px solid #f5c6cb;
}
/* Status indicators */
.wcav-status-pending {
	color: #856404;
	font-weight: 600;
}

.wcav-status-approved {
	color: #155724;
	font-weight: 600;
}

.wcav-status-denied {
	color: #721c24;
	font-weight: 600;
}







#wcavQuoteRequestModal form p .button:first-child {

    padding: 15px 30px;

    font-size: 16px;

    background: #fff;

    outline: none;

    letter-spacing: 0.5px;

    border: none;

    color: #000;

}

#wcavQuoteRequestModal form p .button:first-child:hover{

  background: #dfdfdf;

}
 
#wcavQuoteRequestModal form p {
    position: relative;
    display: block;
    padding-right: 28px;
    margin: 0 0 20px;
}
#wcavQuoteRequestModal .wcav-modal-content {
    background-color: #4b4b4b;
}
#wcavQuoteRequestModal form p input {

  width: 100%;

  background: #343434;

  border: 2px solid #343434;

  border-radius: 0px;

  color: #fff;

  padding: 0.7rem;

  margin-bottom: 12px;

  font-size: 15px;

  transition: border 0.2s ease;

  min-height: 25px;

}
 
#wcavQuoteRequestModal form p input:focus, #wcavQuoteRequestModal form p textarea:focus {

    border-bottom: 3px solid #f1aa39;

}
 
#wcavQuoteRequestModal form p span.required {
    color: #f1aa39;
}
 
#wcavQuoteRequestModal .wcav-modal-content {
    background-color: #4b4b4b;
    margin: 5% auto;
    padding: 25px;
    border: none; 
    width: 90%;
    max-width: 600px;
    border-radius: 4px;
    position: relative;
    box-shadow: 0 0 80px #000000bd;
}
#wcavQuoteRequestModal .wcav-modal-content h2 {
    margin-top: 0;
    color: #fff;
}
 


#wcavQuoteRequestModal from p textarea {

    width: 100%;

    padding: 10px 15px;

    border: none;

    border-radius: 0;

    border-bottom: 2px solid #343434;

    outline: none;

    resize: none;

    background: #343434;

    color: #fff;

}




 

/* Shortcode Form Styles */
.wcav-quote-request-shortcode {
	max-width: 800px;
	margin: 0 auto;
	padding: 20px;
}

.wcav-quote-request-shortcode h2 {
	margin-bottom: 20px;
	color: #E9ECF3;
}

.wcav-quote-request-shortcode .wcav-quote-form {
	background: #13161E;
	padding: 30px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.wcav-quote-request-shortcode .wcav-quote-form p {
	margin-bottom: 20px;
}

.wcav-quote-request-shortcode .wcav-quote-form label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	color: #E9ECF3;
}

.wcav-quote-request-shortcode .wcav-quote-form .required {
	color: #FFDF6D;
}

.wcav-quote-request-shortcode .wcav-quote-form .input-text {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box;
	background: #fff;
	color: #333;
}

.wcav-quote-request-shortcode .wcav-quote-form textarea {
	min-height: 120px;
	resize: vertical;
}

/* Products Section */
.wcav-products-section {
	margin-bottom: 20px;
}

.wcav-products-section > label {
	display: block;
	margin-bottom: 10px;
	font-weight: 600;
	color: #E9ECF3;
}

.wcav-products-list {
	margin-bottom: 15px;
}

.wcav-product-row {
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
	align-items: flex-start;
}

.wcav-product-row .wcav-product-field {
	flex: 2;
	display: flex;
	flex-direction: column;
}

.wcav-product-row .wcav-quantity-field {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 120px;
}

.wcav-product-row .wcav-remove-field {
	display: inline-block;
	align-items: flex-end;
	padding-bottom: 0;
}

.wcav-product-row .wcav-product-label,
.wcav-product-row .wcav-quantity-label {
	display: block;
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: 600;
	color: #E9ECF3;
}

.wcav-product-row .wcav-product-select {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	background: #fff;
	color: #333;
}

.wcav-product-row .wcav-product-quantity {
	width: auto;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	background: #fff;
	color: #333;
}

.wcav-product-row .wcav-remove-product-btn {
	padding: 10px 15px;
	background: #FFDF6D;
	color: #13161E;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	white-space: nowrap;
	font-weight: 600;
}

.wcav-product-row .wcav-remove-product-btn:hover {
	background: #FFD54F;
}

.wcav-add-product-btn {
	padding: 10px 20px;
	background: #FFDF6D;
	color: #13161E;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
}

.wcav-add-product-btn:hover {
	background: #FFD54F;
}

.wcav-quote-request-shortcode .button-primary {
	padding: 12px 30px;
	font-size: 16px;
	font-weight: 600;
	background: #FFDF6D;
	color: #13161E;
	border: none;
}

.wcav-quote-request-shortcode .button-primary:hover {
	background: #FFD54F;
}

/* Responsive */
@media (max-width: 768px) {
	.wcav-product-row {
		flex-direction: column;
	}
	
	.wcav-product-row .wcav-product-field,
	.wcav-product-row .wcav-quantity-field {
		width: 100%;
		min-width: 100%;
	}
	
	.wcav-product-row .wcav-remove-field {
		width: 100%;
		align-items: stretch;
	}
	
	.wcav-product-row .wcav-product-select,
	.wcav-product-row .wcav-product-quantity {
		width: 100%;
	}
	
	.wcav-product-row .wcav-remove-product-btn {
		width: 100%;
	}
}





.wc-block-product-template__responsive .wcav-quote-box{position:relative; text-align:center;}
.wc-block-product-template__responsive .wcav-quote-box .wcav-request-quote-btn, .wc-block-product-template__responsive .wcav-quote-box .wcav-add-to-cart .add_to_cart_button{
    display: inline;
    margin: 0 auto;
    padding: 9.6px 16px !important;
    text-decoration: none;
    background: #ffdf6d;
    border-radius: 5px;
    color: #000;
	font-size:14px;
	font-weight:300 !important;
	line-height: initial;
}

/*.wp-block-column .wcav-quote-box{display:flex; flex-wrap:wrap;}*/
.wp-block-column .wcav-quote-box .wcav-request-quote-btn {
    display: inline;
    margin-right:20px;
    padding: 9.6px 16px !important;
    text-decoration: none;
    background: #ffdf6d;
    border-radius: 5px;
    color: #000;
	font-size:14px;
	font-weight:300 !important;
	line-height: initial;
}

@media (max-width: 768px){
	.wp-block-column .wcav-quote-box{gap:15px;}
	/*.wp-block-column .wcav-quote-box .wcav-request-quote-btn{margin:0;width: 100% !important;}*/
	.wp-block-column .wcav-quote-box .wcav-request-quote-btn {
    margin-right: 10px;
}
}

.wcav-jotform-page {
    margin: 0 0px !important;
    width: 100%;
    text-align: center;
    /* float: inline-end; */
    display: contents;
}
.page-id-913 .wp-block-spacer {
    display: none;
}
.entry-content .wcav-jotform-page h2 {
    margin-top: 10px;
}

.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: red;
    background-color: #ff0000 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    padding: 10px 15px;
    border-radius: 6px;
    display: inline-block;
}
.woocommerce-MyAccount-content p a[href*="logout"] {
    /* background: #ff0000 !important; */
    color: #ff0000 !important;
    font-weight: bold !important;
    padding: 6px 12px;
    border-radius: 5px;
    /* text-decoration: none !important; */
}
.wc-block-grid.wp-block-product-new.wp-block-woocommerce-product-new.wc-block-product-new.has-4-columns a.button.alt.wcav-request-quote-btn {
    display: inline;
    margin: 0 auto;
    padding: 9.6px 16px !important;
    text-decoration: none;
    background: #ffdf6d;
    border-radius: 5px;
    color: #000;
    font-size: 14px;
    font-weight: 300 !important;
    line-height: initial;
}

.page-id-913 h1.has-text-align-center.wp-block-post-title {
    display: none!important;
}