/*
Theme Name: Lely Elektra 2025
Theme URI: https://lelyelektra.nl
Author: Lely Elektra
Author URI: https://lelyelektra.nl
Description: Maatwerk WordPress thema
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lely-elektra
Tags: one-column, custom-logo, custom-menu, responsive-layout
*/

.lely-greviews__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.lely-greviews__score{font-size:1.15rem;display:flex;align-items:center;gap:8px}
.lely-greviews__score .stars{letter-spacing:1px}
.lely-greviews__score .dim{opacity:.35}
.lely-greviews__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.grev{padding:14px;border-radius:12px}
.grev__top{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.grev__avatar{width:40px;height:40px;border-radius:999px;object-fit:cover}
.grev__name{font-weight:700}
.grev__stars{color:#ffd166;letter-spacing:1px}
.grev__date{font-size:.9rem}
.grev__text{margin:0}
.lely-greviews__attrib{margin-top:8px;font-size:.9rem}
@media (max-width:900px){ .lely-greviews__grid{grid-template-columns:1fr 1fr} }
@media (max-width:600px){ .lely-greviews__grid{grid-template-columns:1fr} }


/* geen gap tussen alle children (anders komt er ruimte tussen de letters) */
.lely-gbadge{display:inline-flex;align-items:center;gap:0}

/* geef alleen de groepen wat afstand */
.lely-gbadge .sep{margin:0 .5rem}
.lely-gbadge .stars{margin-left:.4rem}
.lely-gbadge .count{margin-left:.25rem}

.lely-gbadge--sm{padding:6px 10px;font-size:.9rem}
.lely-gbadge .stars{letter-spacing:1px;color:#ffd166}
.lely-gbadge .dim{opacity:.35}
.lely-gbadge .sep{opacity:.6}
.lelyg{font-weight:800}
.lelyg.g{color:#4285F4}.lelyg.o1{color:#EA4335}.lelyg.o2{color:#FBBC05}.lelyg.g2{color:#4285F4}.lelyg.l{color:#34A853}.lelyg.e{color:#EA4335}





/* Header basis */
.site-header .header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menu {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Menu-knop + profielfoto naast elkaar */
.menu-controls {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Proportioneel schalen, transparant PNG blijft netjes */
.profile-logo {
  height: 40px;    /* mobiel maat */
  width: auto;
  object-fit: contain;
  display: inline-block;
}

/* Desktop: standaard verbergen voor rust in de header */
@media (min-width: 992px) {
  .profile-logo {
    display: none;
  }
}

/* Iets grotere devices (optioneel) */
@media (min-width: 480px) and (max-width: 991px) {
  .profile-logo { height: 44px; }
}