/*
Theme Name: Eaze Insure
Theme URI: https://www.eazeinsure.com/
Author: Ravi Kumar Mishra
Author URI: https://www.linkedin.com/in/ravikumar2266
Description: Eaze Insure - a trust-forward, SEO/GEO-optimised block theme for an Indian insurance comparison and lead-generation platform. Gutenberg-first, jQuery-free, built for Life and General insurance silos with schema-ready templates.
Requires at least: 6.1
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: eaze-insure
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, editor-style, blog, business, news
*/

/* ------------------------------------------------------------------
   Eaze Insure — supplementary styles
   Most styling lives in theme.json. This file carries the few things
   that benefit from real CSS: the signature heading wedge, trust
   chips, the comparison "clarity card", and motion/focus polish.
   ------------------------------------------------------------------ */

:root {
  --ez-shadow-sm: 0 1px 2px rgba(28,25,23,.06), 0 1px 3px rgba(28,25,23,.04);
  --ez-shadow-md: 0 6px 24px -8px rgba(28,25,23,.16);
  --ez-radius: 14px;
}

/* Smooth, accessible base */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}

/* Visible keyboard focus everywhere */
a:focus-visible, button:focus-visible, .wp-element-button:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--wp--preset--color--verify);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Signature: a short coral-amber wedge under display headings used as section openers */
.ez-eyebrow {
  display: inline-block;
  font-family: var(--wp--preset--font-family--body);
  font-weight: 700;
  font-size: .78rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--wp--preset--color--brand-dark);
}
.ez-wedge h2, .ez-wedge h3 { position: relative; padding-bottom: .55rem; }
.ez-wedge h2::after, .ez-wedge h3::after {
  content: ""; position: absolute; left: 0; bottom: 0;
  width: 2.75rem; height: 4px; border-radius: 4px;
  background: var(--wp--preset--color--brand);
}

/* Trust chips — used in the trust bar and on cards */
.ez-chip {
  display: inline-flex; align-items: center; gap: .45rem;
  font-family: var(--wp--preset--font-family--body);
  font-weight: 600; font-size: .85rem;
  color: var(--wp--preset--color--ink);
  background: var(--wp--preset--color--verify-soft);
  border: 1px solid #cdeee6;
  padding: .4rem .75rem; border-radius: 999px;
}
.ez-chip svg { width: 1rem; height: 1rem; color: var(--wp--preset--color--verify); flex: none; }

/* Clarity card — the comparison/feature surface that carries the "Eaze" promise */
.ez-card {
  background: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: var(--ez-radius);
  padding: 1.6rem;
  box-shadow: var(--ez-shadow-sm);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  height: 100%;
}
.ez-card:hover { transform: translateY(-3px); box-shadow: var(--ez-shadow-md); border-color: #d6d3d1; }
.ez-card h3 { font-size: 1.2rem; margin-bottom: .4rem; }
.ez-card p { color: var(--wp--preset--color--body); margin-bottom: 0; }
.ez-card a.ez-card-link { font-weight: 700; text-decoration: none; }
.ez-card a.ez-card-link::after { content: " \2192"; }

/* Enquiry CTA band */
.ez-cta {
  background: linear-gradient(135deg, var(--wp--preset--color--ink), #2f2a26);
  color: #fff; border-radius: 20px; padding: clamp(2rem, 5vw, 3.25rem);
}
.ez-cta :where(h1,h2,h3) { color: #fff; }
.ez-cta p { color: #e7e5e4; }

/* Comparison table polish (for Gutenberg core/table inside .ez-compare) */
.ez-compare table { border-collapse: separate; border-spacing: 0; width: 100%; }
.ez-compare th, .ez-compare td { padding: .85rem 1rem; text-align: left; border-bottom: 1px solid var(--wp--preset--color--line); }
.ez-compare thead th { background: var(--wp--preset--color--surface); font-family: var(--wp--preset--font-family--body); font-weight: 700; color: var(--wp--preset--color--ink); }
.ez-compare tbody tr:hover td { background: var(--wp--preset--color--brand-soft); }

/* Reading width + rhythm for guide/article bodies */
.ez-prose :where(p, ul, ol) { max-width: 70ch; }
.ez-prose :where(h2) { margin-top: 2.4rem; }
.ez-prose :where(h3) { margin-top: 1.6rem; }

/* Breadcrumb (output by functions.php) */
.ez-breadcrumb { font-size: .85rem; color: var(--wp--preset--color--muted); padding: .25rem 0; }
.ez-breadcrumb a { color: var(--wp--preset--color--muted); text-decoration: none; }
.ez-breadcrumb a:hover { color: var(--wp--preset--color--brand-dark); text-decoration: underline; }
.ez-breadcrumb span[aria-current] { color: var(--wp--preset--color--ink); font-weight: 600; }

/* Disclosure note used on money pages */
.ez-disclosure {
  font-size: .82rem; color: var(--wp--preset--color--muted);
  border-left: 3px solid var(--wp--preset--color--line);
  padding: .25rem 0 .25rem .9rem; margin-top: 1.5rem;
}