/*
Theme Name:   Shree Ortho Clinic
Theme URI:    https://shreeorthoclinic.in/
Author:       Supremacy Technologies Private Limited
Author URI:   https://supremacytechnologies.in/
Description:  The website for Shree Ortho Clinic, Chennai — orthopaedics and sports medicine under Dr. Sripal J, across two clinics. Four pages: a home page whose body diagram lets a patient tap the joint that hurts, an About page for the consultant, an Appointments page whose enquiry form emails reception and keeps a copy in the dashboard, and a Contact page with WhatsApp and a printable QR code. A live indicator reads your consulting hours and tells patients whether the clinic is open. Everything is edited from a plain form on each page — no blocks, no page builder.
Version:      1.2.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License:      GPL-2.0-or-later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  shree-ortho
Tags:         one-column, custom-menu, custom-logo, editor-style, translation-ready
*/

/* ============================================================
   The design system is assets/style.css, enqueued ahead of this
   file and kept byte-identical to the original static site — do
   not edit it, so a future diff against the source still lines up.

   This file carries the theme header, and exactly one thing else:
   the two collisions between that stylesheet and the class names
   WordPress writes onto <body>.
   ============================================================ */

/* --- collision 1: .page ------------------------------------------------
   assets/style.css line 165 has `.page{display:none;}` — a leftover from
   the single-file build, where the five "pages" were panels toggled by
   JavaScript. WordPress adds `page` to the body class of every static
   page, so that rule would match <body> and render the whole site blank.

   Re-scoping the rule to the page wrapper inside <main> keeps the
   original behaviour for the div and takes <body> out of its reach. */
body.page,
body.tag {
  display: block;
}

#main > .page {
  display: none;
}

#main > .page.active {
  display: block;
  animation: fade .34s ease;
}

/* --- collision 2: .tag -------------------------------------------------
   `.tag` is the pill used in the old records table. WordPress adds `tag`
   to the body class on a tag archive, which would paint the whole page
   as a pill. Only the visual properties need undoing; the display fix is
   above. */
body.tag {
  border-radius: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  background: var(--paper);
  color: var(--body);
}

/* --- editor convenience ------------------------------------------------
   The generic page template wraps post content in .prose. Nothing in the
   original stylesheet styles free-form editor output, so give it the
   site's own typography rather than browser defaults. */
.prose > * + * {
  margin-top: 1.1em;
}

.prose h2 {
  font-size: 28px;
  color: var(--ink);
  letter-spacing: -.02em;
  margin-top: 1.6em;
}

.prose h3 {
  font-size: 21px;
  color: var(--ink);
  letter-spacing: -.015em;
  margin-top: 1.4em;
}

.prose a {
  color: var(--blue-600);
}

.prose ul,
.prose ol {
  padding-left: 1.3em;
}

.prose li + li {
  margin-top: .4em;
}

.prose img {
  max-width: 100%;
  height: auto;
  border-radius: var(--r);
}
