/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/components/shortcodes/_gg-ratings.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~ Bootstrap Variables ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~ Color system ~~~~~ */
/* ~~~~~ Grid ~~~~~ */
/* ~~~~~ Fonts ~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~ Variables ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~ WP Admin Bar heights ~~~~~~~~~~ */
/* ~~~~~~~~~~ Settings ~~~~~~~~~~ */
/* ~~~~~~~~~~ Fonts ~~~~~~~~~~ */
/* ~~~~~~~~~~ Plugins ~~~~~~~~~~ */
/* ~~~~~ OWL Carousel ~~~~~ */
/* ~~~~~~~~~~ CSS Custom Properties (2025 Modern Pattern) ~~~~~~~~~~ */
/* Phase 2.5: Mobile Navigation Modernization */
:root {
  /* Spacing Scale (8px base unit) */
  --space-unit: 0.5rem; /* 8px */
  --space-xs: calc(var(--space-unit) * 1); /* 8px */
  --space-sm: calc(var(--space-unit) * 1.5); /* 12px */
  --space-md: calc(var(--space-unit) * 2); /* 16px */
  --space-lg: calc(var(--space-unit) * 3); /* 24px */
  --space-xl: calc(var(--space-unit) * 4); /* 32px */
  /* Typography Scale */
  --text-sm: 0.875rem; /* 14px */
  --text-base: 1rem; /* 16px */
  --text-lg: 1.125rem; /* 18px */
  /* Touch Targets (44px minimum per Apple HIG) */
  --tap-target: 2.75rem; /* 44px */
  /* Mobile Navigation */
  --nav-width-mobile: 80vw;
  --nav-width-max: 400px;
  --nav-padding-inline: var(--space-lg);
  --nav-padding-block: var(--space-md);
  /* Context-Aware Component Variables (inherited by children) */
  --button-width: auto; /* Default: shrink to content */
  --button-min-width: 9.375rem; /* Default: 150px (desktop base) */
  --button-align: flex-start; /* Default: left-aligned */
  --contact-icon-size: 32px; /* Default: desktop size */
  /* Button Size Presets (Phase 4.5) */
  --button-min-width-small: 1rem; /* 16px */
  --button-min-width-medium: 12.5rem; /* 200px */
  --button-min-width-large: 15.625rem; /* 250px */
  /* Logo Sizing (Phase 4.5: Responsive) */
  --logo-size: 80px; /* Desktop default */
  --logo-size-tablet: 60px; /* Tablet (768px-991px) */
  --logo-size-mobile: 60px; /* Mobile (<768px) */
}

/* Responsive Scaling (mobile-first) */
@media (max-width: 375px) {
  :root {
    --space-unit: 0.4rem; /* Tighter spacing on small screens */
  }
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~ Mixins ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~ Helper Functions ~~~~~~~~~~ */
/* ~~~~~ String Split (needed by spacings/classes) ~~~~~ */
/* ~~~~~ Strip Unit ~~~~~ */
/* ~~~~~ Convert to REM ~~~~~ */
/* ~~~~~ Get Crunch Spacer ~~~~~ */
/* ~~~~~ Fluid Helper (from legacy fluid.scss) ~~~~~ */
/* ~~~~~~~~~~~~ Modern Fluid Typography (2025 - Native CSS clamp) ~~~~~~~~~~~~ */
/* ~~~~~~~~~~ DEPRECATED: Fluid type ~~~~~~~~~~ */
/* ~~~~~~~~~ Fluid margin/padding helpers ~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~ Spacings ~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~ DEPRECATED: Letter spacing ~~~~~~~~~~~ */
/* ~~~~~~~~~~ Sticky WordPress Admin Bar Fix ~~~~~~~~~~ */
/* ~~~~~~~~~~ Sizing Class Generator ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~ Classes ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~ DEPRECATED: Element spacing ~~~~~~~~~~ */
/* ~~~~~~~~~~ Respond to specific brekpoint ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~ Placeholders ~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~ Single transition ~~~~~~~~~~ */
/* ~~~~~~~~~~ Fill the whole space ~~~~~~~~~~ */
/* ~~~~~~~~~~ Font Size Classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Letter Spacing Classes ~~~~~~~~~~ */
/**
 * Google Ratings Component - Single Source of Truth
 *
 * Usage:
 * - [ggratings] - Compact (navbar, inline)
 * - [ggratingsbig] - With review count (hero sections)
 * - [ggratingsbigcenter] - Centered variant
 *
 * Sizing Overrides:
 * - Navigation context uses CSS custom properties from _navigation-tokens.scss
 * - All other contexts use default component sizing defined below
 *
 * @see functions.php:250-279 (shortcode definitions)
 * @see template-parts/components/navigation.php:37,85 (usage)
 *
 * @since Consolidated 2025-11-18 (removed duplicates from utilities.scss)
 */
.gg-ratings {
  font-weight: 700;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #000000;
}
.gg-ratings .google-svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gg-ratings .google-svg svg {
  width: 20px;
  height: 20px; /* Reduced from 35px to fit better in topbar */
  display: block;
}
.gg-ratings .stars-svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gg-ratings .stars-svg svg {
  width: 111px;
  height: 18.5px; /* Explicit height for proper rendering */
  display: block;
}
.gg-ratings .g-rate {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* Removed margin-top: 7px - let flexbox align-items: center handle it */
}

.big-g-rating {
  margin-bottom: 15px;
}
.big-g-rating .gg-ratings {
  margin: 15px 0 0 0;
}
.big-g-rating .g-rating-count {
  font-weight: 700;
  font-size: 19px;
}
.big-g-rating .google-svg svg {
  width: 20px;
  height: 35px;
}
.big-g-rating .stars-svg svg {
  width: 111px;
  height: 18.5px;
}
.big-g-rating.center-rating {
  text-align: center;
}
.big-g-rating.center-rating .gg-ratings {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*# sourceMappingURL=shortcodes.css.map*/