/* ATREYA_LANDING_DUPLICATE_BUTTONS_R2_CSS
   Surgical landing-only duplicate-control fix.
   The approved hero artwork, chakra, page geometry and theme engine remain untouched.
   On desktop LIGHT theme, the existing real controls are moved over the baked visual
   controls so there is only one visible/clickable pair. Dark/mobile remain unchanged. */

@media (min-width: 901px) {
  html[data-theme="light"] #themeToggle.atreya-r2-merged-control,
  html[data-theme="light"] #motionToggle.atreya-r2-merged-control {
    position: fixed !important;
    z-index: 2147483000 !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
  }

  /* Slightly fuller light control skins deliberately cover the baked artwork beneath. */
  html[data-theme="light"] #themeToggle.atreya-r2-merged-control {
    min-width: 0 !important;
    padding: 5px 13px 5px 6px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(153,99,17,.30) !important;
    background: linear-gradient(180deg,rgba(255,252,246,.985),rgba(247,235,214,.98)) !important;
    box-shadow: 0 12px 30px rgba(103,67,17,.18), inset 0 1px #fff, 0 0 22px rgba(212,151,51,.11) !important;
    color: #67400d !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
  }

  html[data-theme="light"] #motionToggle.atreya-r2-merged-control {
    min-width: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1px solid rgba(154,100,18,.28) !important;
    background: rgba(255,250,241,.985) !important;
    box-shadow: 0 10px 26px rgba(102,68,18,.16), inset 0 1px #fff !important;
    color: #81500d !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  html[data-theme="light"] #themeToggle.atreya-r2-merged-control:hover,
  html[data-theme="light"] #motionToggle.atreya-r2-merged-control:hover {
    transform: none !important;
  }
}