/* tapo-overrides.css: Gary's live CSS tweaks, loaded last. Rules in BRIEF.md. One block per change. */

/* footer newsletter, Gary 10-10: orange button covered the placeholder; keep text clear of the 165px button (171px from edge incl. 6px offset); !important needed to beat innerpages.css */
.footer-newsletter-widget #newsletterForm input.form_control { padding-right: 177px !important; }

/* footer newsletter button, Gary 10-10: blinking orange (Spiced Amber glow pulse, stays readable) */
@keyframes tapo-nl-blink {
  0%, 100% { box-shadow: 0 0 0 0 rgba(226, 148, 63, 0.75); filter: brightness(1); }
  50% { box-shadow: 0 0 0 10px rgba(226, 148, 63, 0); filter: brightness(1.12); }
}
/* footer newsletter button: run the blink */
.footer-newsletter-widget .form-group .submit-btn { animation: tapo-nl-blink 1.4s ease-in-out infinite; }
/* footer newsletter button: stop the blink on hover */
.footer-newsletter-widget .form-group .submit-btn:hover { animation: none; }
/* footer newsletter button: no blink for visitors who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .footer-newsletter-widget .form-group .submit-btn { animation: none; }
}

/* footer newsletter, Gary 10-10, option A: footer column is col-xl-3 (25% from min-width 1200px, only 280px wide), too narrow for input + 165px button; stack the button under the input, full width. DOM and tab order unchanged. */
@media (min-width: 1200px) {
  .footer-newsletter-widget #newsletterForm input.form_control { padding-right: 18px !important; }
  .footer-newsletter-widget #newsletterForm .form-group .submit-btn {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    margin-top: 10px !important;
    justify-content: center !important;
  }
}

/* header right icons, Gary 10-10: basket and heart too close to the account pill. Even gaps; 992-1199 nets zero extra width (menu stays on one row, only 10px slack there) */
@media (min-width: 992px) {
  header .nav-right-item .nav-button .cartbtn { padding-left: 24px; }
  header .nav-right-item .nav-button a.favoritebtn-f { margin-left: 8px; padding-left: 16px; }
}
/* header right icons, 1200px and up: more room, 28px gaps pill > basket > heart */
@media (min-width: 1200px) {
  header .nav-right-item .nav-button .cartbtn { padding-left: 28px; }
  header .nav-right-item .nav-button a.favoritebtn-f { margin-left: 0; padding-left: 28px; }
}

/* my-account S&S promo "Double the earn", Gary 10-10: no faint dashed divider left of (or above, on phone) the coin circle */
.sub-empty .se-proof { border-left-width: 0; border-top-width: 0; }
/* my-account S&S promo coin circle, Gary 10-10: single border only, no second animated outer ring */
.sub-empty .se-multiplier::before { border-width: 0; animation: none; }