/*
Theme Name: Taxivo Partners v2
Theme URI: https://taxivopartners.co.uk
Author: Taxivo Partners
Author URI: https://taxivopartners.co.uk
Description: A bespoke block theme for Taxivo Partners, an accountancy and bookkeeping practice based in Didcot, Oxfordshire. Built with the WordPress Site Editor (block theme) so every page, template and pattern can be edited directly, with no page-builder plugin required.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: taxivo-partners
Tags: full-site-editing, block-patterns, custom-colors, custom-menu

This theme, like WordPress, is licensed under the GPL.
Use it to make something great, entirely up to you.
*/

/* ---------------------------------------------------------
   Small helper classes used by patterns.
   Everything structural/colour-related lives in theme.json;
   these cover the handful of details block supports can't
   yet express (pill badges, checklist markers, card hover).
--------------------------------------------------------- */

.eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--wp--preset--color--brass);
}

.eyebrow-rule::before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 1.5px;
  background: var(--wp--preset--color--brass);
  margin-right: 10px;
  vertical-align: middle;
}

.pill {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--wp--preset--color--brass);
  background: rgba(173, 124, 43, 0.1);
  padding: 6px 14px;
  border-radius: 20px;
}

.tag-new {
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--wp--preset--color--white);
  background: var(--wp--preset--color--brass);
  padding: 5px 11px;
  border-radius: 20px;
}

.mono-figure {
  font-family: var(--wp--preset--font-family--mono);
  font-variant-numeric: tabular-nums;
}

/* Service / feature cards */
.service-card {
  background: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 6px;
  transition: background 0.15s ease;
}
.service-card:hover {
  background: rgba(173, 124, 43, 0.04);
}

/* Checklist ("what's included") — plain list styled as ticks */
.checklist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.checklist li {
  position: relative;
  padding: 14px 0 14px 34px;
  border-bottom: 1px solid var(--wp--preset--color--line);
  font-size: 0.95rem;
}
.checklist li:first-child {
  border-top: 1px solid var(--wp--preset--color--line);
}
.checklist li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 13px;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  border: 1.5px solid var(--wp--preset--color--brass);
  border-radius: 50%;
  color: var(--wp--preset--color--brass);
  font-size: 0.7rem;
  font-weight: 700;
}

/* "Who it's for" callout block */
.who-block {
  background: var(--wp--preset--color--paper-warm);
  border-left: 3px solid var(--wp--preset--color--brass);
  border-radius: 4px;
  padding: 28px 32px;
}
.who-block p {
  font-family: var(--wp--preset--font-family--heading);
  font-style: italic;
  font-size: 1.05rem;
  margin: 0;
}

/* Ledger stat card (homepage hero) */
.ledger-card {
  background: var(--wp--preset--color--ink-green);
  border-radius: 6px;
  color: var(--wp--preset--color--paper);
}
.ledger-card .ledger-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 14px 0;
  border-bottom: 1px solid rgba(246, 242, 231, 0.16);
}
.ledger-card .ledger-row:first-of-type {
  border-top: 1px solid rgba(246, 242, 231, 0.16);
}
.ledger-card .ledger-row .val {
  font-family: var(--wp--preset--font-family--mono);
  font-weight: 700;
}

/* Breadcrumb */
.breadcrumb, .breadcrumb a {
  font-size: 0.8rem;
  color: var(--wp--preset--color--sage);
}
.breadcrumb a {
  font-weight: 600;
}

/* Placeholder flag for content editors to replace */
.placeholder-flag {
  display: inline-block;
  font-size: 0.65rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--wp--preset--color--brass);
  border: 1px dashed var(--wp--preset--color--brass);
  padding: 5px 12px;
  border-radius: 20px;
  font-weight: 700;
}

/* Fix: keep the site header visible while scrolling. */
header.wp-block-group {
  position: sticky;
  top: 0;
  z-index: 999;
}
.trust-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--wp--preset--color--brass);
  margin-right: 8px;
}

/* ---------------------------------------------------------
   Fix: the global link colour (ink-green-dark, for legibility
   on the cream background) is invisible on dark backgrounds
   like the footer and CTA banners. Force a light link colour
   anywhere a dark background is in play.
--------------------------------------------------------- */
footer a,
.has-ink-green-background-color a,
.has-ink-green-dark-background-color a,
.has-navy-background-color a {
  color: var(--wp--preset--color--paper);
  opacity: 0.75;
}
footer a:hover,
.has-ink-green-background-color a:hover,
.has-ink-green-dark-background-color a:hover,
.has-navy-background-color a:hover {
  color: var(--wp--preset--color--brass-light);
  opacity: 1;
}
/* Buttons already set their own explicit text colour — don't let the
   rules above dim them too. */
footer .wp-block-button__link,
.has-ink-green-background-color .wp-block-button__link,
.has-ink-green-dark-background-color .wp-block-button__link,
.has-navy-background-color .wp-block-button__link {
  opacity: 1;
}