/*
Theme Name:     CSPBallet v2
Theme URI:      https://knowhalim.com
Template:       kadence
Author:         Knowhalim
Author URI:     https://knowhalim.com
Description:    CSP Ballet — a Kadence child theme for a Royal Academy of Dance ballet school in Yishun, Singapore. Version 2 carries the design in Kadence's own settings — global typography, palette, footer options and per-block attributes — so this stylesheet is only the handful of rules Kadence cannot express. Includes a one-click content importer.
Version:        2.0.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:    cspballet
*/

/* ==========================================================================
   This file is deliberately short.
   ==========================================================================

   Everything that CAN be a Kadence setting IS one, and lives somewhere the
   client can edit it:

     Typography, colours, spacing per block  →  block attributes
                                                (inc/class-cspballet-blocks.php,
                                                 the presets() array)
     Site-wide fonts, headings, palette      →  Kadence theme options
                                                (functions.php)
     Footer layout, colours, widget type     →  Kadence footer options
                                                (inc/class-cspballet-footer.php)
     Section layout and responsive collapse  →  kadence/rowlayout columns

   What is left below is the residue: four things Kadence has no setting for.
   Each one is explained. If a future Kadence release adds a control for any
   of them, delete the rule and set the attribute instead.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Draft markers.

   {tbc}…{/tbc} in inc/csp-content.php becomes this span. It underlines a
   phrase *inside* a sentence — "class length: <u>to confirm</u>" — and no
   block-level setting reaches inside a run of text. Delete this rule once
   every outstanding detail has come back from Miss Chew and the markers are
   gone from the content file.
   -------------------------------------------------------------------------- */

.csp-tbc {
	border-bottom: 1px dotted #c79bb6;
}

/* --------------------------------------------------------------------------
   2. Tick markers on the class-level bullet lists.

   core/list has no icon support. Kadence's own kadence/iconlist does, but its
   saved markup embeds Kadence's icon SVG inline, which an importer cannot
   generate reliably across plugin versions — so the bullets are a plain core
   list and the tick is drawn here.

   To make this fully native instead: rebuild those lists by hand once, using
   Kadence's Icon List block with the check icon, and delete this rule.
   -------------------------------------------------------------------------- */

.csp-ticks {
	list-style: none;
	padding-left: 0;
}

.csp-ticks li {
	position: relative;
	padding-left: 2rem;
	margin-bottom: 1rem;
}

.csp-ticks li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.7em;
	width: 0.85rem;
	height: 0.42rem;
	border-left: 2px solid #bd8a5e;
	border-bottom: 2px solid #bd8a5e;
	transform: rotate(-45deg);
}

/* --------------------------------------------------------------------------
   3. WordPress's own block gap.

   WordPress core puts margin-block-start: var(--wp--style--block-gap) on every
   direct child of .wp-site-blocks. On a page built from full-bleed rows that
   24px shows as a stripe above the hero and between sections. This is a core
   behaviour, not a Kadence one, so there is no Kadence setting for it.
   -------------------------------------------------------------------------- */

.wp-site-blocks > * + *,
.entry-content > * + * {
	margin-block-start: 0;
}

.site-main .entry-content {
	margin-top: 0;
}

/* --------------------------------------------------------------------------
   4. Footer widget-title letter-spacing.

   Customizer → Footer → Middle Row exposes the widget title's size, weight,
   family and colour, but not letter-spacing or text-transform. The titles are
   typed in capitals in the widget itself; only the tracking needs this rule.
   -------------------------------------------------------------------------- */

.site-middle-footer-inner-wrap .widget-title {
	letter-spacing: 0.28em;
}