/*
 Theme Name: PokaTheme Black Child – CasinoRetiroRapido Neon
 Theme URI: https://www.casinoretirorapido.pe/
 Description: Child theme overriding PokaTheme with neon synthwave aesthetic and click-only T&C popup. No Additional CSS required.
 Author: Illia
 Template: pokatheme
 Version: 1.3.0
*/

/* =========================================================
   CASINO RETIRO RÁPIDO – COMPLETE NEON THEME (PINK / AQUA)
   Clean consolidated sheet — Oct 2025
   ========================================================= */

/* ---------- VARIABLES ---------- */
:root{
  --crr-pink:#fb55c3; /* neon pink */
  --crr-aqua:#00ffff; /* neon aqua */
  --crr-radius:16px;  /* default radius */
  --crr-ink:#ffffff;  /* pure white */
  --crr-bg:#0f1220;   /* dark base */
}

/* ---------- GLOBAL TYPOGRAPHY (safe) ---------- */
html, body { color: var(--crr-ink); background: var(--crr-bg); }
.entry-content, .site-content { color: var(--crr-ink); }
.entry-content a, .site-content a { color: var(--crr-pink); text-decoration: none; }
.entry-content a:hover, .site-content a:hover { color: var(--crr-aqua); }

/* ---------- UTILITIES ---------- */
.glow-pink{ box-shadow:0 0 0 1px rgba(251,85,195,.35), 0 0 28px rgba(251,85,195,.25); }
.glow-aqua{ box-shadow:0 0 0 1px rgba(0,255,255,.35), 0 0 36px rgba(0,255,255,.30); }
.outline-pink{ outline:2px solid var(--crr-pink); outline-offset:-2px; }
.outline-aqua{ outline-color:var(--crr-aqua); }

/* =========================================================
   HOMEPAGE REVIEW CARDS (Poka .review-box)
   ========================================================= */
.home .review-box{
  border:2px solid var(--crr-pink);
  border-radius:var(--crr-radius);
  box-shadow:0 0 0 1px rgba(251,85,195,.30), 0 0 18px rgba(251,85,195,.20);
  transition:border-color .25s, box-shadow .25s, transform .2s;
}
.home .review-box:hover{
  border-color:var(--crr-aqua);
  box-shadow:0 0 0 1px rgba(0,255,255,.35), 0 0 24px rgba(0,255,255,.28);
  transform:translateY(-2px);
}

/* =========================================================
   TABLES (WordPress core tables + Poka styles)
   ========================================================= */
.entry-content .wp-block-table,
.entry-content table{
  width:100%;
  border-collapse:separate; border-spacing:0;
  border:2px solid var(--crr-pink);
  border-radius:12px; overflow:hidden;
  box-shadow:0 0 0 1px rgba(251,85,195,.30), 0 0 18px rgba(251,85,195,.20);
}
.entry-content table thead th{
  color:#fff; font-weight:700;
  background:rgba(255,255,255,.04);
}
.entry-content table th,
.entry-content table td{
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:12px 14px; color:#fff;
}
.entry-content table tr:hover td{
  background:rgba(0,255,255,.08);
  transition: background .2s ease;
}
.entry-content table tr:last-child td{ border-bottom:none; }

/* =========================================================
   LUCKYWP TABLE OF CONTENTS
   ========================================================= */
.lwptoc{
  position:relative; border-radius:var(--crr-radius);
  border:2px solid var(--crr-pink); padding:18px 20px;
  background:radial-gradient(120% 120% at 10% 0%,
    rgba(251,85,195,.06) 0%,
    rgba(0,255,255,.05) 38%,
    rgba(15,18,32,.92) 100%);
  box-shadow:0 0 0 1px rgba(251,85,195,.30), 0 0 18px rgba(251,85,195,.20);
  transition:border-color .25s, box-shadow .25s, transform .25s;
}
.lwptoc:hover{
  border-color:var(--crr-aqua);
  box-shadow:0 0 0 1px rgba(0,255,255,.35), 0 0 24px rgba(0,255,255,.28);
  transform:translateY(-2px);
}
.lwptoc_title{
  font-weight:800; margin-bottom:.6em;
  background:linear-gradient(90deg,var(--crr-pink),var(--crr-aqua));
  -webkit-background-clip:text; background-clip:text;
  color:transparent !important;
}
.lwptoc_items .lwptoc_item a,
.lwptoc_items .lwptoc_item a:link,
.lwptoc_items .lwptoc_item a:visited{ color:var(--crr-pink) !important; }
.lwptoc_items .lwptoc_item a:hover,
.lwptoc_items .lwptoc_item a:focus{
  color:var(--crr-aqua) !important; text-shadow:0 0 8px rgba(0,255,255,.55);
}

/* =========================================================
   HERO / BANNER
   ========================================================= */
.crr-hero{
  position:relative; overflow:visible; z-index:0; border-radius:12px;
  box-shadow:inset 0 0 24px rgba(251,85,195,.22),
             0 0 0 1px rgba(251,85,195,.35),
             0 0 28px rgba(251,85,195,.22);
  transition:box-shadow .35s, transform .3s;
}
.crr-hero::after{
  content:""; position:absolute; inset:-3px; border-radius:12px;
  outline:2px solid var(--crr-pink); outline-offset:-2px;
  box-shadow:0 0 0 1px rgba(251,85,195,.35), 0 0 28px rgba(251,85,195,.25);
  pointer-events:none; z-index:3; transition:outline-color .25s, box-shadow .25s;
}
.crr-hero:hover{
  box-shadow:inset 0 0 28px rgba(0,255,255,.20),
             0 0 0 1px rgba(0,255,255,.35),
             0 0 36px rgba(0,255,255,.28);
  transform:translateY(-2px);
}
.crr-hero:hover::after{
  outline-color:var(--crr-aqua);
  box-shadow:0 0 0 1px rgba(0,255,255,.35), 0 0 36px rgba(0,255,255,.30);
}

/* =========================================================
   LOGO
   ========================================================= */
.site-logo img, .custom-logo, img[alt*="Casino Retiro Rápido"]{
  filter:drop-shadow(0 0 12px rgba(251,85,195,.45))
         drop-shadow(0 0 28px rgba(251,85,195,.25));
  transition:filter .3s, transform .2s;
}
.site-logo img:hover, .custom-logo:hover, img[alt*="Casino Retiro Rápido"]:hover{
  filter:drop-shadow(0 0 16px rgba(0,255,255,.55))
         drop-shadow(0 0 36px rgba(0,255,255,.35));
  transform:scale(1.02);
}

/* =========================================================
   BUTTONS
   ========================================================= */
button, input[type="submit"], .wp-block-button__link{
  color:#fff !important;
  background:linear-gradient(90deg,var(--crr-pink),var(--crr-aqua));
  border:none; border-radius:var(--crr-radius); cursor:pointer;
  transition:filter .25s, transform .25s;
}
button:hover, input[type="submit"]:hover, .wp-block-button__link:hover{
  filter:brightness(1.1); transform:translateY(-1px);
}

/* === FIX: “Juega Ahora / Play Now” button font color === */
.btn,
.btn-primary,
.btn--full,
.review-box-actions a,
.review-box-actions .btn,
.review-box-actions a span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
}
.review-box-actions a:hover,
.btn:hover {
  color: var(--crr-aqua) !important;
}

/* =========================================================
   FOOTER
   ========================================================= */
footer, footer *{ color:#ccc; }
footer a:hover{ color:var(--crr-aqua) !important; }

/* =========================================================
   MEDIA
   ========================================================= */
@media (max-width:700px){
  .lwptoc{ padding:14px 16px; }
  .lwptoc_items .lwptoc_item::before{ display:none; }
}
.lwptoc_title{
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: #ffffff !important;
  text-shadow: none !important;
}

/* =========================================================
   CLICK-ONLY T&C POPUP (desktop + mobile)
   ========================================================= */

/* Tooltip container */
.review-extra-links .tooltip {
  position: relative;
  display: inline-block;
}

/* Clickable label */
.review-extra-links .tooltip-label {
  position: relative;
  display: inline-block;
  padding: 2px 4px; /* hitbox */
  cursor: pointer;
  color: var(--crr-pink, #fb55c3);
  text-decoration: underline dotted;
  transition: color .2s ease, text-shadow .2s ease;
  pointer-events: auto;
  z-index: 10;
}
.review-extra-links .tooltip-label:hover {
  color: var(--crr-aqua, #00ffff);
  text-shadow: 0 0 6px rgba(0,255,255,.45);
}

/* Popup box */
.tooltip-text {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 30px;
  bottom: 30px;
  width: min(92vw, 720px);
  max-height: 70vh;
  overflow-y: auto;
  background: rgba(18,18,28,.98);
  color: #fff;
  border: 1px solid rgba(251,85,195,.35);
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(0,0,0,.55),
              0 0 18px rgba(251,85,195,.25);
  padding: 16px 18px;
  z-index: 999999;
  display: none;
  opacity: 0;
  transition: opacity .25s ease;
}
.tooltip-text.is-open {
  display: block;
  opacity: 1;
}

/* Mobile adjustments */
@media (max-width: 767px) {
  .tooltip-text {
    top: 10px;
    bottom: 10px;
    width: 94vw;
    max-height: 75vh;
  }
}

/* Ensure popups aren’t clipped by parent cards */
.review-box-actions,
.review-box,
.review-box-wrap,
.review-box-info {
  overflow: visible !important;
}
/* =========================================================
   FIX: Header and Footer Background Override
   ========================================================= */
.site-header,
#header,
header.site-header,
footer,
#footer {
  background-color: var(--crr-bg) !important;
  background: var(--crr-bg) !important;
  color: var(--crr-ink) !important;
}

footer,
footer * {
  color: var(--crr-ink) !important;
}

.site-header a,
footer a {
  color: var(--crr-pink) !important;
}

.site-header a:hover,
footer a:hover {
  color: var(--crr-aqua) !important;
}