/*
Theme Name: Mister Hair Clinic
Theme URI: https://misterhair.in
Author: Mister Hair Clinic
Author URI: https://misterhair.in
Description: Custom theme for Mister Hair Clinic — Bangalore hair-transplant clinic. Built from the original hand-coded static site. Renders custom MedicalClinic + LocalBusiness JSON-LD per page. Editor UX via ACF Pro field groups for Location, Service, Blog, and Site Settings.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 8.0
License: Proprietary
License URI: https://misterhair.in
Text Domain: misterhair
Tags: medical, clinic, custom, healthcare
*/

/* =========================================================
   ROOT TOKENS — design system extracted from the static site
   ========================================================= */
:root {
  --ink:#0B1410;
  --forest:#0E4F3C;
  --forest-deep:#072B20;
  --forest-soft:#16624C;
  --gold:#C29A4B;
  --gold-light:#E3C77E;
  --cream:#F6F2E9;
  --sand:#EFE8D8;
  --mint:#DCEAE2;
  --paper:#FBF9F3;
  --text:#15201B;
  --muted:#5C6A62;
  --line:rgba(14,79,60,.14);
  --shadow:0 24px 60px -28px rgba(7,43,32,.45);
  --shadow-sm:0 12px 30px -18px rgba(7,43,32,.4);
  --display:"Fraunces",Georgia,serif;
  --body:"Hanken Grotesk",system-ui,sans-serif;
}

/* =========================================================
   BASE — reset + typography + buttons (shared across all pages)
   ========================================================= */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--text);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}

h1,h2,h3,h4{font-family:var(--display);font-weight:500;line-height:1.15;letter-spacing:-.01em}
.eyebrow{font-weight:600;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.serif-i{font-style:italic;color:var(--gold)}

.btn{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;font-size:.95rem;padding:.95rem 1.6rem;border-radius:100px;border:1.5px solid transparent;cursor:pointer;transition:transform .35s,background .35s}
.btn-primary{background:var(--forest);color:var(--cream);box-shadow:var(--shadow-sm)}
.btn-primary:hover{transform:translateY(-3px);background:var(--forest-soft)}
.btn-ghost{border-color:var(--line);color:var(--forest)}
.btn-ghost:hover{border-color:var(--forest);transform:translateY(-3px)}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-gold:hover{transform:translateY(-3px);background:var(--gold-light)}

/* WP-required generic classes (so images uploaded via media library work) */
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:.85rem;color:var(--muted);text-align:center;padding:.4rem 0}
.screen-reader-text{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}