/* LottoLuma — targeted 20 Oct 2026 spacing/link background repair.
   Visual changes only; generators, card exports and rules are untouched. */

/* Studio sidebar: give the actions and reference panel their own breathing room. */
body[data-game].vp-site-studio .left-sidebar {
  display:flex;
  flex-direction:column;
  gap:18px;
  min-width:0;
}
body[data-game].vp-site-studio .left-sidebar > .panel {
  min-width:0;
  margin:0!important;
}
body[data-game].vp-site-studio .left-sidebar > .panel:first-child .panel-inner {
  padding-bottom:18px;
}
body[data-game].vp-site-studio .left-sidebar #generate {
  margin-bottom:10px;
}
body[data-game].vp-site-studio .left-sidebar .atlas-more-actions {
  margin:0!important;
  padding:0 12px 12px!important;
  border-radius:12px!important;
}
body[data-game].vp-site-studio .left-sidebar .atlas-more-actions > summary {
  min-height:47px;
  padding:12px 1px!important;
  line-height:1.45!important;
  letter-spacing:0!important;
}
body[data-game].vp-site-studio .left-sidebar .atlas-more-actions .action-cluster {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px!important;
  margin:4px 0 0!important;
}
body[data-game].vp-site-studio .left-sidebar .atlas-more-actions .action-cluster .button {
  width:100%;
  min-width:0;
  min-height:38px;
  padding:9px 6px!important;
  line-height:1.35!important;
  white-space:normal;
  border-radius:10px;
}
body[data-game].vp-site-studio .left-sidebar .panel-inner > p.control-caption:last-child {
  margin:14px 0 0!important;
  line-height:1.65!important;
}
/* The outer rules card was pressed against the first panel and its content. */
body[data-game].vp-site-studio .left-sidebar > details.panel.guide {
  margin:0!important;
  padding:0 17px 17px!important;
  border-radius:15px!important;
}
body[data-game].vp-site-studio .left-sidebar > details.panel.guide > summary {
  min-height:47px;
  padding:14px 0!important;
  line-height:1.45!important;
}
body[data-game].vp-site-studio .left-sidebar > details.panel.guide[open] > summary {
  margin-bottom:13px!important;
  border-bottom:1px solid var(--vp-line,#d7e5ec);
}
body[data-game].vp-site-studio .left-sidebar > details.panel.guide > .eyebrow {
  display:block;
  margin:0 0 8px!important;
  line-height:1.35!important;
}
body[data-game].vp-site-studio .left-sidebar > details.panel.guide > h3 {
  margin:0 0 10px!important;
  font-size:15px!important;
  line-height:1.3!important;
}
body[data-game].vp-site-studio .left-sidebar > details.panel.guide > p {
  margin:0 0 15px!important;
  font-size:10.5px!important;
  line-height:1.65!important;
}
body[data-game].vp-site-studio .left-sidebar > details.panel.guide > a.reference-link {
  display:inline-flex;
  align-items:center;
  width:auto;
  max-width:100%;
  margin:0 0 2px!important;
  padding:0!important;
  line-height:1.6;
  overflow-wrap:anywhere;
}
body[data-game].vp-site-studio .left-sidebar > details.panel.guide > p:last-child {
  margin:12px 0 0!important;
  padding-top:12px;
  border-top:1px solid var(--vp-line,#d7e5ec);
  line-height:1.6!important;
}
/* Homepage: no tinted slab and no second "button" behind each game name.
   Keep a generous target, clear typography, and a subtle hover/focus indicator. */
html[data-theme] body.visual-perfection-home #gameCatalog .country-tile .country-lottery-links,
html[data-theme] body.visual-perfection-home #gameCatalog .country-tile.country-open .country-lottery-links {
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border-top:0!important;
  border-radius:0!important;
  padding:3px 0 0!important;
  margin-top:9px!important;
}
html[data-theme] body.visual-perfection-home #gameCatalog .country-tile .country-lottery-links::before,
html[data-theme] body.visual-perfection-home #gameCatalog .country-tile .country-lottery-links::after {
  background:none!important;
  box-shadow:none!important;
}
html[data-theme] body.visual-perfection-home #gameCatalog .country-tile .country-lottery-link {
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:9px!important;
  padding:11px 10px!important;
  min-height:43px;
  text-decoration:none!important;
}
html[data-theme="light"] body.visual-perfection-home #gameCatalog .country-tile .country-lottery-link {
  color:#165786!important;
}
html[data-theme="dark"] body.visual-perfection-home #gameCatalog .country-tile .country-lottery-link {
  color:#e4f2ff!important;
}
html[data-theme="light"] body.visual-perfection-home #gameCatalog .country-tile .country-lottery-link:hover,
html[data-theme="light"] body.visual-perfection-home #gameCatalog .country-tile .country-lottery-link:focus-visible {
  background:rgba(35,123,178,.07)!important;
}
html[data-theme="dark"] body.visual-perfection-home #gameCatalog .country-tile .country-lottery-link:hover,
html[data-theme="dark"] body.visual-perfection-home #gameCatalog .country-tile .country-lottery-link:focus-visible {
  background:rgba(146,203,237,.09)!important;
}
html[data-theme] body.visual-perfection-home #gameCatalog .country-tile .country-lottery-link:focus-visible {
  outline:2px solid #2c95ba!important;
  outline-offset:1px!important;
}
@media(max-width:650px){
  body[data-game].vp-site-studio .left-sidebar{gap:15px}
  body[data-game].vp-site-studio .left-sidebar > details.panel.guide{padding:0 15px 15px!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-theme] body.visual-perfection-home #gameCatalog .country-tile .country-lottery-link {transition:none!important}
}
