/* cotizacion.css - estilos para carrito y cotización */

#cart-dropdown .cot-list { padding: 10px; }
#cart-dropdown .cot-item { display:flex; gap:10px; align-items:center; margin-bottom:8px;}
#cart-dropdown .cot-thumb { width:50px; height:50px; object-fit:cover; }
#cart-dropdown .cot-info { font-size:12px; width: 50%; }
#cart-dropdown .cot-actions { margin-top:8px; text-align:center; }
#cart-dropdown .btn-cotizar { display:inline-block; padding:6px 10px; background:#AD9371; color:#fff; text-decoration:none; border-radius:3px; }

/* cotizacion page */
#cotizacion-list { padding:20px; }
.cot-table { width:100%; border-collapse:collapse; }
.cot-table th, .cot-table td { padding:8px; }
.cot-table img.cot-thumb { width:70px; height:70px; object-fit:cover; }
.cot-footer { margin-top:12px; }
#btn-open-modal { padding:8px 14px; background:#AD9371; color:#fff; border:none; border-radius:3px; }

/* modal */
#cot-modal { display:none; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.45); z-index:9999; }
#cot-modal .modal-content {
	background: #ffffff; /* modal background back to white */
	color: #333333; /* dark text for readability on white */
	width: 92%;
	max-width: 520px;
	margin: 64px auto;
	padding: 22px 20px;
	position: relative;
	border-radius: 10px;
	box-shadow: 0 12px 40px rgba(0,0,0,0.10);
}
#cot-modal .close {
	position: absolute;
	right: 12px;
	top: 10px;
	cursor: pointer;
	color: #666666;
	font-size: 20px;
	background: transparent;
	border: none;
}
#cot-modal label { display:block; margin-top:10px; color: #333333; font-weight:600; }
/* inputs: minimal with subtle underline */
#cot-modal input {
	width:100%;
	padding:8px 6px;
	box-sizing:border-box;
	background: transparent;
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0.08);
	color: #333333;
}
#cot-modal input::placeholder { color: rgba(0,0,0,0.35); }
/* submit button uses #AD9371 with white text as requested */
#cot-modal button[type="submit"] {
	margin-top:16px;
	padding:10px 14px;
	background: #AD9371;
	color:#fff;
	border: none;
	border-radius:6px;
	font-weight:700;
	cursor:pointer;
}
#cot-modal button[type="submit"]:hover {
	opacity: 0.95;
}

/* sección cotización in-page */
#cotizacion-section { background:#fff; }
#btn-close-cotizacion { padding:6px 10px; background:#AD9371; border:1px solid #fff; cursor:pointer; color: #fff;}

.cot-table input.cot-qty { width:70px; border: none;}

.btn-remove { padding:4px 8px; background:#AD9371; color:#fff; border:none; border-radius:3px; cursor:pointer; }

/* toast and badge styles (fallbacks) */
#cart-count { display:none; }
#cart-toast { font-family: inherit; }