/*
Theme Name: Cris Car Detailing
Theme URI: https://www.criscar.mobile
Template: basic-commercial
Author: WPOps Land
Author URI: https://wpops.land
Description: Child theme of Basic Commercial for Cris Car Detailing. Carries the brand palette taken from the CRIS logo (graphite, brushed chrome, electric blue), the Bronze / Gold / Platinum package patterns from the price list, and the site's own header and footer details.
Version: 1.2.1
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cris-site
Tags: full-site-editing, block-patterns, block-styles, dark-mode, custom-colors, custom-logo

Cris Car Detailing WordPress Theme
Copyright (C) 2026 WPOps Land
*/

/* -----------------------------------------------------------------------------
   The parent does the work. Everything here is brand-specific: colour comes
   from theme.json (role tokens keep their names), so this file only holds the
   handful of treatments that are Cris's rather than generic.
   -------------------------------------------------------------------------- */

/* The logo is a wordmark, so the site title is redundant beside it */
.has-custom-logo .site-branding .wp-block-site-title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Every sub-page opens with its own heading in the content - "Get in touch",
   "Packages", "Services" - so the template's post title rendered as a visible
   duplicate directly above it. Hidden rather than removed from the template:
   the page keeps exactly one h1, correctly named, for search engines and
   screen readers. The child selector excludes single.html (post titles) and
   page-service.html, where the title is nested in the hero group. */
body.page .site-main > .wp-block-post-title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* The site logo is the full CRIS artwork - square and detailed, so it needs
   more height than a plain wordmark to stay readable. */
.site-branding img,
.custom-logo {
    max-height: 76px;
}

@media (max-width: 781px) {
    .site-branding img,
    .custom-logo {
        max-height: 52px;
    }
}

/* Package tiers read as metal: bronze, gold, platinum */
.tier-bronze { border-top-color: var(--wp--preset--color--tier-1); }
.tier-gold { border-top-color: var(--wp--preset--color--tier-2); }
.tier-platinum { border-top-color: var(--wp--preset--color--tier-3); }

.tier-bronze h3,
.tier-bronze .price { color: var(--wp--preset--color--tier-1); }

.tier-gold h3,
.tier-gold .price { color: var(--wp--preset--color--tier-2); }

.tier-platinum h3,
.tier-platinum .price { color: var(--wp--preset--color--tier-3); }

/* Platinum quotes two prices, so the figure needs to wrap tidily */
.price-pair {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    margin: .25rem 0;
}

.price-pair .price {
    margin: 0;
}

.price-pair span {
    color: var(--wp--preset--color--text-muted);
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--small);
}

/* Add-ons and "price on application" line under the packages */
.addons {
    border-top: 1px solid var(--wp--preset--color--line);
    color: var(--wp--preset--color--text-muted);
    margin-top: var(--wp--preset--spacing--30);
    padding-top: var(--wp--preset--spacing--20);
}

.addons strong {
    color: var(--wp--preset--color--text);
}