/* Rias — Tarot Widget (shortcode [kr_tarot]) */
.mystic-tarot-widget,.mystic-tarot-widget *,.mystic-tarot-widget *::before,.mystic-tarot-widget *::after{ margin:0; padding:0; box-sizing:border-box; }
.mystic-tarot-widget{
  font-family:'EB Garamond',Georgia,serif; font-size:16px; color:#f5f0e8; line-height:1.5;
  padding:44px 24px 80px; position:relative; border-radius:16px;
  background:radial-gradient(at 50% 0%,#2a1660 0%,#0f0a2e 55%,#0d0a1a 100%);
  overflow:hidden; display:block; width:100%; margin:24px 0;
}
.mystic-tarot-widget::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:
    radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.6),transparent),
    radial-gradient(1px 1px at 25% 40%,rgba(255,255,255,.4),transparent),
    radial-gradient(1px 1px at 40% 8%,rgba(255,255,255,.5),transparent),
    radial-gradient(1px 1px at 65% 25%,rgba(255,255,255,.4),transparent),
    radial-gradient(1px 1px at 80% 12%,rgba(255,255,255,.5),transparent),
    radial-gradient(1px 1px at 90% 35%,rgba(255,255,255,.4),transparent),
    radial-gradient(1px 1px at 55% 5%,rgba(255,255,255,.5),transparent);
}
.mystic-tarot-widget>*{ position:relative; z-index:1; }
.tw-header{ text-align:center; margin-bottom:36px; }
.tw-ornament{ color:#c9a84c; font-size:18px; letter-spacing:8px; margin-bottom:14px; display:block; opacity:.8; }
.tw-h1{ font-family:Cinzel,serif; font-size:clamp(22px,4vw,36px); font-weight:700; color:#f5f0e8;
  letter-spacing:2px; margin:0 0 14px; line-height:1.2;
  text-shadow:0 2px 16px rgba(0,0,0,.7),0 0 40px rgba(201,168,76,.35); }
.tw-subtitle{ font-style:italic; font-size:17px; font-weight:500; color:#ccc5bb; margin:0; }
.tw-subtitle strong{ color:#e8c97a; font-style:normal; font-weight:600; }
.tw-progress-wrap{ display:flex; align-items:center; gap:16px; margin-bottom:28px; }
.tw-progress-bg{ flex:1; height:4px; background:rgba(255,255,255,.1); border-radius:2px; overflow:hidden; }
.tw-progress-fill{ height:100%; width:0%; background:linear-gradient(90deg,#8b6914,#e8c97a);
  border-radius:2px; transition:width .4s cubic-bezier(.4,0,.2,1); }
.tw-progress-count{ font-family:Cinzel,serif; font-size:13px; font-weight:600; color:#e8c97a;
  min-width:40px; text-align:right; letter-spacing:1px; }
.tw-actions{ display:flex; gap:12px; margin-bottom:32px; flex-wrap:wrap; }
.tw-btn{ font-family:Cinzel,serif; font-size:11px; font-weight:600; letter-spacing:2px;
  padding:10px 22px; border-radius:40px; cursor:pointer; border:1px solid rgba(201,168,76,.45);
  transition:.25s; display:inline-flex; align-items:center; gap:8px; background:none; line-height:1; text-decoration:none; }
.tw-btn-shuffle{ background:rgba(201,168,76,.14); color:#e8c97a; }
.tw-btn-shuffle:hover{ background:rgba(201,168,76,.26); color:#f0d98a; }
.tw-btn-restart{ background:transparent; color:rgba(245,240,232,.6); border-color:rgba(255,255,255,.15); }
.tw-btn-restart:hover{ color:#f5f0e8; border-color:rgba(255,255,255,.35); }
.tw-section-label{ text-align:center; font-family:Cinzel,serif; font-size:12px; letter-spacing:4px;
  color:rgba(201,168,76,.7); margin-bottom:20px; }
.tw-card-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:12px; margin-bottom:44px; }
.tw-card-wrap{ perspective:800px; }
.tw-card-wrap.dealing{ animation:.45s cubic-bezier(.22,1,.36,1) both twCardDeal; }
.tw-card{ width:100%; aspect-ratio:2/3.5; position:relative; transform-style:preserve-3d;
  transition:transform .55s cubic-bezier(.4,0,.2,1); cursor:pointer; border-radius:10px; }
.tw-card.flipped{ transform:rotateY(180deg); pointer-events:none; cursor:default; }
.tw-card:not(.flipped):hover{ transform:translateY(-8px) scale(1.06);
  filter:drop-shadow(0 0 12px rgba(201,168,76,.9)) drop-shadow(0 0 28px rgba(201,168,76,.6)) drop-shadow(0 16px 32px rgba(0,0,0,.5)); }
.tw-card-face{ position:absolute; inset:0; border-radius:10px; backface-visibility:hidden; overflow:hidden; }
.tw-card-back{ background:#1a0f3c; border:2px solid rgba(201,168,76,.5); display:flex; align-items:center; justify-content:center; }
.tw-card-back::before{ content:""; position:absolute; inset:6px; border:1px solid rgba(201,168,76,.25); border-radius:6px; pointer-events:none; }
.tw-eye{ width:46px; height:46px; opacity:.85; position:relative; z-index:1; display:block; }
.tw-card-front{ transform:rotateY(180deg); background:#1a1020; border:2px solid #c9a84c; box-shadow:0 0 20px rgba(201,168,76,.3); }
.tw-card-front img{ width:100%; height:100%; object-fit:cover; border-radius:8px; display:block; }
.tw-card-label{ position:absolute; bottom:0; left:0; right:0;
  background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.5) 60%,transparent 100%);
  padding:24px 6px 7px; text-align:center; font-family:Cinzel,serif; font-size:10px; font-weight:600;
  color:#f0d98a; z-index:1; line-height:1.3; }
.tw-badge{ position:absolute; top:6px; left:6px; width:20px; height:20px; border-radius:50%;
  background:#c9a84c; color:#0d0a1a; font-family:Cinzel,serif; font-size:9px; font-weight:700;
  display:flex; align-items:center; justify-content:center; z-index:2; }
.tw-reading{ display:none; opacity:0; transform:translateY(30px); transition:opacity .6s,transform .6s; }
.tw-reading.visible{ display:block; }
.tw-reading.animate{ opacity:1; transform:translateY(0); }
.tw-divider{ height:1px; background:linear-gradient(90deg,transparent,rgba(201,168,76,.4),transparent); margin:40px 0; border:none; }
.tw-reading-title{ text-align:center; margin-bottom:32px; }
.tw-reading-title h2{ font-family:Cinzel,serif; font-size:clamp(20px,4vw,30px); font-weight:700;
  color:#f5f0e8; letter-spacing:2px; margin:0 0 8px; }
.tw-reading-title p{ font-style:italic; color:#b8b2aa; font-size:16px; margin:0; }
.tw-result-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:20px; margin-bottom:48px; }
.tw-result-card{ background:rgba(255,255,255,.07); border:1px solid rgba(201,168,76,.3);
  border-radius:12px; overflow:hidden; animation:.5s ease both twCardAppear; }
.tw-result-img{ position:relative; height:180px; overflow:hidden; }
.tw-result-img img{ width:100%; height:100%; object-fit:cover; object-position:center top; display:block; }
.tw-result-num{ position:absolute; top:10px; left:10px; width:26px; height:26px; border-radius:50%;
  background:#c9a84c; color:#0d0a1a; font-family:Cinzel,serif; font-size:11px; font-weight:700;
  display:flex; align-items:center; justify-content:center; }
.tw-result-body{ padding:16px 18px 20px; }
.tw-result-icon{ font-size:22px; margin-bottom:6px; display:block; line-height:1; }
.tw-result-name{ font-family:Cinzel,serif; font-size:14px; font-weight:600; color:#e8c97a;
  margin-bottom:10px; letter-spacing:.5px; display:block; }
.tw-result-text{ font-size:15px; color:#d8d2ca; line-height:1.55; }
.tw-cta-wrap{ text-align:center; }
.tw-btn-cta{ display:inline-block; font-family:Cinzel,serif; font-size:14px; font-weight:700;
  letter-spacing:1px; padding:16px 40px; border-radius:40px; background:linear-gradient(90deg,#8b6914,#e8c97a);
  color:#1a1020; text-decoration:none; box-shadow:0 8px 24px rgba(201,168,76,.35); transition:.25s; }
.tw-btn-cta:hover{ transform:translateY(-2px); box-shadow:0 12px 30px rgba(201,168,76,.5); }
@keyframes twCardDeal{ 0%{opacity:0;transform:translateY(-40px) rotateY(90deg) scale(.7);}
  60%{transform:translateY(4px) rotateY(-8deg) scale(1.02);} 100%{opacity:1;transform:translateY(0) rotateY(0) scale(1);} }
@keyframes twCardAppear{ 0%{opacity:0;transform:translateY(20px);} 100%{opacity:1;transform:translateY(0);} }

/* ============================================================
   FIX v1.7.2 — legibilidade (vence o tema) + espaçamento enxuto
   O tema do site sobrescreve cor de h2/p; aqui forçamos com !important
   e escopo .mystic-tarot-widget pra ganhar especificidade.
   ============================================================ */

/* --- COR DOS TEXTOS (forçado contra o tema) --- */
.mystic-tarot-widget .tw-h1{ color:#f7efdc !important; }
.mystic-tarot-widget .tw-subtitle{ color:#d8cfc2 !important; }
.mystic-tarot-widget .tw-subtitle strong{ color:#f0d98a !important; }
.mystic-tarot-widget .tw-section-label,
.mystic-tarot-widget .tw-progress-count{ color:#e8c97a !important; }
.mystic-tarot-widget .tw-reading-title h2{ color:#f7efdc !important; }
.mystic-tarot-widget .tw-reading-title p{ color:#c4bdb2 !important; }
.mystic-tarot-widget .tw-result-name{ color:#f0d98a !important; }
.mystic-tarot-widget .tw-result-text{ color:#e7e1d6 !important; }
.mystic-tarot-widget .tw-card-label{ color:#f0d98a !important; }
.mystic-tarot-widget .tw-btn-cta{ color:#1a1020 !important; }
.mystic-tarot-widget .tw-btn-shuffle{ color:#e8c97a !important; }
.mystic-tarot-widget .tw-btn-restart{ color:#d8d2ca !important; }
/* fundo dos cards de resultado um pouco mais claro pra contraste */
.mystic-tarot-widget .tw-result-card{ background:rgba(255,255,255,.10) !important; }

/* --- ESPAÇAMENTO ENXUTO (estava muito comprido / vazio) --- */
.mystic-tarot-widget{ padding:30px 20px 34px !important; }
.mystic-tarot-widget .tw-header{ margin-bottom:22px !important; }
.mystic-tarot-widget .tw-progress-wrap{ margin-bottom:18px !important; }
.mystic-tarot-widget .tw-actions{ margin-bottom:18px !important; }
.mystic-tarot-widget .tw-section-label{ margin-bottom:14px !important; }
/* cards menores e menos altos -> ocupam o espaço sem alongar a página */
.mystic-tarot-widget .tw-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(86px,1fr)) !important;
  gap:10px !important; margin-bottom:8px !important;
}
.mystic-tarot-widget .tw-card{ aspect-ratio:2/3 !important; }
.mystic-tarot-widget .tw-divider{ margin:26px 0 !important; }
.mystic-tarot-widget .tw-reading-title{ margin-bottom:22px !important; }
.mystic-tarot-widget .tw-result-grid{
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr)) !important;
  gap:14px !important; margin-bottom:28px !important;
}
.mystic-tarot-widget .tw-result-img{ height:120px !important; }

/* mobile: cards ainda menores pra caber 3-4 por linha sem esticar */
@media(max-width:480px){
  .mystic-tarot-widget{ padding:24px 14px 28px !important; }
  .mystic-tarot-widget .tw-card-grid{ grid-template-columns:repeat(4,1fr) !important; gap:8px !important; }
  .mystic-tarot-widget .tw-result-grid{ grid-template-columns:repeat(2,1fr) !important; }
}

/* ============================================================
   GUARDA ANTI-ANÚNCIO: impede Auto Ads/Ad Inserter de injetar
   dentro dos jogos (tarot, popups, cards). Esconde + JS remove.
   ============================================================ */
.mystic-tarot-widget .google-auto-placed,
.mystic-tarot-widget ins.adsbygoogle,
.mystic-tarot-widget .code-block,
.mystic-tarot-widget [id*="div-gpt"],
.qo__card .google-auto-placed,
.qo__card ins.adsbygoogle,
.shx-wrap .google-auto-placed,
.shx-wrap ins.adsbygoogle,
.kr-card .google-auto-placed,
.kr-card ins.adsbygoogle { display:none !important; height:0 !important; min-height:0 !important; margin:0 !important; }