/* "הפרופיל שלי" (includes/profile.php) — calm sections in the site's style */
.sc-page-profile .site-main h1.entry-title { margin: 1.2rem 0 .25em; font-size: clamp(1.8em, 3vw, 2.4em); line-height: 1.2; font-weight: 700; }
.sc-profile { max-width: 720px; margin: 1rem 0 3rem; }
.sc-profile h2 { margin: 0 0 .6rem; font-size: 1.25rem; }
.sc-profile-card { display: flex; align-items: center; gap: 20px; padding: 22px 24px; border-radius: 22px; background: color-mix(in srgb, var(--sc-c-btn, #3d7a66) 8%, #fff); }
.sc-profile-avatar { flex: none; width: 80px; height: 80px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 3px #fff, 0 6px 18px rgba(20, 30, 25, .15); }
.sc-profile-who h2 { margin: 0 0 .15rem; font-size: 1.5rem; }
.sc-profile-who p { margin: 0; }
.sc-profile-mail { opacity: .75; text-align: right; }
.sc-profile-since { font-size: .88rem; opacity: .6; margin-top: .3rem !important; }

.sc-profile-section { padding: 26px 0 0; margin-top: 26px; border-top: 1px solid color-mix(in srgb, currentColor 10%, transparent); }
.sc-profile-hint { margin: 0 0 .9rem; font-size: .92rem; opacity: .7; }

.sc-profile-name { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.sc-profile-name input {
	flex: 1 1 220px; max-width: 360px; box-sizing: border-box; margin: 0; padding: 11px 14px; border-radius: 12px;
	border: 1px solid color-mix(in srgb, currentColor 18%, transparent); background: #fff; color: inherit; font: inherit; font-size: 1rem;
}
.sc-profile-name input:focus { outline: 0; border-color: var(--sc-c-btn, #3d7a66); box-shadow: 0 0 0 3px color-mix(in srgb, var(--sc-c-btn, #3d7a66) 18%, transparent); }
/* "שמירה": look from assets/buttons.css (.sc-btn) */
.sc-profile-saved { color: var(--sc-c-btn, #3d7a66); font-weight: 600; }
.sc-profile-saved.is-error { color: #a2504a; }

.sc-profile-stats { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; }
.sc-profile-stat {
	display: grid; gap: 2px; padding: 16px 18px; border-radius: 16px; text-decoration: none !important; color: inherit;
	border: 1px solid color-mix(in srgb, currentColor 10%, transparent); transition: border-color .2s ease, transform .2s ease;
}
.sc-profile-stat:hover { border-color: var(--sc-c-btn, #3d7a66); transform: translateY(-2px); }
.sc-profile-stat b { font-size: 1.7rem; line-height: 1.1; color: var(--sc-c-btn, #3d7a66); }
.sc-profile-stat span { font-size: .9rem; opacity: .75; }

.sc-profile-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.sc-profile-btn {
	display: inline-block; padding: 10px 22px; border-radius: 999px; text-decoration: none !important; color: inherit;
	border: 1px solid color-mix(in srgb, currentColor 22%, transparent); transition: background .2s ease;
}
.sc-profile-btn:hover { background: color-mix(in srgb, currentColor 6%, transparent); }
.sc-profile-danger { margin-top: 22px; padding: 14px 16px; border-radius: 14px; background: #fbf1f0; }
.sc-profile-danger p { margin: 0 0 .5rem; font-size: .9rem; opacity: .8; }
.sc-profile-delete { color: #a2504a !important; font-weight: 600; }
.sc-profile-guest { padding: 2rem 0; }
.sc-profile-guest .wp-block-button { display: inline-block; }

@media (max-width: 600px) {
	.sc-profile-card { flex-direction: column; text-align: center; }
	.sc-profile-mail { text-align: center; }
}
body.dark-mode .sc-profile-card { background: rgba(255, 255, 255, .05); }
body.dark-mode .sc-profile-name input { background: rgba(255, 255, 255, .06); }
body.dark-mode .sc-profile-danger { background: rgba(162, 80, 74, .15); }
body.dark-mode .sc-profile-avatar { box-shadow: 0 0 0 3px var(--sc-c-card); }

/* no e-mail from the login (Facebook by phone): a gentle highlighted box to add one */
.sc-profile-need-mail { margin-top: 20px; padding: 18px 20px; border: 0; border-radius: 16px; background: #fff6d8; }
body.dark-mode .sc-profile-need-mail { background: rgba(201, 162, 39, .12); }