/* MIC Academy — small layout helpers used by the theme's patterns. */

.mic-header { border-bottom: 1px solid var(--wp--preset--color--line); }
.mic-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--wp--preset--color--ink); }
.mic-brand img { width: 48px; height: 40px; object-fit: contain; }
.mic-brand strong { display: block; font-size: 19px; line-height: 1.2; }
.mic-brand small { display: block; font-size: 12px; color: var(--wp--preset--color--muted); }
.mic-header .wp-block-navigation a { color: var(--wp--preset--color--ink); }

.mic-eyebrow { font-weight: 700; color: var(--wp--preset--color--brand); margin-bottom: 0; }
.has-ink-background-color .mic-eyebrow { color: #FF6B6B; }
.mic-pill { display: inline-block; font-size: 14px; font-weight: 700; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--wp--preset--color--muted); }
.mic-accent { color: #FF3B3B; }
.mic-note { font-size: 14px; color: #A6A6A6; }

.mic-card { border-radius: 20px; padding: 28px; border: 1px solid var(--wp--preset--color--line); height: 100%; box-sizing: border-box; }
.mic-card.has-ink-background-color { border-color: var(--wp--preset--color--ink); }
.mic-card.has-soft-background-color { border-color: var(--wp--preset--color--soft); }
.mic-step-num { font-size: 40px; font-weight: 700; line-height: 1; color: var(--wp--preset--color--brand); margin: 0; }

.mic-chips { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.mic-chips li { padding: 8px 14px; border-radius: 10px; background: var(--wp--preset--color--soft); font-size: 15px; }
.has-ink-background-color .mic-chips li { background: #1F1F1F; color: #FFFFFF; }

.mic-result { border-top: 1px solid var(--wp--preset--color--line); padding-top: 20px; margin-top: auto; }
.has-ink-background-color .mic-result { border-top-color: #333333; }
.mic-result .mic-label { font-size: 14px; color: var(--wp--preset--color--muted); margin: 0; }
.has-ink-background-color .mic-result .mic-label { color: #A6A6A6; }
.mic-result .mic-value { font-size: 19px; font-weight: 700; margin: 4px 0 0; }

.mic-track { display: flex; flex-direction: column; gap: 20px; }

.mic-dashed { border: 1px dashed var(--wp--preset--color--muted); border-radius: 18px; padding: 22px 26px; }

.wp-block-details { border: 1px solid var(--wp--preset--color--line); border-radius: 14px; padding: 18px 22px; }
.wp-block-details summary { font-size: 18px; font-weight: 700; cursor: pointer; }
.wp-block-details p { color: var(--wp--preset--color--muted); }

.mic-footer a { color: var(--wp--preset--color--paper); text-decoration: none; }
.mic-footer .mic-brand { color: var(--wp--preset--color--paper); }
.mic-footer .mic-brand small { color: #A6A6A6; }

.wp-block-button.is-style-outline > .wp-block-button__link { border: 1px solid currentColor; background: transparent; }
.has-brand-background-color .wp-block-button__link.has-paper-background-color { color: var(--wp--preset--color--ink); }

@media (max-width: 781px) {
	.mic-card { padding: 22px; }
}

.mic-partner-logo { flex: none; width: 140px; height: 140px; border-radius: 18px; background: #FFFFFF; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; }
.mic-partner-logo img { width: 100%; height: 100%; object-fit: contain; }

/* v1.4 */
.wp-site-blocks > * + * { margin-block-start: 0; }
.mic-course-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; margin-top: 12px; }
.mic-course { display: flex; flex-direction: column; gap: 10px; }
.mic-course .wp-block-buttons { margin-top: auto; }
.mic-course .mic-eyebrow { font-size: 15px; }
.mic-wa > .wp-block-button__link { background: #15803D !important; color: #FFFFFF !important; }
.mic-wa > .wp-block-button__link:hover { background: #166534 !important; }
.mic-wa-float { position: fixed; left: 20px; bottom: 20px; z-index: 9999; display: inline-flex; align-items: center; gap: 10px; background: #15803D; color: #FFFFFF; font-family: 'IBM Plex Sans Arabic', system-ui, sans-serif; font-size: 16px; font-weight: 700; padding: 14px 20px; border-radius: 999px; text-decoration: none; box-shadow: 0 6px 20px rgba(0,0,0,.2); }
.mic-wa-float:hover { background: #166534; color: #FFFFFF; }
.mic-wa-float svg { width: 24px; height: 24px; flex: none; }
@media (max-width: 600px) { .mic-wa-float span { display: none; } .mic-wa-float { padding: 14px; } }

/* v1.5 community */
.mic-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 20px; margin-top: 12px; }
.mic-avatar { width: 56px; height: 56px; border-radius: 50%; background: #000000; color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; }
.mic-avatar--light { background: #FFFFFF; color: #000000; }
.mic-white > .wp-block-button__link { background: #FFFFFF !important; color: #000000 !important; }

/* v1.6 links page */
.mic-links { min-height: 100vh; }
.mic-links-head { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; margin-bottom: 24px; }
.mic-links-logo { width: 96px; height: 96px; border-radius: 50%; background: #FFFFFF; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; }
.mic-links-logo img { width: 64px; height: 52px; object-fit: contain; }
.mic-links-head strong { font-size: 20px; }
.mic-links-head span { font-size: 15px; color: #D9D9D9; }
.mic-links-list { gap: 12px; }
.mic-links-list .wp-block-button__link { width: 100%; text-align: center; padding: 16px 20px; }
.mic-links-light > .wp-block-button__link { background: #FFFFFF !important; color: #000000 !important; }
.mic-links .mic-note a { color: #A6A6A6; }

/* v1.7 trainers */
.mic-photo { margin: 0 0 6px; }
.mic-photo img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 16px; display: block; background: #EDEDED; }
.mic-photo--logo { aspect-ratio: 1 / 1; border-radius: 16px; background: #FFFFFF; border: 1px solid #D9D9D9; display: flex; align-items: center; justify-content: center; padding: 18%; box-sizing: border-box; }
.mic-photo--logo img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; background: transparent; border-radius: 0; }
#founder .mic-photo img { border-radius: 24px; }

/* v1.8 sizing + founder */
.mic-course-grid > *, .mic-grid > * { margin: 0 !important; }
.mic-course-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 18px; }
.mic-course { padding: 18px; gap: 8px; }
.mic-course .wp-block-heading { font-size: 19px !important; line-height: 1.45; min-height: 2.9em; margin: 4px 0 0; }
.mic-course .mic-eyebrow { font-size: 14px; margin: 0; }
.mic-course .mic-photo img, .mic-course .mic-photo--logo { aspect-ratio: 4 / 3; object-position: center 22%; }
.mic-course .mic-photo--logo { padding: 10% 22%; }
.mic-course .wp-block-button__link { padding: 10px 22px; font-size: 15px; }
.mic-founder-quote { border: none; padding: 0; margin: 8px 0 20px; }
.mic-founder-quote p { font-size: clamp(22px, 2.6vw, 30px); line-height: 1.6; font-weight: 500; margin: 0 0 12px; }
.mic-founder-quote p:first-child { font-size: clamp(28px, 3.4vw, 40px); font-weight: 700; }
.mic-founder-quote cite { display: block; font-style: normal; font-size: 16px; color: #FF6B6B; margin-top: 14px; }
#founder .mic-photo img { aspect-ratio: 4 / 5; object-position: center 20%; max-width: 380px; }

/* v1.9 founder letter + hero photo */
.mic-hero-photo img { aspect-ratio: 4 / 5; object-fit: cover; object-position: center top; border-radius: 24px; }
.mic-hero-photo figcaption { color: #D9D9D9; font-size: 15px; text-align: right; margin-top: 10px; }
.mic-founder-title { font-size: clamp(28px, 3.6vw, 42px) !important; margin: 6px 0 20px; }
.mic-founder-letter p { font-size: 18px; line-height: 2; color: #E6E6E6; margin: 0 0 14px; }
.mic-founder-letter p:last-child { color: #FFFFFF; font-size: 20px; margin-top: 20px; }
.mic-founder-sign { gap: 14px; align-items: center; margin: 24px 0; border-top: 1px solid #333333; padding-top: 22px; }
.mic-founder-sign p { margin: 0; line-height: 1.6; }
.mic-sign-photo { margin: 0; flex: none; }
.mic-sign-photo img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; object-position: center 25%; }

/* v1.9.1 unified white-background photos */
.mic-course .mic-photo img { aspect-ratio: 4 / 3; object-position: center 12%; border: 1px solid #EDEDED; background: #FFFFFF; }
.mic-sign-photo img { object-position: center 12%; background: #FFFFFF; }
.mic-hero-photo img { background: #FFFFFF; }