.elementor-6399 .elementor-element.elementor-element-14f41e1{--display:flex;}.elementor-6399 .elementor-element.elementor-element-9384260{width:100%;max-width:100%;}.elementor-6399 .elementor-element.elementor-element-9384260 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-6399 .elementor-element.elementor-element-75e511f > .elementor-widget-container{margin:-60px 0px 0px 0px;}.elementor-6399 .elementor-element.elementor-element-1fa4af8{--display:flex;}.elementor-6399 .elementor-element.elementor-element-4bd45b8 > .elementor-widget-container{margin:-60px 0px 0px 0px;}.elementor-6399 .elementor-element.elementor-element-3f4d52e{--display:flex;}.elementor-6399 .elementor-element.elementor-element-66f5602{--display:flex;}.elementor-6399 .elementor-element.elementor-element-30e56be > .elementor-widget-container{margin:-50px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6399 .elementor-element.elementor-element-0c25c61{width:100%;max-width:100%;}.elementor-6399 .elementor-element.elementor-element-f86b852{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-b5e0470 *//* =========================================================
   PRIMEPIXEL – REVIEWS (FORCE LOOK like screenshot)
   Gælder kun widgets/shortcodes der starter med .pp-review-
========================================================= */

/* 1) Sørg for at wrapperen altid står pænt i midten */
.pp-review-wrap{
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  padding: 0 20px !important;
  margin: 45px 0 !important;
}

/* 2) Widget container – neutraliser mørke temaer */
.pp-review-widget{
  --pp-navy:#1F2530;
  --pp-text:#4b5563;
  --pp-muted:#6b7280;

  --pp-blue:#4EA1FF;
  --pp-blue-soft:#9CC2FF;

  --pp-card:#ffffff;
  --pp-card-grad: linear-gradient(145deg,#f8faff 0%, #ffffff 100%);
  --pp-border: rgba(156,194,255,0.30);
  --pp-shadow: 0 18px 50px rgba(0,0,0,0.10);

  font-family: 'Inter', sans-serif !important;
  color: var(--pp-navy) !important;
  color-scheme: light !important;

  width: min(1100px, calc(100vw - 40px)) !important;
  max-width: 1100px !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 22px !important;

  position: relative !important;
  isolation: isolate !important;
}

/* 3) HARD reset på alt inde i widget, så dark theme ikke “arver” */
.pp-review-widget,
.pp-review-widget *{
  box-sizing: border-box !important;
  font-family: inherit !important;
  text-transform: none !important;
  filter: none !important;
}

/* 4) Card look – som screenshot */
.pp-review-card{
  background-color: var(--pp-card) !important;
  background-image: var(--pp-card-grad) !important;
  border: 1px solid var(--pp-border) !important;
  border-radius: 26px !important;
  box-shadow: var(--pp-shadow) !important;

  padding: 26px 26px !important;
  overflow: hidden !important;
  position: relative !important;

  color: var(--pp-navy) !important;
}

/* Subtil top glow */
.pp-review-card::before{
  content:"" !important;
  position:absolute !important;
  inset:-70px -70px auto -70px !important;
  height: 170px !important;
  pointer-events:none !important;
  background: radial-gradient(520px 140px at 30% 10%,
    rgba(156,194,255,.28) 0%,
    rgba(255,255,255,0) 70%) !important;
}

/* 5) Header layout: titel/tekst venstre, badge højre */
.pp-review-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}
.pp-review-head > div{ min-width:0 !important; }

/* Titler som screenshot */
.pp-review-head h3{
  margin: 0 0 6px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.02em !important;
  font-size: 18px !important;
  color: var(--pp-navy) !important;
}
.pp-review-head p{
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--pp-text) !important;
}

/* Badge pill højre */
.pp-badge{
  display:inline-flex !important;
  align-items:center !important;
  gap: 8px !important;
  padding: 9px 16px !important;
  border-radius: 999px !important;

  background: #F0F4FA !important;
  border: 1px solid rgba(156,194,255,.35) !important;

  font-family:'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .8px !important;
  color: var(--pp-navy) !important;
  white-space: nowrap !important;
}
.pp-badge small{ opacity:.7 !important; font-weight: 800 !important; }

/* 6) Labels */
.pp-label{
  font-family:'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .8px !important;
  color: var(--pp-navy) !important;
  opacity: .75 !important;
}

/* 7) Inputs – tving lys UI */
.pp-input,
.pp-textarea{
  -webkit-appearance: none !important;
  appearance: none !important;

  width: 100% !important;
  background: #fff !important;
  color: var(--pp-navy) !important;

  border: 1px solid rgba(156,194,255,0.35) !important;
  border-radius: 18px !important;

  padding: 12px 14px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;

  box-shadow: none !important;
  outline: none !important;

  transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease !important;
}
.pp-input::placeholder,
.pp-textarea::placeholder{
  color: rgba(31,37,48,.45) !important;
}
.pp-input:focus,
.pp-textarea:focus{
  border-color: rgba(78,161,255,0.55) !important;
  box-shadow: 0 0 0 4px rgba(78,161,255,0.14) !important;
  transform: translateY(-1px) !important;
}

/* 8) “Boks-stjerner” som screenshot */
.pp-rating{
  display: inline-flex !important;
  align-items:center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(156,194,255,0.35) !important;
  background: #fff !important;

  flex-direction: row-reverse !important;
  width: fit-content !important;
}
.pp-rating input{
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
}
.pp-rating label{
  width: 44px !important;
  height: 44px !important;
  display:grid !important;
  place-items:center !important;

  border-radius: 14px !important;
  background: rgba(156,194,255,0.10) !important;
  border: 1px solid transparent !important;

  cursor:pointer !important;
  user-select:none !important;

  font-size: 20px !important;
  line-height: 1 !important;
  color: rgba(31,37,48,.22) !important;

  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease !important;
}
.pp-rating label:hover{
  transform: translateY(-1px) !important;
  border-color: rgba(156,194,255,0.55) !important;
  background: rgba(156,194,255,0.18) !important;
  box-shadow: 0 14px 30px rgba(156,194,255,0.18) !important;
}
.pp-rating label:hover,
.pp-rating label:hover ~ label{
  color: #FFC74A !important;
}
.pp-rating input:checked ~ label{
  color: #FFC74A !important;
}

/* 9) Knap som screenshot */
.pp-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding: 10px 18px !important;
  border-radius: 999px !important;
  border: 0 !important;

  background: #9CC2FF !important;
  color: var(--pp-navy) !important;

  font-family:'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;

  box-shadow: 0 10px 24px rgba(156,194,255,0.35) !important;
  cursor: pointer !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important;
}
.pp-btn:hover{
  background: #4EA1FF !important;
  color: #fff !important;
  box-shadow: 0 14px 34px rgba(78,161,255,0.32) !important;
  transform: translateY(-1px) !important;
}

.pp-hint, .pp-msg{
  color: var(--pp-muted) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* 10) Review list */
.pp-review-list{
  margin-top: 10px !important;
  display:flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
.pp-review-item{
  background:#fff !important;
  border: 1px solid rgba(156,194,255,0.25) !important;
  border-radius: 18px !important;
  padding: 16px !important;
  box-shadow: 0 12px 24px rgba(31,37,48,.06) !important;
}
.pp-review-comment{
  margin: 8px 0 0 !important;
  color: var(--pp-text) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
.pp-review-name{
  margin-top: 6px !important;
  font-family:'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: .8px !important;
  color: var(--pp-navy) !important;
}
.pp-review-date{
  color: var(--pp-muted) !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

/* Mobil: badge ikke klippes */
@media (max-width: 600px){
  .pp-review-head{
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }
  .pp-badge{
    white-space: normal !important;
    max-width: 100% !important;
  }
}/* End custom CSS */