
/* MozogX vélemények – v3.7.21
   A Központ sötétzöld–arany vizuális rendszeréhez igazítva. */

body.wq-review-open{overflow:hidden!important}
.wq-review-request[hidden]{display:none!important}

.wq-review-request,
.wq-reviews-public{
  --mx-bg:#07110e;
  --mx-bg-soft:#0b1915;
  --mx-card:#10231d;
  --mx-card-2:#122a22;
  --mx-gold:#d8b35b;
  --mx-gold-light:#f0d68f;
  --mx-text:#f7f5ed;
  --mx-muted:#b9c4bd;
  --mx-border:rgba(255,255,255,.12);
  --mx-ink:#152017;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.wq-review-request *,
.wq-reviews-public *{box-sizing:border-box}

/* Véleménykérés a Központ fölött */
.wq-review-request{
  position:fixed;
  z-index:2147482500;
  inset:0;
  display:grid;
  place-items:end center;
  padding:20px 16px 0;
  color:var(--mx-text);
}
.wq-review-request-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,10,8,.82);
  backdrop-filter:blur(8px);
  animation:wqReviewFade .22s ease-out;
}
.wq-review-request-card{
  position:relative;
  width:min(620px,100%);
  max-height:92dvh;
  overflow:auto;
  padding:28px 26px max(30px,env(safe-area-inset-bottom));
  border:1px solid var(--mx-border);
  border-radius:28px 28px 0 0;
  background:
    radial-gradient(circle at 90% 0,rgba(216,179,91,.12),transparent 25rem),
    linear-gradient(145deg,var(--mx-card-2),var(--mx-bg-soft));
  color:var(--mx-text);
  box-shadow:0 -28px 80px rgba(0,0,0,.52);
  animation:wqReviewSheet .3s cubic-bezier(.2,.85,.2,1);
}
.wq-review-request-head>span{
  display:block;
  margin-bottom:7px;
  color:var(--mx-gold-light);
  font-size:11px;
  font-weight:850;
  letter-spacing:.16em;
}
.wq-review-request-head>small{
  display:block;
  margin-bottom:16px;
  color:#8fa098;
  font-size:12px;
}
.wq-review-request-head h2{
  margin:0;
  color:var(--mx-text);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(32px,7vw,46px);
  line-height:1.03;
}
.wq-review-request-head p{
  margin:13px 0 0;
  color:var(--mx-muted);
  font-size:16px;
  line-height:1.55;
}
.wq-review-request form{display:grid;gap:17px;margin-top:25px}
.wq-review-rating{margin:0;padding:0;border:0}
.wq-review-rating legend,
.wq-review-input>span{
  display:block;
  margin-bottom:9px;
  color:var(--mx-text);
  font-size:13px;
  font-weight:800;
}
.wq-review-input em{
  color:#8fa098;
  font-size:11px;
  font-style:normal;
  font-weight:600;
}
.wq-review-stars{display:flex;gap:7px}
.wq-review-stars button{
  width:48px;
  height:48px;
  padding:0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.05);
  color:#526159;
  font:900 28px/1 Georgia,serif;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,color .15s ease,background .15s ease;
}
.wq-review-stars button:hover,
.wq-review-stars button:focus-visible{
  transform:translateY(-1px);
  border-color:var(--mx-gold);
  background:rgba(216,179,91,.08);
  outline:none;
}
.wq-review-stars button.is-active{
  border-color:var(--mx-gold);
  background:rgba(216,179,91,.13);
  color:var(--mx-gold-light);
}
.wq-review-input input,
.wq-review-input textarea{
  display:block;
  width:100%;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.055);
  color:var(--mx-text);
  font:inherit;
  outline:none;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.wq-review-input input::placeholder,
.wq-review-input textarea::placeholder{color:#809087}
.wq-review-input input{height:50px;padding:0 14px}
.wq-review-input textarea{min-height:112px;padding:13px 14px;resize:vertical;line-height:1.5}
.wq-review-input input:focus,
.wq-review-input textarea:focus{
  border-color:rgba(240,214,143,.72);
  background:rgba(255,255,255,.075);
  box-shadow:0 0 0 4px rgba(216,179,91,.1);
}
.wq-review-privacy-note{
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:#9faca4;
  font-size:12px;
  line-height:1.45;
}
.wq-review-consent{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:var(--mx-muted);
  font-size:12px;
  line-height:1.45;
  cursor:pointer;
}
.wq-review-consent input{
  flex:0 0 auto;
  width:18px;
  height:18px;
  margin-top:1px;
  accent-color:var(--mx-gold);
}
.wq-review-error{
  padding:11px 13px;
  border:1px solid rgba(225,115,115,.44);
  border-radius:12px;
  background:rgba(117,30,30,.2);
  color:#ffd0d0;
  font-size:13px;
}
.wq-review-submit{
  min-height:54px;
  border:1px solid var(--mx-gold);
  border-radius:999px;
  background:linear-gradient(135deg,var(--mx-gold-light),var(--mx-gold));
  color:var(--mx-ink);
  -webkit-text-fill-color:var(--mx-ink);
  font:850 15px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
  box-shadow:0 14px 34px rgba(216,179,91,.18);
}
.wq-review-submit:hover{filter:brightness(1.035)}
.wq-review-submit:disabled{opacity:.58;cursor:wait}
.wq-review-later{
  justify-self:center;
  padding:7px 13px;
  border:0;
  background:transparent;
  color:#8fa098;
  font:700 13px/1.2 Inter,system-ui,sans-serif;
  cursor:pointer;
  text-decoration:underline;
  text-decoration-color:#526159;
  text-underline-offset:3px;
}
.wq-review-later:hover{color:var(--mx-text)}

/* Nyilvános véleményblokk */
.wq-reviews-public{
  position:relative;
  isolation:isolate;
  width:min(1120px,100%);
  margin:0 auto;
  padding:46px;
  overflow:hidden;
  border:1px solid var(--mx-border);
  border-radius:30px;
  background:
    radial-gradient(circle at 9% 0,rgba(39,111,82,.22),transparent 31rem),
    radial-gradient(circle at 100% 20%,rgba(216,179,91,.11),transparent 25rem),
    linear-gradient(145deg,var(--mx-card-2),var(--mx-bg));
  color:var(--mx-text);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.wq-reviews-public-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:42px;
  margin-bottom:30px;
}
.wq-reviews-public-head>div:first-child>span{
  display:block;
  margin-bottom:9px;
  color:var(--mx-gold);
  font-size:11px;
  font-weight:850;
  letter-spacing:.16em;
}
.wq-reviews-public-head h2{
  max-width:720px;
  margin:0;
  color:var(--mx-text);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(34px,4.5vw,56px);
  line-height:1.03;
}
.wq-reviews-average{
  min-width:170px;
  padding:18px 20px;
  border:1px solid rgba(216,179,91,.2);
  border-radius:20px;
  background:rgba(216,179,91,.055);
  text-align:center;
}
.wq-reviews-average>strong{
  display:block;
  color:var(--mx-gold-light);
  font-family:Georgia,"Times New Roman",serif;
  font-size:46px;
  line-height:1;
}
.wq-reviews-average small{
  display:block;
  margin-top:5px;
  color:var(--mx-muted);
}
.wq-review-card-stars{
  display:inline-flex;
  color:var(--mx-gold);
  font-size:17px;
  letter-spacing:.08em;
  white-space:nowrap;
}
.wq-review-card-stars i{color:#46544d;font-style:normal}
.wq-reviews-distribution{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:0 0 30px;
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.025);
}
.wq-reviews-distribution>div{
  display:grid;
  grid-template-columns:auto;
  gap:7px;
  color:#c7d0ca;
  font-size:12px;
}
.wq-reviews-distribution i{
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.1);
}
.wq-reviews-distribution b{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--mx-gold),var(--mx-gold-light));
}
.wq-reviews-distribution em{
  color:#8fa098;
  font-style:normal;
}
.wq-reviews-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));
  gap:18px;
  align-items:stretch;
}
.wq-review-card{
  display:flex;
  min-height:180px;
  flex-direction:column;
  padding:25px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(18,42,34,.98),rgba(11,25,21,.98));
  color:var(--mx-text);
  box-shadow:0 16px 38px rgba(0,0,0,.16);
}
.wq-review-card p{
  margin:18px 0 24px;
  color:#d9e1dc;
  font-size:15px;
  line-height:1.7;
}
.wq-review-card footer{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
}
.wq-review-card footer strong{
  color:var(--mx-text);
  font-size:14px;
}
.wq-reviews-load{
  display:flex;
  min-height:52px;
  margin:28px auto 0;
  padding:0 24px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(216,179,91,.34);
  border-radius:999px;
  background:rgba(216,179,91,.08);
  color:var(--mx-gold-light);
  -webkit-text-fill-color:var(--mx-gold-light);
  font:800 14px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
}
.wq-reviews-load:hover{background:rgba(216,179,91,.14)}
.wq-reviews-load:disabled{opacity:.55;cursor:wait}
.wq-reviews-load-error{
  margin-top:14px;
  color:#f1b8b8;
  text-align:center;
  font-size:13px;
}

@keyframes wqReviewFade{from{opacity:0}to{opacity:1}}
@keyframes wqReviewSheet{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

@media(max-width:800px){
  .wq-reviews-public{padding:34px 26px}
  .wq-reviews-public-head{grid-template-columns:1fr;align-items:start;gap:20px}
  .wq-reviews-average{width:100%;text-align:left}
  .wq-reviews-distribution{grid-template-columns:1fr;gap:8px}
  .wq-reviews-distribution>div{grid-template-columns:38px 1fr 42px;align-items:center}
  .wq-reviews-distribution em{text-align:right}
}
@media(max-width:560px){
  .wq-review-request{padding-inline:0}
  .wq-review-request-card{
    max-height:95dvh;
    padding:24px 18px max(24px,env(safe-area-inset-bottom));
    border-radius:24px 24px 0 0;
  }
  .wq-review-stars{justify-content:space-between}
  .wq-review-stars button{
    width:calc((100vw - 74px)/5);
    max-width:52px;
    height:46px;
  }
  .wq-reviews-public{padding:28px 18px;border-radius:24px}
  .wq-reviews-grid{grid-template-columns:1fr}
  .wq-review-card{min-height:0;padding:21px}
}
@media(prefers-reduced-motion:reduce){
  .wq-review-request-backdrop,
  .wq-review-request-card{animation:none}
  .wq-review-stars button{transition:none}
}


/* v3.7.21 – a beküldő gomb minden témában a MozogX arany főgombja marad. */
body .wq-review-request .wq-review-submit,
body .wq-review-modal .wq-review-submit,
body button.wq-review-submit,
body input.wq-review-submit{
  border:1px solid #d8b35b !important;
  background:linear-gradient(135deg,#f0d68f 0%,#d8b35b 100%) !important;
  color:#152017 !important;
  -webkit-text-fill-color:#152017 !important;
  box-shadow:0 14px 34px rgba(216,179,91,.28) !important;
  text-shadow:none !important;
}
body .wq-review-request .wq-review-submit:hover,
body .wq-review-modal .wq-review-submit:hover{
  background:linear-gradient(135deg,#f5dfa3 0%,#ddb961 100%) !important;
  color:#152017 !important;
}
