:root{
  --cro-bg:#0b0f18;
  --cro-surface:#0f1625;
  --cro-surface-2:#121c30;
  --cro-text:#e9eefc;
  --cro-muted:rgba(233,238,252,.75);
  --cro-faint:rgba(233,238,252,.55);
  --cro-border:rgba(255,255,255,.10);
  --cro-accent:#7c5cff;
  --cro-accent-2:#2dd4bf;
  --cro-quote-bg: var(--cro-quote-bg, #1a1f2b);
  --cro-radius:20px;
  --cro-shadow: 0 18px 48px rgba(0,0,0,.45);
  --cro-max: 1160px;
}

/* Modern casino-review-like font stack (no external requests needed) */
html{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 16px;
  background: radial-gradient(1200px 700px at 20% 0%, rgba(124,92,255,.22), transparent 55%),
              radial-gradient(1100px 650px at 85% 10%, rgba(45,212,191,.14), transparent 58%),
              var(--cro-bg);
  color: var(--cro-text);
  scroll-behavior:smooth;
}
body{ margin:0; overscroll-behavior: none; }
img{ max-width:100%; height:auto; display:block; }
a{ color: inherit; text-decoration: none; }
a:hover{ opacity:.92; }

.cro-sr{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

.cro-container{ max-width: var(--cro-max); margin: 0 auto; padding: 0 18px; }
.cro-main{ min-height: 60vh; padding: 0 20px; }

/* Header */
.cro-header{
  position: sticky; top:0; z-index: 50;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transform: translateZ(0);
  background: rgba(11,15,24,.72);
  border-bottom: 1px solid var(--cro-border);
}
.cro-header__inner{
  display:flex; align-items:center; gap:14px;
  padding: 14px 0;
}
.cro-header__brand{ flex: 1 1 auto; min-width: 0; }
.custom-logo{ max-height: 70px; width: auto; }
.cro-brand__text{ font-weight: 800; letter-spacing: .2px; font-size: 18px; }

.cro-nav{ flex: 2 1 auto; }
.cro-nav__menu{
  list-style:none; display:flex; gap:12px; margin:0; padding:0;
  justify-content: center;
}
.cro-nav__menu a{
  display:inline-flex; align-items:center;
  padding: 10px 10px;
  border-radius: 12px;
  color: var(--cro-muted);
  font-weight: 650;
}
.cro-nav__menu a:hover{ background: rgba(255,255,255,.06); color: var(--cro-text); }

.cro-header__cta{ flex: 1 0 auto; display:flex; justify-content:flex-end; }

/* Mobile menu */
.cro-nav__toggle{
  display:none;
  border:1px solid var(--cro-border);
  background: rgba(255,255,255,.05);
  border-radius: 14px;
  height: 42px; width: 46px;
  align-items:center; justify-content:center;
  cursor:pointer;
  color: var(--cro-text);
}
.cro-nav__toggle-lines{
  width:18px; height:2px; background: var(--cro-text);
  box-shadow: 0 6px 0 var(--cro-text), 0 -6px 0 var(--cro-text);
  border-radius: 999px;
}

/* Buttons */
.cro-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid var(--cro-border);
  font-weight: 750;
  letter-spacing: .1px;
  text-decoration:none;
  gap:10px;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
  user-select:none;
  white-space: nowrap;
}
.cro-btn:active{ transform: translateY(1px); }
.cro-btn--primary{
  background: linear-gradient(135deg, rgba(124,92,255,1), rgba(45,212,191,1));
  border-color: rgba(255,255,255,.18);
  color: #0b0f18;
}
.cro-btn--ghost{
  background: rgba(255,255,255,.06);
  color: var(--cro-text);
}
.cro-btn--ghost:hover{ background: rgba(255,255,255,.09); }

/* Hero */
.cro-hero{ padding: 46px 0 34px; }
.cro-hero__grid{
  display:grid;
  grid-template-columns: 1.3fr .9fr;
  gap: 18px;
  align-items: stretch;
}
.cro-eyebrow{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border:1px solid var(--cro-border);
  color: var(--cro-faint);
  font-weight: 700;
  margin: 0 0 14px;
}
.cro-hero__title{ font-size: clamp(28px, 3.2vw, 46px); margin: 0 0 12px; line-height: 1.08; letter-spacing: -0.4px; }
.cro-hero__lead{ margin: 0 0 18px; color: var(--cro-muted); font-size: 17px; line-height: 1.55; }
.cro-hero__actions{ display:flex; flex-wrap:wrap; gap:10px; }

.cro-card{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid var(--cro-border);
  border-radius: var(--cro-radius);
  box-shadow: var(--cro-shadow);
  padding: 18px 18px;
  height: 100%;
}
.cro-card__title{ font-weight: 850; font-size: 16px; margin-bottom: 10px; letter-spacing: .2px; }
.cro-bullets{ margin:0; padding-left: 18px; color: var(--cro-muted); }
.cro-bullets li{ margin: 8px 0; }
.cro-card__footer{ margin-top: 14px; display:flex; }

/* Content */
.cro-content{ padding: 26px 0 56px; }
.cro-content--home{ padding-top: 0; }
.cro-title{ font-size: clamp(24px, 2.4vw, 38px); margin: 0 0 14px; letter-spacing: -0.3px; }
.cro-lead{ color: var(--cro-muted); font-size: 18px; line-height: 1.6; }

.cro-entry{
  color: var(--cro-text);
  line-height: 1.72;
  font-size: 18px;
}
.cro-entry p{ margin: 0 0 16px; }
.cro-entry strong{ font-weight: 820; }
.cro-entry em{ font-style: italic; }
.cro-entry a{
  color: rgba(45,212,191,1);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cro-entry a:hover{ opacity:.9; }
.cro-entry ul, .cro-entry ol{ padding-left: 22px; margin: 0 0 18px; }
.cro-entry li{ margin: 7px 0; }
.cro-entry h2, .cro-entry h3{
  margin: 26px 0 12px;
  line-height: 1.2;
  letter-spacing: -0.2px;
}
/* "Subtitles" (h3) style */
.cro-entry h3{
  color: var(--cro-text);
  opacity: .95;
  font-size: 20px;
}
blockquote, .wp-block-quote{
  background: var(--cro-quote-bg);
  border: 1px solid rgba(255,255,255,.14);
  border-left: 4px solid rgba(45,212,191,.65);
  border-radius: 16px;
  padding: 16px 18px;
  margin: 18px 0;
  color: #ffffff;
}
blockquote p{ margin: 0; color: rgba(255,255,255,.92); }

/* Featured image */
.cro-featured{
  border-radius: var(--cro-radius);
  overflow:hidden;
  border: 1px solid var(--cro-border);
  background: rgba(255,255,255,.03);
  margin: 16px 0 18px;
}

/* CTA box inside posts */
.cro-cta-box{
  border-radius: var(--cro-radius);
  border: 1px solid var(--cro-border);
  background: rgba(255,255,255,.05);
  padding: 16px 16px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin-top: 22px;
}
.cro-cta-box__title{ font-weight: 850; }
.cro-cta-box__actions{ display:flex; gap:10px; flex-wrap:wrap; }

/* Reviews/comments section */
.cro-reviews{
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid var(--cro-border);
}
.cro-section-title{ margin: 0 0 8px; font-size: 24px; }
.cro-section-lead{ margin: 0 0 16px; color: var(--cro-muted); }

.cro-comments{
  margin-top: 14px;
  padding: 16px;
  border-radius: var(--cro-radius);
  border: 1px solid var(--cro-border);
  background: rgba(255,255,255,.04);
}
.cro-comment-list{ margin: 0; padding-left: 0; list-style: none; display:flex; flex-direction:column; gap: 12px; }
.cro-comment-list .comment-body{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.20);
  border-radius: 16px;
  padding: 14px 14px;
}
.cro-comment-list .comment-meta{ color: var(--cro-faint); font-size: 14px; margin-bottom: 8px; }
.cro-comment-list .comment-meta a{ color: var(--cro-faint); text-decoration: none; }
.cro-comment-list .comment-author{ display:flex; align-items:center; gap:10px; }
.cro-comment-list .comment-author .fn{ font-weight: 800; color: var(--cro-text); }
.cro-comment-list .comment-content{ color: var(--cro-muted); font-size: 16px; }
.cro-comment-form textarea,
.cro-comment-form input[type="text"],
.cro-comment-form input[type="email"],
.cro-comment-form input[type="url"]{
  width: 100%;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  padding: 12px 12px;
  color: var(--cro-text);
  font-size: 16px;
  outline: none;
}
.cro-comment-form textarea:focus,
.cro-comment-form input:focus{
  border-color: rgba(45,212,191,.55);
  box-shadow: 0 0 0 4px rgba(45,212,191,.12);
}
.cro-comment-form label{ color: var(--cro-muted); font-weight: 700; }
.cro-note{ color: var(--cro-faint); font-size: 14px; }

.cro-code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  padding: 2px 6px;
  border-radius: 8px;
  color: var(--cro-text);
}

/* Footer */
.cro-footer{
  border-top: 1px solid var(--cro-border);
  background: rgba(0,0,0,.22);
  padding: 34px 0;
}
.cro-footer__grid{
  display:grid;
  grid-template-columns: 1.6fr 1fr 1fr 1.1fr;
  gap: 18px;
}
.cro-footer__brand{ font-weight: 900; letter-spacing: .2px; font-size: 18px; margin-bottom: 8px; }
.cro-footer__desc{ margin: 0 0 14px; color: var(--cro-muted); }
.cro-footer__title{ margin: 0 0 10px; font-size: 15px; color: var(--cro-text); opacity:.9; }
.cro-footer__menu{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap: 8px; }
.cro-footer__menu a{ color: var(--cro-muted); padding: 6px 8px; border-radius: 12px; display:inline-flex; }
.cro-footer__menu a:hover{ background: rgba(255,255,255,.06); color: var(--cro-text); }
.cro-footer__mini{ display:flex; flex-wrap:wrap; gap:10px; color: var(--cro-faint); font-size: 14px; }
.cro-footer__dot{ opacity:.7; }

/* Search */
.cro-search{ display:flex; gap:10px; align-items:center; margin-top: 10px; }
.cro-search__field{
  flex: 1 1 auto;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  padding: 12px 12px;
  color: var(--cro-text);
  font-size: 16px;
  outline:none;
}

/* Responsive - big font on mobile */
@media (max-width: 980px){
  .cro-hero__grid{ grid-template-columns: 1fr; }
  .cro-footer__grid{ grid-template-columns: 1fr 1fr; }
}

@media (max-width: 780px){.cro-nav{
  position: absolute;
  top: calc(100% + 8px);
  left: 0; right: 0;
  background: rgba(11,15,24,.96);
  border: 1px solid var(--cro-border);
  border-radius: 18px;
  padding: 10px 12px;
  box-shadow: 0 18px 48px rgba(0,0,0,.45);
  opacity: 0;
  transform: translateY(-12px);
  pointer-events: none;
}
.cro-nav.is-open{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.cro-nav__menu{
  flex-direction: column;
  align-items: stretch;
}
.cro-nav__menu a{
  justify-content: space-between;
}


  html{ font-size: 17px; } /* slightly larger base on mobile */
  .custom-logo{ max-height: 40px; }
  .cro-nav__toggle{ display:inline-flex; }
    .cro-nav__menu{ flex-direction: column; align-items: stretch; }
  .cro-nav__menu a{ justify-content: space-between; }
  .cro-header__cta{ justify-content:flex-end; }
  .cro-footer__grid{ grid-template-columns: 1fr; }
  .cro-entry{ font-size: 19px; } /* bigger reading size */
  .cro-cta-box{ flex-direction: column; align-items: flex-start; }
  .cro-search{ flex-direction: column; align-items: stretch; }
}

/* Rating aggregator */
.cro-rating-wrap{ margin: 18px 0 16px; }
.cro-rating-agg{ padding: 18px; }
.cro-rating-agg__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.cro-rating-agg__title{ font-weight: 900; letter-spacing:.2px; margin-bottom: 6px; }
.cro-rating-agg__meta{ color: var(--cro-muted); font-size: 14px; }
.cro-rating-agg__score{ text-align:right; min-width: 140px; }
.cro-rating-agg__avg{ font-size: 34px; font-weight: 950; letter-spacing: -0.4px; line-height: 1; }
.cro-rating-agg__stars{ margin-top: 6px; }
.cro-rating-agg__dist{ margin-top: 14px; display:flex; flex-direction:column; gap:10px; }

.cro-rating-row{ display:grid; grid-template-columns: 24px 1fr 40px; gap:10px; align-items:center; }
.cro-rating-row__label{ color: var(--cro-faint); font-weight: 850; text-align:center; }
.cro-rating-row__num{ color: var(--cro-muted); text-align:right; font-variant-numeric: tabular-nums; }
.cro-rating-row__bar{
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  overflow:hidden;
  position:relative;
}
.cro-rating-row__bar span{
  display:block;
  height:100%;
  width:0%;
  background: linear-gradient(135deg, rgba(124,92,255,1), rgba(45,212,191,1));
  border-radius: 999px;
}

.cro-stars{ display:inline-flex; gap:2px; }
.cro-star{ font-size: 14px; opacity: .35; }
.cro-star.is-on{ opacity: 1; }
.cro-comment-rating{ display:flex; align-items:center; gap:8px; margin-bottom: 8px; }
.cro-rating-num{ color: var(--cro-faint); font-size: 13px; font-weight: 800; }

/* Rating field */
.cro-field select{
  width: 100%;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  padding: 12px 12px;
  color: var(--cro-text);
  font-size: 16px;
  outline: none;
  appearance: none;
}
.cro-field__hint{ display:block; margin-top: 6px; color: var(--cro-faint); font-size: 13px; }

.cro-hero__card{ align-self: start; }

.cro-featured img  { width: 100% }
textarea {
	box-sizing: border-box;
  resize: none; /* Disables both horizontal and vertical resizing */
}

/* Hide comment avatars */
.cro-comment-list img.avatar{ display:none !important; }