/*
Theme Name: Moraga Dentistry
Theme URI: https://moragadentistry.com
Author: Moraga Dentistry
Author URI: https://moragadentistry.com
Description: Custom theme for Moraga Dentistry — a modern, credential-forward design for a family dental practice in Moraga, CA. Built with native WordPress (no page builder required), custom post types for Doctors, Services, Testimonials and Gallery cases, and a Customizer panel for contact info, socials and hero copy.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
Text Domain: moraga-dentistry
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ---------------------------------------------
   Base
--------------------------------------------- */
body {
  font-family: 'Hanken Grotesk', sans-serif;
}

.font-syne  { font-family: 'Syne', sans-serif; }
.font-hanken{ font-family: 'Hanken Grotesk', sans-serif; }

img { max-width: 100%; }

/* ---------------------------------------------
   Scroll-reveal animation (IntersectionObserver, see assets/js/main.js)
--------------------------------------------- */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: all .7s cubic-bezier(.5,0,0,1);
}
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/* ---------------------------------------------
   Before / after slider (Gallery page)
--------------------------------------------- */
.ba-wrap {
  position: relative;
  overflow: hidden;
  cursor: ew-resize;
  user-select: none;
}
.ba-before {
  position: absolute;
  inset: 0;
  width: 50%;
  overflow: hidden;
}
.ba-before img {
  position: absolute;
  inset: 0;
  width: 100vw;
  max-width: none;
  height: 100%;
  object-fit: cover;
}
.ba-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background: #fff;
  transform: translateX(-1.5px);
}
.ba-grip {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #f27420;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
}

/* ---------------------------------------------
   WP core helpers so default blocks don't look broken
   if a standard Page/Post is created without a custom template
--------------------------------------------- */
.alignleft  { float: left;  margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter{ display: block; margin: 0 auto 1em; }
.wp-caption  { max-width: 100%; }
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}