.eg-fixy-promo{padding:clamp(48px,7vw,100px) 24px;background:#08090b;color:#b8bbc2;font-family:var(--eg-body-font,"Open Sans",sans-serif)}
.eg-fixy-promo__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,76px);max-width:1280px;margin:auto}
.eg-fixy-promo__eyebrow{margin:0 0 20px;color:#f8d608;font-size:13px;font-weight:700;letter-spacing:.1em}
.eg-fixy-promo h2{margin:0 0 24px;color:#fff;font:600 clamp(32px,3.5vw,52px)/1.12 var(--eg-heading-font,sans-serif)}
.eg-fixy-promo__description{margin:0 0 28px;font-size:16px;line-height:1.85}
.eg-fixy-promo a.eg-fixy-promo__button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:19px 24px;border:1px solid #f8d608;border-radius:5px;background:#f8d608;color:#08090b;text-decoration:none;font-size:13px;font-weight:800;line-height:1.5}
.eg-fixy-promo a.eg-fixy-promo__button:hover{background:#ffe84a}
.eg-fixy-promo__button:focus-visible{outline:3px solid #fff;outline-offset:5px}
.eg-fixy-promo__note{margin:16px 0 0;font-size:12px;line-height:1.75;color:#b8bbc2}
.eg-fixy-promo__visual{min-width:0;overflow:hidden;border:1px solid #353936;border-radius:12px;background:#101417;box-shadow:0 24px 70px rgba(0,0,0,.3)}
.eg-fixy-promo__browser{display:flex;align-items:center;gap:24px;padding:14px 18px;border-bottom:1px solid #353936;background:#171b1e;font-size:12px;color:#aeb5bd}
.eg-fixy-promo__browser span{color:#f8d608;letter-spacing:4px}.eg-fixy-promo__browser b{font-weight:400}
.eg-fixy-promo__visual img{display:block;width:100%;height:auto}
.eg-fixy-promo__fallback{padding:clamp(24px,4vw,48px);background:radial-gradient(ellipse at top right,rgba(248,214,8,.1),transparent 70%)}
.eg-fixy-promo__fallback .eg-fixy-promo__wordmark{margin:0;color:#fff;font:600 clamp(80px,9vw,130px)/1.1 var(--eg-heading-font,sans-serif)}
.eg-fixy-promo__wordmark span{color:#f8d608}.eg-fixy-promo__fallback p{font-size:14px;line-height:1.8}
.eg-fixy-promo__fallback ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:24px 0 0}
.eg-fixy-promo__fallback li{padding:8px 12px;border:1px solid #45483d;border-radius:4px;font-size:12px;color:#e0e3e5}
@media(max-width:900px){.eg-fixy-promo__inner{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.eg-fixy-promo{padding-inline:18px}.eg-fixy-promo a.eg-fixy-promo__button{width:100%;padding-inline:16px;text-align:center}}.eg-ask-ai{--eg-ai-icon-size:24px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;color:inherit;max-width:100%}
.eg-ask-ai .eg-ask-ai__links{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:6px;width:max-content;max-width:100%;list-style:none;padding:0;margin:0}
.eg-ask-ai .eg-ask-ai__links li{flex:1 1 0;min-width:0;margin:0;padding:0;list-style:none}
.eg-ask-ai .eg-ask-ai__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:44px;width:100%;box-sizing:border-box;padding:8px 4px;border-radius:8px;color:inherit;text-decoration:none;text-align:center;overflow-wrap:anywhere;line-height:1.4;font-size:13px;transition:background .15s,color .15s}
.eg-ask-ai .eg-ask-ai__link:hover{background:rgba(128,128,128,.15);color:#f8d608}
.eg-ask-ai .eg-ask-ai__link:focus-visible,.eg-ask-ai .eg-ask-ai__copy:focus-visible,.eg-ask-ai textarea:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.eg-ask-ai__icon{display:block;flex:0 0 auto;width:var(--eg-ai-icon-size);max-width:100%;height:var(--eg-ai-icon-size);background:currentColor;-webkit-mask:var(--eg-ai-mask) center/contain no-repeat;mask:var(--eg-ai-mask) center/contain no-repeat}
.eg-ask-ai__icon--claude{--eg-ai-mask:url(//www.e-growth.gr/wp-content/themes/e-growth/assets/images/ai-share/claude.svg);background:#d97757}
.eg-ask-ai__icon--google{--eg-ai-mask:url(//www.e-growth.gr/wp-content/themes/e-growth/assets/images/ai-share/google-ai.svg);background:conic-gradient(from 0deg,#4285f4,#4285f4 20%,#34a853 40%,#fbbc05 55%,#ea4335 70%,#a142f4 85%,#4285f4)}
.eg-ask-ai__icon--chatgpt{--eg-ai-mask:url(//www.e-growth.gr/wp-content/themes/e-growth/assets/images/brands/openai.svg)}
.eg-ask-ai__icon--grok{--eg-ai-mask:url(//www.e-growth.gr/wp-content/themes/e-growth/assets/images/ai-share/grok.svg)}
.eg-ask-ai .eg-ask-ai__copy{padding:0;border:0;border-radius:0;box-shadow:none;background:none;color:inherit;font-family:var(--eg-body-font,Arial,sans-serif)!important;text-transform:none!important;font-size:12px;font-weight:400;line-height:1.6;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.eg-ask-ai__fallback[hidden]{display:none!important}.eg-ask-ai__fallback{width:100%;max-width:480px;font-size:12px}.eg-ask-ai__fallback label{display:block;margin-bottom:8px}.eg-ask-ai__fallback textarea{display:block;width:100%;padding:12px;background:#fff;color:#08090b;border:1px solid #999;font-size:14px;resize:vertical;box-sizing:border-box}
.eg-ask-ai__status{font-size:12px;line-height:1.6}.eg-ask-ai__status:empty{display:none}
@media(prefers-reduced-motion:reduce){.eg-ask-ai .eg-ask-ai__link{transition:none}}/* Google reviews — plugin «Widget for Google Reviews» (widget-google-reviews).

   Το widget είναι χτισμένο πάνω σε CSS variables, οπότε τα περισσότερα
   αλλάζουν καθαρά με tokens στο .wp-gr: φόντο κάρτας, χρώμα αστεριών,
   χρώματα κειμένου. Μόνο όσα το plugin καρφώνει με !important (το μπλε
   των ονομάτων, η ακτίνα, η σκιά, τα paddings) χρειάζονται override.

   Οι δικοί τους κανόνες γράφονται ως `.wp-gr .x` ή `.wp-gr a.x`. Εδώ
   χρησιμοποιούμε `.wp-gr.rpi` — και οι δύο κλάσεις υπάρχουν πάντα στο root
   του widget — ώστε να έχουμε μία κλάση παραπάνω και να κερδίζουμε.

   Το CSS ζει στο theme κι όχι στον φάκελο του plugin, για να μη χάνεται
   σε κάθε update του. */

/* --------------------------------------------------------- tokens --- */

.wp-gr.rpi {
  /* Το --color οδηγεί αστέρια και slider dots· ήταν #fb8e28. */
  --color: var(--eg-yellow);
  --star-color: var(--eg-yellow);
  --rpi-star-color: var(--eg-yellow);
  --rpi-star-empty-color: #d8d5ca;

  /* Φόντο κάρτας· ήταν #f4f4f4. */
  --rev-color: var(--eg-white);

  --name-color: var(--eg-ink);
  --text-color: #35383d;
  --head-based-color: #6b6f76;
  --powered-color: #6b6f76;

  --card-gap: 16px;
  --img-size: 44px;
}

/* ---------------------------------------------------------- κάρτα --- */

.wp-gr.rpi .grw-review-inner {
  margin: 0 !important;
  padding: 22px !important;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.wp-gr.rpi .grw-review-inner.grw-round {
  border-radius: 16px !important;
}

/* Η σκιά τους είναι δύο σκληρά μαύρα στρώματα. Την αντικαθιστούμε με το
   hairline περίγραμμα που χρησιμοποιούν όλες οι κάρτες του theme. */
.wp-gr.rpi .grw-review-inner.grw-shadow,
.wp-gr.rpi .grw-review-inner.grw-backgnd {
  border: 1px solid rgba(8, 9, 11, .1) !important;
  box-shadow: none !important;
}

.wp-gr.rpi .grw-review-inner.grw-backgnd:hover {
  border-color: var(--eg-yellow) !important;
  box-shadow: 0 14px 40px rgba(8, 9, 11, .07) !important;
  transform: translateY(-3px);
}

/* Το gap το δίνει πλέον το --card-gap, όχι margin στην κάρτα. */
.wp-gr.rpi[data-layout="grid"] .grw-reviews {
  gap: var(--card-gap) !important;
}

/* --------------------------------------------------- στοιχεία κάρτας -- */

/* Το όνομα είναι link και το plugin το καρφώνει σε #427fed. */
.wp-gr.rpi a.wp-google-name,
.wp-gr.rpi .wp-google-name {
  color: var(--eg-ink) !important;
  font-weight: 700 !important;
}

.wp-gr.rpi a.wp-google-name:hover,
.wp-gr.rpi a.wp-google-name:focus-visible {
  text-decoration: underline !important;
  text-decoration-color: var(--eg-yellow) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}

.wp-gr.rpi .wp-google-time {
  color: #6b6f76 !important;
  font-size: 12px !important;
}

.wp-gr.rpi .wp-google-text {
  color: #35383d !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

/* Το avatar έχει δικό του σκληρό box-shadow σε ::before. */
.wp-gr.rpi .grw-img-wrap::before {
  box-shadow: 0 0 0 1px rgba(8, 9, 11, .1) !important;
}

/* Το κείμενο μεγάλων κριτικών κυλάει μέσα στην κάρτα· η default μπάρα
   είναι έντονη γκρι και τραβάει το μάτι. */
.wp-gr.rpi .grw-scroll {
  scrollbar-width: thin;
  scrollbar-color: rgba(8, 9, 11, .18) transparent;
}

.wp-gr.rpi .grw-scroll::-webkit-scrollbar {
  width: 4px;
}

.wp-gr.rpi .grw-scroll::-webkit-scrollbar-thumb {
  background: rgba(8, 9, 11, .18);
  border-radius: 999px;
}

.wp-gr.rpi .grw-scroll::-webkit-scrollbar-track {
  background: transparent;
}

/* -------------------------------------------------------- κεφαλίδα --- */

.wp-gr.rpi .grw-header-inner {
  margin: 0 0 26px !important;
  padding: 0 !important;
}

.wp-gr.rpi .grw-header .rpi-stars {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: var(--eg-ink) !important;
}

.wp-gr.rpi .wp-google-based {
  margin-top: 8px !important;
  color: #6b6f76 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

/* Το «powered by Google» κρατά τα χρώματα της Google — είναι το σήμα
   προέλευσης. Μαλακώνουμε μόνο το «powered by» και το μέγεθος. */
.wp-gr.rpi .wp-google-powered {
  color: #6b6f76 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* ----------------------------------------------------- σε σκούρο ---- */
/* Αν το widget μπει σε σκούρη ενότητα, γυρνούν μόνο τα χρώματα. */

.eg-footer .wp-gr.rpi,
.eg-section--dark .wp-gr.rpi {
  --rev-color: var(--eg-panel);
  --name-color: var(--eg-white);
  --text-color: var(--eg-muted);
}

.eg-footer .wp-gr.rpi .grw-review-inner.grw-backgnd,
.eg-section--dark .wp-gr.rpi .grw-review-inner.grw-backgnd {
  border-color: var(--eg-line) !important;
}

.eg-footer .wp-gr.rpi a.wp-google-name,
.eg-footer .wp-gr.rpi .wp-google-name,
.eg-section--dark .wp-gr.rpi a.wp-google-name,
.eg-section--dark .wp-gr.rpi .wp-google-name {
  color: var(--eg-white) !important;
}

.eg-footer .wp-gr.rpi .wp-google-text,
.eg-footer .wp-gr.rpi .wp-google-time,
.eg-section--dark .wp-gr.rpi .wp-google-text,
.eg-section--dark .wp-gr.rpi .wp-google-time {
  color: var(--eg-muted) !important;
}

.eg-footer .wp-gr.rpi .grw-header .rpi-stars,
.eg-section--dark .wp-gr.rpi .grw-header .rpi-stars {
  color: var(--eg-white) !important;
}

/* --------------------------------------------------------- mobile --- */

@media (max-width: 620px) {
  .wp-gr.rpi .grw-review-inner {
    padding: 18px !important;
  }

  .wp-gr.rpi .grw-header-inner {
    margin-bottom: 20px !important;
  }
}