/*
Theme Name: Open Mat Digital Child
Theme URI: https://openmatdigital.com/
Description: Child theme for Open Mat Digital built on Twenty Twenty-Five. Adds brand styles and a homepage pattern tailored for BJJ academies.
Author: Stefan Faville
Author URI: https://openmatdigital.com/
Template: twentytwentyfive
Text Domain: openmatdigital-child
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: block-theme, child-theme, marketing, seo, bjj, accessibility
*/

/* --- Brand utility classes used by the homepage pattern --- */
:root {
  --omd-brand:#0f766e;
  --omd-brand-600:#0d9488;
  --omd-ink:#0f172a;
  --omd-line:#e2e8f0;
}

/* Focus visibility */
:where(a, button, .wp-element-button):focus { outline:3px solid var(--omd-brand-600); outline-offset:2px; }

/* Buttons */
.wp-block-button.is-style-fill.omd-btn-primary .wp-block-button__link {
  font-weight:700; border-radius:10px;
}
.wp-block-button.omd-btn-cta .wp-block-button__link {
  background:#fff; color:var(--omd-brand)!important; font-weight:700; border-radius:10px;
}

/* Brand bits */
.omd-brand { font-weight:800; letter-spacing:.2px; color:var(--omd-ink); display:flex; align-items:center; gap:.5rem; margin:0; }
.omd-badge { width:36px; height:36px; display:grid; place-items:center; border-radius:10px;
  background:linear-gradient(135deg,var(--omd-brand),var(--omd-brand-600)); color:#fff; font-weight:900; }

/* Hero and cards */
.omd-hero { background: radial-gradient(1000px 350px at 20% -10%, #dbfff4 0%, #ffffff 60%); }
.omd-eyebrow { display:inline-block; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--omd-brand); background:#e6fffa; padding:.35rem .6rem; border-radius:999px; }
.omd-lead { font-size:1.125rem; color:#334155; max-width:48ch; }
.omd-card { background:#fff; border:1px solid var(--omd-line); border-radius:16px; padding:18px; }
.omd-cta { background: linear-gradient(135deg, var(--omd-brand), var(--omd-brand-600)); color:#fff; border:1px solid var(--omd-line); border-left:0; border-right:0; }
.omd-side { background:#f8fafc; border:1px solid var(--omd-line); border-radius:12px; padding:12px; }