/* Modal */
.ktc-modal {
    display: none; position: fixed; z-index: 9999; left: 0; top: 0;
    width: 100%; height: 100%; background: rgba(0,0,0,0.5);
}
.ktc-modal-content {
    background: #ffffff; margin: 2% auto; width: 90%; max-width: 800px;
    border: 1px solid #d8d8d8; border-radius: 0px; overflow: hidden;
}
.ktc-modal-header {
    background: #d8d8d8; padding: 15px; display: flex; justify-content: space-between;
    align-items: center; color: #000;
}
.ktc-modal-header h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}
.ktc-quote-container{
	position: relative;
}
.ktc-close-modal { cursor: pointer; font-size: 24px; font-weight: 400; color:#666; }
.ktc-modal-body { padding: 20px; max-height: 78vh; overflow-y: auto; }

/* Formulaire CF7 */
.dn-cf7-row { margin-bottom: 0; margin-top: 9px; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.dn-cf7-row input, .dn-cf7-row textarea {
    width: 100%; border: 1px solid #d8d8d8; padding: 10px; color: #000;
}
.dn-cf7-row input[type="checkbox"]{
	width:auto;
}
#ktc-modal-quote input[type="submit"] {
    background: #D15743; color: #fff; border: none; padding: 12px 25px;
    cursor: pointer; font-weight: bold; width: auto;
}
#ktc-modal-quote .wpcf7-list-item-label{
	font-size: 14px;
}

/* Liste de produits dans le devis */
.ktc-quote-item {
    display: grid; grid-template-columns: 2fr 1fr 1fr 24px; gap: 10px;
    align-items: center; padding: 3px 10px; border-bottom: 1px solid #d8d8d8;
	font-size: 14px;
}
.ktc-remove-item { background: #D15743; color: #fff; border: none; cursor: pointer; height: 30px;     padding: 0; width: 24px; line-height: 24px;}
.ktc-quote-search { margin-bottom: 10px; }
.ktc-search-results {
    border: 1px solid #d8d8d8; position: absolute; background: #fff;
    width: 100%; z-index: 10; display: none;
	max-height: 500px;
    overflow: auto;
}
.search-item { padding: 8px; cursor: pointer; border-bottom: 1px solid #f0f0f0; font-size: 13px; }
.search-item:hover { background: #f0f0f0; }

#ktc-modal-quote{
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea, .wpcf7 select, input[type="date"], input[type="number"] {
		/*width: calc(100% - 27px);*/
		padding: 8px 12px;
		border: 1px solid #aaaaaa;
		background: #fff;
		border-radius: 0px;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		color: #000;
		font-size: 13px;
		font-weight: 400;
	}
}

/* Responsive */
@media (max-width: 600px) {
    .two-col { grid-template-columns: 1fr; }
    .ktc-quote-item { grid-template-columns: 1fr; }
    .ktc-modal-content { margin: 0; width: 100%; height: 100%; border-radius: 0; }
}