/*
Theme Name: FEMAJ Group
Theme URI: https://femajgroup.co.uk
Description: The FEMAJ Group website's small layer on the Gradespace Group theme (Mosaic design): FEMAJ's navy, gold and green, Outfit and Inter, the FEMAJ Group logo. Designs, palettes, templates and everything else come from the parent theme, so its updates apply here.
Author: Gradespace
Author URI: https://thegradespace.com
Template: gradespace-group-theme
Version: 0.1.2
Update URI: false
Requires at least: 6.8
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: femaj-group
*/

/* Only what differs from the parent theme. Keep this short. */

/* FEMAJ's own sections (core blocks in a band): the kit's section rhythm. */
.femaj-band { padding: var(--gsgr-section, clamp(64px, 8vw, 110px)) 0; margin-block: 0 !important; }
.femaj-band + .femaj-band, .gsgr-section + .femaj-band.is-faq { padding-top: 0; }
.femaj-band__inner { width: 100%; max-width: calc(var(--gsgr-wrap, 1320px) + 2 * var(--gsgr-gutter, 24px)); margin: 0 auto; padding: 0 var(--gsgr-gutter, 24px); box-sizing: border-box; }
.femaj-band__head { display: flex; flex-direction: column; gap: 14px; max-width: 52rem; margin-bottom: clamp(24px, 3vw, 40px); }
.femaj-band__head > * { margin: 0; }
.femaj-band h2 { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: clamp(1.9rem, 1.1rem + 2.6vw, 3.25rem); line-height: 1.02; letter-spacing: -.03em; }
.femaj-band__lead, .femaj-lead { font-size: clamp(17px, 1.3vw, 19px); line-height: 1.65; color: var(--wp--preset--color--muted); max-width: 44rem; }
.femaj-band .is-style-eyebrow, .gsgr-page-body .is-style-eyebrow { font-size: 13px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--wp--preset--color--muted); }
.gsgr-page-body > .femaj-band { padding-left: 0; padding-right: 0; }

/* Chips (the six checks) and tick lists. */
.femaj-chips { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 0; }
.femaj-chips li { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 18px; border-radius: 999px; background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--line-strong); font-weight: 600; font-size: 15px; }
.femaj-chips li::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--wp--preset--color--accent); }
.femaj-ticks { list-style: none; padding: 0; margin: 0 0 1.5em; display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.femaj-ticks li { position: relative; padding: 18px 20px 18px 50px; background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--line); border-radius: 16px; line-height: 1.5; }
.femaj-ticks li::before { content: "✓"; position: absolute; left: 18px; top: 17px; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 800; background: var(--wp--preset--color--tile-2); color: var(--wp--preset--color--on-tile-2); }

/* Questions (core Details). */
.femaj-faq { border-top: 1px solid var(--wp--preset--color--line-strong); padding: 0; margin: 0 !important; max-width: 56rem; }
.femaj-faq:last-of-type { border-bottom: 1px solid var(--wp--preset--color--line-strong); }
.femaj-faq summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 16px; padding: 20px 0; font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: 1.15rem; }
.femaj-faq summary::-webkit-details-marker { display: none; }
.femaj-faq summary::after { content: "+"; flex: none; font-size: 1.5rem; line-height: 1; color: var(--wp--preset--color--accent); }
.femaj-faq[open] summary::after { content: "−"; }
.femaj-faq > p { margin: 0 0 20px; color: var(--wp--preset--color--muted); line-height: 1.65; max-width: 46rem; }
.gsgr-page-body > h2.wp-block-heading { margin-top: 1.6em; }
.gsgr-page-body > p.femaj-lead { max-width: min(1320px, 100%) !important; padding-right: max(0px, calc(100% - 46rem)); box-sizing: border-box; }

/* FEMAJ is written in capitals (the kit lowercases the wordmark). */
.gsgr-footer__word, .gsgr-brand__word { text-transform: uppercase; }
.gsgr-footer__word { letter-spacing: -.02em; }
.femaj-empty { padding: 28px; border: 1px dashed var(--wp--preset--color--line-strong); border-radius: 20px; color: var(--wp--preset--color--muted); }
.gsgr-page-body > .femaj-faq { margin-left: auto !important; margin-right: auto !important; max-width: min(1320px, 100%); }
.gsgr-page-body > h2 + .femaj-faq { margin-top: .8em !important; }

/* The client's logo is a 3D wordmark on its own grey background: soft corners so it sits as a badge. */
.gsgr-brand__img, .wp-block-site-logo img, .custom-logo { border-radius: 8px; }