/*
Theme Name: Listeria and Pregnancy (Pritzker Hageman)
Theme URI: https://listeria-and-pregnancy.com/
Template: twentytwentyfive
Author: Pritzker Hageman, P.A.
Author URI: https://www.pritzkerlaw.com/
Description: A focused, accessible WordPress block child theme built on Twenty Twenty-Five for listeria-and-pregnancy.com. Brand-aligned with pritzkerlaw.com. Uses only core Gutenberg blocks — no third-party block libraries — for long-term maintainability.
Version: 1.0.5
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: listeria-pregnancy
Tags: full-site-editing, block-patterns, custom-colors, custom-menu, editor-style, blog, news
*/

/* Minimal overrides — most styling is in theme.json. */

/* Inline icons that inherit the surrounding text color (replaces colored emoji). */
.lp-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  margin-right: 0.4em;
  flex-shrink: 0;
}

/* Header CTA button: keep on a single line and don't let flexbox squeeze it
   so narrow that the word "Consultation" breaks mid-word. */
.site-header .wp-block-buttons {
  flex-shrink: 0;
}
.site-header .wp-block-button__link {
  white-space: nowrap;
}
/* Give the nav room to wrap before the button does, and tighten the gap. */
.site-header .wp-block-navigation {
  flex-shrink: 1;
}

/* In-content links: no underline at rest, underline on hover/focus.
   Specificity bumped above Twenty Twenty-Five's element-link styles. */
main a:not(.wp-element-button):not(.wp-block-button__link),
.wp-block-post-content a:not(.wp-element-button):not(.wp-block-button__link),
article a:not(.wp-element-button):not(.wp-block-button__link),
.site-footer a:not(.wp-element-button):not(.wp-block-button__link) {
  text-decoration: none;
}

main a:not(.wp-element-button):not(.wp-block-button__link):hover,
main a:not(.wp-element-button):not(.wp-block-button__link):focus-visible,
.wp-block-post-content a:not(.wp-element-button):not(.wp-block-button__link):hover,
.wp-block-post-content a:not(.wp-element-button):not(.wp-block-button__link):focus-visible,
article a:not(.wp-element-button):not(.wp-block-button__link):hover,
article a:not(.wp-element-button):not(.wp-block-button__link):focus-visible,
.site-footer a:not(.wp-element-button):not(.wp-block-button__link):hover,
.site-footer a:not(.wp-element-button):not(.wp-block-button__link):focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 1.5px;
}

/* Sticky phone CTA on mobile */
.sticky-phone-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #002d4b;
  color: #ffffff;
  padding: 10px 16px;
  display: none;
  text-align: center;
  font-weight: 600;
  border-top: 3px solid #19d6b1;
}

.sticky-phone-cta a {
  color: #ffffff;
  text-decoration: none;
}

.sticky-phone-cta a:hover,
.sticky-phone-cta a:focus {
  text-decoration: underline;
}

@media (max-width: 781px) {
  .sticky-phone-cta { display: block; }
  body.has-sticky-cta { padding-bottom: 60px; }
}

/* Visible focus state across all interactive elements (a11y) */
:where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid #19d6b1;
  outline-offset: 2px;
}

/* Reassuring hero callout — a small accent above the H1 */
.lp-eyebrow {
  font-size: 0.875rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #002d4b;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

/* Pull-quote/callout block accent */
.is-style-lp-callout {
  border-left: 4px solid #19d6b1;
  background: #f1fbf8;
  padding: 1.25rem 1.5rem;
  border-radius: 4px;
  margin: 1.5rem 0;
}

/* Skip-link */
.skip-link:focus {
  background: #002d4b;
  color: #ffffff;
  padding: 0.5rem 1rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}