/*
Theme Name: Becoming
Description: Block theme for Becoming by Mira Thimmayya.
Version: 0.2.0
Requires at least: 6.6
Requires PHP: 8.1
Author: Danehav
Text Domain: becoming
*/

/* Sidhuvudet: menyn bryts snyggt på mobil. */
.wp-site-blocks > header .wp-block-site-title a { text-decoration: none; }
.wp-site-blocks { min-height: 100vh; display: flex; flex-direction: column; }
.wp-site-blocks > main, .wp-site-blocks > .wp-block-group:has(> main) { flex: 1; }
.wp-site-blocks > * + * { margin-block-start: 0; }
.wp-element-button:focus-visible, a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

/* Mörka sektioner (säljsidan): ljusa knappar och länkar. */
.bc-dark a:not(.wp-element-button) { color: inherit; }
.bc-dark .wp-block-button:not(.is-style-outline) .wp-element-button { background: var(--wp--preset--color--surface); color: var(--wp--preset--color--contrast); }
.bc-dark .wp-block-button.is-style-outline .wp-element-button { color: var(--wp--preset--color--surface); border-color: currentColor; }
.bc-dark .wp-block-button .wp-element-button:hover { opacity: .85; }

/* Rundade bilder i sektionerna. */
.bc-rounded img { border-radius: 14px; width: 100%; height: auto; object-fit: cover; }

/* Meddelanden från elever: tre spalter som en anslagstavla. */
.bc-messages { columns: 3 260px; column-gap: 20px; }
.bc-messages > .wp-block-image { break-inside: avoid; margin: 0 0 20px; }
.bc-messages img { border-radius: 14px; width: 100%; height: auto; box-shadow: 0 1px 2px rgba(17,17,17,.06), 0 8px 24px rgba(17,17,17,.06); }

/* FAQ. */
.bc-faq .wp-block-details { border-top: 1px solid rgba(17,17,17,.12); padding: 18px 0; margin: 0; }
.bc-faq .wp-block-details:last-child { border-bottom: 1px solid rgba(17,17,17,.12); }
.bc-faq summary { cursor: pointer; font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--large); }
.bc-faq summary + * { margin-top: 12px; }

/* Citat. */
.wp-block-quote { border-left: 2px solid var(--wp--preset--color--accent); padding-left: 24px; margin-left: 0; }
.wp-block-quote cite { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); font-style: normal; }
.bc-steps .bc-rounded img { aspect-ratio: 4 / 3; }

/* ---- Säljsidan v3: stor typografi, bilder i full bredd ---- */
.bc-display { font-size: clamp(40px, 6vw, 84px); line-height: 1; letter-spacing: -0.03em; }
.bc-display--hero { font-size: clamp(56px, 10vw, 136px); line-height: .92; letter-spacing: -0.04em; }
.bc-display--small { font-size: clamp(30px, 3.6vw, 48px); }
.bc-display em { font-style: italic; }
.bc-caps { text-transform: uppercase; letter-spacing: .16em; font-size: 13px; }
.bc-lead { font-size: clamp(18px, 1.9vw, 22px); line-height: 1.5; max-width: 720px; margin-inline: auto; }
.wp-block-cover.bc-dark { color: var(--wp--preset--color--base); }
.bc-hero .wp-block-cover__inner-container { display: flex; flex-direction: column; justify-content: center; }
.bc-proof { margin-top: 96px !important; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.35); gap: 24px; }
.bc-proof p { margin: 0; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; }
.bc-proof strong { display: block; font-family: var(--wp--preset--font-family--heading); font-weight: 400; font-size: clamp(28px, 3vw, 40px); letter-spacing: -0.02em; text-transform: none; }

.bc-split > .wp-block-columns { gap: 0; align-items: stretch !important; margin: 0; }
.bc-split > .wp-block-columns > .wp-block-column { align-self: stretch; }
.bc-split > .wp-block-columns > .wp-block-column:not(:has(.bc-tall)) { padding: clamp(56px, 8vw, 120px) clamp(24px, 6vw, 96px); align-self: center; }
.bc-tall { margin: 0; height: 100%; }
.bc-tall img { width: 100%; height: 100%; min-height: 640px; object-fit: cover; display: block; }
@media (max-width: 781px) { .bc-tall img { min-height: 360px; max-height: 70vh; } }

.bc-steps .wp-block-columns { gap: 48px; margin-top: 64px; }
.bc-step-number { font-family: var(--wp--preset--font-family--heading); font-size: 56px; line-height: 1; color: var(--wp--preset--color--accent); margin: 0 0 16px; }
.bc-steps h3 { margin-top: 0; }
/* Inga vita glipor mellan sektionerna i full bredd. */
.wp-block-post-content > .alignfull { margin-block-start: 0; margin-block-end: 0; }
@media (max-width: 781px) {
	.bc-proof { display: grid !important; grid-template-columns: 1fr 1fr; margin-top: 56px !important; }
}