/*
Theme Name: KCSL Consultancy
Theme URI: https://example.com/kcsl
Author: Kinda Consultancy Services Limited
Description: A neat, accessible block theme for training and consultancy firms — built for Kinda Consultancy Services Limited (KCSL). Full Site Editing, block patterns for every section, and demo content you can edit in the WordPress editor.
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kcsl
Tags: block-patterns, full-site-editing, business, one-column, custom-colors, accessibility-ready, block-styles, editor-style, wide-blocks
*/

:root { --kcsl-eyebrow-spacing: .16em; }

.kcsl-eyebrow {
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: var(--kcsl-eyebrow-spacing);
  text-transform: uppercase;
}

.kcsl-card {
  border: 1px solid var(--wp--preset--color--border);
  border-radius: 10px;
  background: var(--wp--preset--color--card);
  box-shadow: 0 1px 2px rgba(31,58,99,.06), 0 12px 32px -18px rgba(31,58,99,.28);
  transition: box-shadow .2s ease, transform .2s ease;
  height: 100%;
}
.kcsl-card:hover { box-shadow: 0 18px 48px -24px rgba(31,58,99,.42); transform: translateY(-2px); }

.kcsl-rule { border-top: 1px solid var(--wp--preset--color--border); padding-top: 1.25rem; }
.kcsl-bar { border-left: 2px solid var(--wp--preset--color--accent); padding-left: 1.25rem; }

.kcsl-hero { position: relative; }
.kcsl-hero .wp-block-cover__background { opacity: 1 !important; }

.kcsl-pill {
  display: inline-block;
  border: 1px solid var(--wp--preset--color--border);
  background: var(--wp--preset--color--secondary);
  border-radius: 999px;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
}

.kcsl-rounded img, img.kcsl-rounded { border-radius: 12px; }

.wp-block-site-title a { text-decoration: none; }
.wp-block-navigation a:hover { color: var(--wp--preset--color--accent); }

a:focus-visible, button:focus-visible {
  outline: 2px solid var(--wp--preset--color--accent);
  outline-offset: 2px;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px);
  white-space: nowrap;
}