/*
Theme Name: MIST TOOLS
Theme URI: https://www.studentoptions.co/
Description: Child theme for studentoptions.co — the TOOLS homepage. Modernist structure (2px rules, zero radius, flush-left type, Archivo) on the MIST Services palette.
Author: MIST Services
Template: twentytwentyfive
Version: 1.1.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.0
Text Domain: mist-tools
*/

/* Everything visual lives in theme.json. This file carries only what the block
   editor cannot express: the section rule and the FAQ disclosure marker. */

/* Sections divide on their 2px rules, never on whitespace. Twenty Twenty-Five
   adds a 1.2rem gap between every top-level section; remove it so the blue
   fields and ruled seams meet flush, the way the design reference does. */
:where(.wp-site-blocks) > * { margin-block-start: 0; }

.mist-rule { border: 0; border-top: 2px solid var(--wp--preset--color--ink); margin: 0; }

/* 2px seams between sections — applied as a block class in the patterns */
.mist-seam { border-top: 2px solid var(--wp--preset--color--ink); }
.mist-seam-left { border-left: 2px solid var(--wp--preset--color--ink); }

/* FAQ: core/details, restyled to the system's ruled list */
.wp-block-details.mist-faq { border-top: 2px solid var(--wp--preset--color--ink); padding: 18px 0; }
.wp-block-details.mist-faq summary {
  font-family: var(--wp--preset--font-family--heading);
  font-weight: 800; font-size: 18px; line-height: 26px;
  cursor: pointer; list-style: none; min-height: 48px;
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
.wp-block-details.mist-faq summary::-webkit-details-marker { display: none; }
.wp-block-details.mist-faq summary::after {
  content: "+"; color: var(--wp--preset--color--blue-deep); transition: transform .15s;
}
.wp-block-details.mist-faq[open] summary::after { transform: rotate(45deg); }
.wp-block-details.mist-faq p { max-width: 78ch; }

/* the small lime square that marks a section label */
.mist-kicker::before {
  content: ""; display: inline-block; width: 10px; height: 10px;
  background: var(--wp--preset--color--lime); margin-right: 10px;
}

/* optical left alignment for display type — matches the design */
.mist-display { margin-left: -0.058em; letter-spacing: -0.025em; }

/* tap targets */
.wp-block-button__link { min-height: 48px; display: inline-flex; align-items: center; }