/*
Theme Name: Dahar Orthodontics Child
Theme URI: https://bracesbydahar.com
Template: genesis-block-theme
Author: Presentation Multimedia — OrthoMarketing.com
Author URI: https://www.presentationmultimedia.com/
Description: Child theme of Genesis Block Theme for Dahar Orthodontics (bracesbydahar.com), Irwin, PA.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: dahar-ortho-child
*/

/* ==========================================================================
   This file is required for WordPress to recognize the child theme and
   is where the theme metadata above lives. For a BLOCK theme, most actual
   styling should go in theme.json (Global Styles) rather than here —
   this stylesheet is for small overrides theme.json can't express
   (custom pseudo-selectors, animations, print styles, etc.)
   ========================================================================== */

/* Sticky header shadow on scroll (handled via small JS in functions.php) */
.site-header.is-scrolled {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

/* Testimonial card hover lift */
.wp-block-group.testimonial-card {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.wp-block-group.testimonial-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* FAQ accordion (native Details/Summary block styling polish) */
.wp-block-details {
	border-bottom: 1px solid var(--wp--preset--color--border, #e2e2e2);
	padding: 1rem 0;
}
.wp-block-details summary {
	cursor: pointer;
	font-weight: 600;
}

/* Sticky mobile call bar (optional pattern — see functions.php) */
.dahar-mobile-call-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	display: none;
	background: var(--wp--preset--color--primary, #e6007e);
}
@media (max-width: 782px) {
	.dahar-mobile-call-bar {
		display: flex;
	}
}
.dahar-mobile-call-bar a {
	flex: 1;
	text-align: center;
	padding: 0.85rem 0;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

/* Script accent — apply to individual words/phrases inside a heading to get
   the "Straighten YOUR TEETH" / "Exclusive OFFER" cursive pink-word look.
   Usage: wrap the word in a <span class="dahar-script-accent"> inside the
   heading block (Editor: select word → Typography → apply this as a custom
   CSS class via Advanced panel, or hand-edit in the Code Editor). */
.dahar-script-accent {
	font-family: var(--wp--preset--font-family--script, "Sacramento", cursive);
	color: var(--wp--preset--color--primary, #e6007e);
	font-size: 1.3em;
	font-weight: 400;
	line-height: 1;
}

/* Rounded pill buttons + hover state matching the live site's CTA buttons */
.wp-block-button__link {
	letter-spacing: 0.02em;
}

/* Star rating row (e.g. "4.9 stars out of 49 reviews") */
.dahar-star-rating {
	color: var(--wp--preset--color--primary, #e6007e);
	font-weight: 600;
	font-size: 0.9rem;
}