/*
// filename:  support-button-style.css
//
// Copyright 2022 Tehama Inc. and its affiliates or licensors
//
// description:  This stylesheet provides styling for support button found on most pages:
//
//        !!!!!! IGNORE THIS STYLESHEET - ITS CONTENTS ARE NOW DYNAMICALLY ADDED IN support-button-functions.js !!!!!!!
//
//               Essentially, this improves the accessibility of the support button.
//
//               Include the stylesheet in the iframe for the support button as follows:
//
//               Part A:
//                   1. Edit this css file.  (Repeat Part B and C whenever you edit this file.)
//
//               Part B:
//                   1. Upload this css file into the assets in the theme.  (Replace what is already there.)
//                   2. Preview the theme.
//                   3. Go to any previewed page.
//                   4. Inspect the page.
//                   5. Look under Sources.
//                   6. Locate this css file under the "theme.zdassets.com/theme_asserts/9496920" folder.
//                      (Its name will be a long incomprehensible string with .css at the end.  The string changes
//                      each time you replace the uploaded file.)
//                   7. Right click on the file and copy its link address.
//
//               Part C:
//                   1. Open the support-button-functions.js script file.
//                   2. Search for "support-button-style.css asset file".  This is a comment in the file.
//                   3. Replace the link.href in the line with the comment with the new link address you got in
//                      Part B.
//                   4. Save the script file.
//                   5. Upload the script file into the assets tin the theme.  (Replace what is already there.)
//
*/

/* Add a rule to improve the styling to the support button when it is in focus.  The support button already */
/* has a class that provides focus styling, called "wrapper-3hgZT", but it is difficult to see.  This new   */
/* class is meant to provide better, more visible focus styling.                                            */
.tehama-docs-class-support-button:focus {
    box-shadow: inset 0 0 0 0.41429rem rgb(255 255 255 / 40%);
}