/**
 * Authorized Retailers - Account form styles
 *
 * Author:  MJ Bomar
 * Version: 1.1.0
 *
 * What this file does:
 * The looks for the Authorized Retailers opt-in section on the My Account
 * "Account details" page: the box around the whole section, the greyed-out
 * look the business fields take on while the opt-in checkbox is unchecked,
 * and the extra-address pieces (the dashed line above each added address,
 * and the "Add another address" and "Remove this address" links, styled as
 * plain purple text links to match the rest of the section). Moved out of
 * the account form PHP (it used to print as an inline style block) on
 * 2026-07-17 so it loads as a real stylesheet with cache busting, and only
 * on the account page.
 *
 * Changelog:
 * 1.1.0 (2026-07-29) - Added the extra-address styles: each added address
 *   group sits under a dashed divider with a small "Additional address"
 *   heading and its remove link on the right, and the add/remove controls
 *   render as purple text links rather than buttons so the section keeps
 *   its current look.
 * 1.0.0 (2026-07-17) - First version as its own file. Same two rules the
 *   inline block carried.
 */

/* Grey out the business detail fields while the opt-in box is unchecked */
#srx_ar_biz input[disabled]{opacity:.55;background:#f6f6f8;}

/* The box around the whole Authorized Retailers section */
.srx-ar-optin-fieldset { border:1px solid #d9d9d9; padding:1.25rem; }

/* Each extra address group: a dashed line to set it apart, with its small
   heading and the remove link sitting on one row above the fields */
.srx-ar-extra-location { border-top:1px dashed #d9d9d9; margin-top:1.25rem; padding-top:1rem; }
.srx-ar-extra-head { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:.5rem; }
.srx-ar-extra-title { font-weight:600; }

/* The add and remove controls are real buttons for accessibility, but they
   dress as plain purple text links so the section keeps its current look */
.srx-ar-add-address, .srx-ar-remove-address {
  background:none; border:none; padding:0;
  color:#783687; text-decoration:underline;
  font-size:.95rem; line-height:1.4; cursor:pointer;
}
.srx-ar-add-address:hover:not([disabled]), .srx-ar-remove-address:hover:not([disabled]) { text-decoration:none; }
.srx-ar-add-address[disabled], .srx-ar-remove-address[disabled] { opacity:.55; cursor:not-allowed; text-decoration:none; }

/* A little air above the add link so it reads as the section's last action */
.srx-ar-add-row { margin-top:1rem; }