/* Matrimony Connect — self-contained styles (scoped to .mc-* classes) */

.mc-form,
.mc-account,
.mc-results,
.mc-single { max-width: 1080px; margin: 0 auto; }

.mc-notice {
	padding: 12px 16px;
	border-radius: 8px;
	margin: 0 0 18px;
	font-size: 15px;
	border: 1px solid transparent;
}
.mc-success { background: #ecfdf3; color: #066047; border-color: #a6e9c9; }
.mc-error   { background: #fef2f2; color: #8a1c1c; border-color: #f4b4b4; }

/* Forms */
.mc-form { display: block; }
.mc-field { margin-bottom: 16px; display: flex; flex-direction: column; }
.mc-field label { font-weight: 600; margin-bottom: 6px; font-size: 14px; }
.mc-field input,
.mc-field select,
.mc-field textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	border: 1px solid #d3d7de;
	border-radius: 8px;
	font-size: 15px;
	background: #fff;
	color: inherit;
}
.mc-field input:focus,
.mc-field select:focus,
.mc-field textarea:focus {
	outline: none;
	border-color: #b5366b;
	box-shadow: 0 0 0 3px rgba(181, 54, 107, 0.15);
}
.mc-field textarea { min-height: 90px; resize: vertical; }
.mc-private { font-weight: 400; color: #8a8f98; font-size: 12px; }

.mc-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 0 20px;
}
.mc-field-textarea { grid-column: 1 / -1; }

/* Buttons */
.mc-btn {
	display: inline-block;
	padding: 10px 18px;
	border: none;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	line-height: 1.2;
	background: #eceef1;
	color: #1f2430;
	transition: transform .05s ease, opacity .15s ease;
}
.mc-btn:hover { opacity: .92; }
.mc-btn:active { transform: translateY(1px); }
.mc-btn-primary { background: #b5366b; color: #fff; }
.mc-btn-accept  { background: #1f9d57; color: #fff; }
.mc-btn-decline { background: #e3e6ea; color: #8a1c1c; }
.mc-btn-disabled { background: #e3e6ea; color: #6b7280; cursor: default; }
.mc-inline { display: inline-block; margin: 0; }

.mc-muted { color: #6b7280; font-size: 14px; }

/* Photo upload block */
.mc-photo-block { margin-bottom: 20px; }
.mc-photo-block img { max-width: 160px; height: auto; border-radius: 10px; display: block; margin-bottom: 10px; }
.mc-nophoto {
	display: flex; align-items: center; justify-content: center;
	background: #f1f2f4; color: #9aa0aa; border-radius: 10px;
	min-height: 160px; font-size: 14px; text-align: center;
}
.mc-nophoto-sm { min-height: 0; padding: 6px 8px; display: inline-block; }

/* Tabs */
.mc-tabs {
	display: flex; flex-wrap: wrap; gap: 6px;
	border-bottom: 2px solid #ececf0; margin-bottom: 22px;
}
.mc-tabs a {
	padding: 10px 16px; text-decoration: none; color: #444b57;
	border-radius: 8px 8px 0 0; font-weight: 600; font-size: 14px;
}
.mc-tabs a.active { color: #b5366b; border-bottom: 2px solid #b5366b; margin-bottom: -2px; }
.mc-tabs a.mc-logout { margin-left: auto; color: #8a1c1c; }

/* Cards grid */
.mc-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 20px;
	margin-top: 22px;
}
.mc-card {
	border: 1px solid #e7e9ee;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 2px rgba(20, 24, 33, .05);
	display: flex; flex-direction: column;
}
.mc-card-photo { display: block; }
.mc-card-photo img { width: 100%; height: 220px; object-fit: cover; display: block; }
.mc-card-photo .mc-nophoto { min-height: 220px; border-radius: 0; }
.mc-card-body { padding: 14px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.mc-card-body h4 { margin: 0; font-size: 17px; }
.mc-card-body h4 a { text-decoration: none; color: #1f2430; }
.mc-meta { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.mc-meta li { background: #f4f5f7; color: #4b515c; padding: 3px 9px; border-radius: 20px; font-size: 12px; }
.mc-card .mc-btn { margin-top: auto; text-align: center; }

/* Pagination */
.mc-pagination { display: flex; align-items: center; gap: 14px; justify-content: center; margin: 26px 0; }
.mc-page-num { color: #6b7280; font-size: 14px; }

/* Interest lists */
.mc-interest-list { display: flex; flex-direction: column; gap: 14px; }
.mc-interest-item {
	display: flex; flex-wrap: wrap; align-items: center; gap: 16px;
	border: 1px solid #e7e9ee; border-radius: 12px; padding: 14px; background: #fff;
}
.mc-mini { display: flex; align-items: center; gap: 12px; min-width: 220px; }
.mc-mini img { width: 56px; height: 56px; object-fit: cover; border-radius: 50%; }
.mc-mini a { text-decoration: none; color: #1f2430; }
.mc-interest-status { color: #4b515c; font-size: 14px; }
.mc-contact { background: #ecfdf3; border: 1px solid #a6e9c9; border-radius: 8px; padding: 10px 12px; font-size: 14px; }

/* Single profile */
.mc-single-head { display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 24px; align-items: flex-start; }
.mc-single-photo img { width: 260px; height: auto; border-radius: 12px; }
.mc-single-photo .mc-nophoto { width: 260px; min-height: 260px; }
.mc-single-summary h2 { margin: 0 0 6px; }
.mc-single-age { color: #6b7280; margin: 0 0 14px; }
.mc-details { width: 100%; border-collapse: collapse; margin-bottom: 26px; }
.mc-details th, .mc-details td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #eef0f3; vertical-align: top; }
.mc-details th { width: 220px; color: #4b515c; font-weight: 600; }
.mc-contact-box { border: 1px solid #e7e9ee; border-radius: 12px; padding: 16px 18px; background: #fff; }
.mc-contact-box h3 { margin-top: 0; }

@media (max-width: 600px) {
	.mc-tabs a.mc-logout { margin-left: 0; }
	.mc-single-photo img, .mc-single-photo .mc-nophoto { width: 100%; }
	.mc-details th { width: 130px; }
}