/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

/* === Google Rating Badge === */
.google-rating-badge{
  /* — eenvoudige knoppen om de styling te tunen — */
  --grb-logo: 19px !important;            /* hoogte Google-logo desktop */
  --grb-star-size: 10px;       /* grootte sterren desktop */
  --grb-text-size: 12px;       /* tekstgrootte desktop */
  --grb-gap: .8rem;            /* ruimte tussen elementen */
  --grb-color: #111;           /* tekstkleur */
  --grb-star-color: #f4c20d;   /* ster-kleur */

  display: inline-flex;
  align-items: center;
  gap: var(--grb-gap);
  font-weight: normal !important;
  font-size: var(--grb-text-size);
  line-height: 1.2;
  color: var(--grb-color);
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.google-rating-badge .grb-logo{
  height: var(--grb-logo);
  width: auto;
  object-fit: contain;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 0px; /* pas dit getal aan tot het mooi gelijk staat */
}

.google-rating-badge .grb-stars i{
  color: var(--grb-star-color);
  margin-right: 1px;
  font-size: var(--grb-star-size);
  line-height: 1;
}

.google-rating-badge .grb-text{
  font-weight: 300;
  font-size: var(--grb-text-size);
  color: var(--grb-color);
}

.google-rating-badge .grb-text .star{
  display: inline-block;
  width: .9em;
  text-align: center;
}

/* --- Responsive tweaks --- */
@media (max-width: 991px){
  .google-rating-badge{
    --grb-logo: 20px;
    --grb-star-size: 13px;
    --grb-text-size: 12px;
    --grb-gap: .5rem;
  }
}
@media (max-width: 575px){
  .google-rating-badge{
    --grb-logo: 20px;
    --grb-star-size: 13px;
    --grb-text-size: 12px;
    --grb-gap: .4rem;
  }
}

/* Verberg alle WooCommerce meldingen bovenaan */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info,
.woocommerce-notices-wrapper {
    display: none !important;
}