/*
Theme Name: Davito Music
Theme URI: https://davitomusicals.co.uk
Description: Davito Musicals' small layer on the Gradespace Music theme: the header's logo lockup (round badge, "Davito / Musicals"), the footer's links, copyright line and credit, the gallery page's words and photo grid, and a tick list. The design, colours (Classic with its own plum and magenta), type sizes, header and every section come from the parent theme, so its updates apply here.
Author: Gradespace
Author URI: https://thegradespace.com
Template: gradespace-music-theme
Version: 0.2.0
Update URI: false
Requires at least: 6.8
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: davito-music
*/

/* Only what the parent theme doesn't have. Bump Version on every change. */

/* The header's logo lockup, as the site has always had it: the logo in a round white badge, then
   "Davito" in the display serif with "MUSICALS" in small spaced capitals underneath. */
.davito-brand__logo { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px rgb(52 56 59 / 0.08); overflow: hidden; flex-shrink: 0; }
.davito-brand__logo img { width: 40px !important; height: 40px !important; object-fit: contain; }
.davito-brand__name { margin: 0; line-height: 1; }
.davito-brand__name a { display: block; color: var(--wp--preset--color--ink); text-decoration: none; font-family: var(--wp--preset--font-family--display); font-size: 1.25rem; font-weight: 900; }
.davito-brand__name span { display: block; margin-top: 0.15rem; font-family: var(--wp--preset--font-family--body); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
@media (max-width: 599px) { .davito-brand__name a { font-size: 1.15rem; } }

/* A tick list (lists with the class gsmu-checks). */
ul.gsmu-checks { padding: 0; list-style: none; display: grid; gap: 0.6rem; }
ul.gsmu-checks li { position: relative; margin: 0; padding-left: 1.9rem; }
ul.gsmu-checks li::before {
	content: ""; position: absolute; left: 0; top: 0.2em; width: 1.25rem; height: 1.25rem; border-radius: 999px;
	background: var(--wp--preset--color--brand-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A1784' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 0.75rem no-repeat;
}

/* Five footer columns: the one with the address and hours gets a little more room. */
@media (min-width: 1101px) { .gsmu-footer__grid > :last-child { flex-grow: 1.4; } }