/* LottoLuma — Unified navigational icon system / 20 Oct 2026
   Applied after all earlier theme/layout styles, consistently across all 35 pages.
   SVGs are decorative; link labels, control semantics and input behavior are preserved. */

.lo-unified-icon { display:inline-block; width:14px; height:14px; flex:0 0 14px; vertical-align:-.14em; fill:none; color:inherit; pointer-events:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
a > .lo-unified-icon, button > .lo-unified-icon { margin-inline-start:4px; }
.country-lottery-arrow .lo-unified-icon, .atlas-marker-chevron .lo-unified-icon {width:14px;height:14px;display:block;}
.country-expand-icon {display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;line-height:1!important;color:inherit;}
.country-expand-icon .lo-unified-icon {display:block;width:14px;height:14px;}
.country-expand[aria-expanded="true"] .country-expand-icon {transform:rotate(180deg);}
.atlas-game-switch-chevron, .atlas-tool-chevron {display:inline-flex;align-items:center;justify-content:center;line-height:1!important;}
.atlas-game-switch-chevron .lo-unified-icon, .atlas-tool-chevron .lo-unified-icon {width:14px;height:14px;}
.atlas-game-switch-details[open] .atlas-game-switch-chevron,
.atlas-tool-menu[open] .atlas-tool-chevron {transform:rotate(180deg);}
.atlas-marker-chevron {display:inline-flex!important;align-items:center;justify-content:center;line-height:1!important;}
.atlas-globe-marker[aria-expanded="true"] .atlas-marker-chevron {transform:rotate(180deg);}
.orbit-intel-crosslink .lo-unified-icon, .atlas-trust-actions .lo-unified-icon {vertical-align:-.16em;}

/* Replace browser-dependent native select triangles with a single crisp chevron.
   Restrict to single-select inputs; multi-select controls retain native behavior. */
html[data-theme] body select:not([multiple]):not([size]),
html[data-theme] #siteHeader select:not([multiple]):not([size]) {
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23265776' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-size:14px 14px!important;
  background-position:right 12px center!important;
  background-repeat:no-repeat!important;
  padding-right:max(32px,2.5em)!important;
}
html[data-theme="dark"] body select:not([multiple]):not([size]),
html[data-theme="dark"] #siteHeader select:not([multiple]):not([size]) {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6eafa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
}
/* Accordion toggles that inherited heavy + / minus characters now use the same chevron.
   These override older pseudo-element declarations without changing <details> behavior. */
html[data-theme] body[data-game] :is(.details-block,.atlas-more-actions,.compact-rule-details,.ultra-draw-facts,.ultra-selection-method,.ultra-odd-even-help) > summary:not(.lo-tool-summary)::after,
html[data-theme] body[data-game] .left-sidebar > .panel.guide > summary::after,
html[data-theme] body.faq-page .faq-plus::before {
  content:""!important;
  display:inline-block!important;
  width:14px!important;height:14px!important;
  min-width:14px!important;
  margin-left:auto!important;
  border:0!important;
  border-radius:0!important;
  background:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat!important;
  transform:none!important;
  transition:transform .18s ease!important;
  opacity:.9!important;
}
html[data-theme] body[data-game] :is(.details-block,.atlas-more-actions,.compact-rule-details,.ultra-draw-facts,.ultra-selection-method,.ultra-odd-even-help)[open] > summary:not(.lo-tool-summary)::after,
html[data-theme] body[data-game] .left-sidebar > .panel.guide[open] > summary::after,
html[data-theme] body.faq-page .faq-item[open] .faq-plus::before {
  content:""!important;
  transform:rotate(180deg)!important;
}
/* The studio History / Draw Checker cards use an independent stylised toggle. */
html[data-theme] body[data-game].vp-site-studio .lo-tool-summary .lo-tool-toggle::before {
  content:""!important;
  width:16px!important;height:16px!important;
  border-radius:0!important;
  background:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat!important;
  transform:translate(-50%,-50%)!important;
  transition:transform .18s ease!important;
}
html[data-theme] body[data-game].vp-site-studio .lo-tool-summary .lo-tool-toggle::after {content:none!important;display:none!important;}
html[data-theme] body[data-game].vp-site-studio details[open] > summary.lo-tool-summary .lo-tool-toggle::before {transform:translate(-50%,-50%) rotate(180deg)!important;}
/* Old FAQ/legacy navigation pseudo glyphs are decorative and can clash with SVGs. */
html[data-theme] body .nav-links a::after {content:none!important;}

@media(prefers-reduced-motion:reduce) {
  .country-expand-icon,.atlas-game-switch-chevron,.atlas-marker-chevron,
  html[data-theme] body[data-game] summary::after,
  html[data-theme] body[data-game].vp-site-studio .lo-tool-summary .lo-tool-toggle::before {transition:none!important;}
}
/* Finish the two legacy pseudo-element external-link arrows used outside the header. */
html[data-theme] body .atlas-preview-game-name::after,
html[data-theme] body.contact-page .atlas-side-card:nth-child(2)::before {
  content:""!important;
  display:inline-block!important;
  width:14px!important;height:14px!important;
  background:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center / contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center / contain no-repeat!important;
}