/*
Theme Name:   Respire USA
Theme URI:    https://respireusa.com
Description:  Divi child theme for Respire USA. Holds the design tokens and the directory templates. Static pages are built in Divi's Theme Builder; the directory archive and the organisation / entity profile are templated here in code, so the field-visibility rules can be read, diffed and reviewed in one place.
Author:       Synergistic Techs
Author URI:   https://synergistictechs.com
Template:     Divi
Version:      0.1.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  respire-child
*/

/* Component styles live in assets/css/. This file carries Divi overrides only, and is
   enqueued last so it wins against the parent theme. */

/* --------------------------------------------------------------------------
   Header logo
   --------------------------------------------------------------------------
   The horizontal lockup is 6.28:1. At Divi's default logo height it renders about
   370px wide, which pushes the search icon onto a second row and doubles the header
   height. Capping the height keeps the header on one line.
   -------------------------------------------------------------------------- */

#logo {
  max-height: 40px;
  width: auto;
}

/* Divi shrinks the logo on scroll with the fixed header; keep it proportional. */
.et-fixed-header #logo {
  max-height: 34px;
}

@media (max-width: 980px) {
  #logo { max-height: 36px; }
}

/* --------------------------------------------------------------------------
   Focus visibility
   --------------------------------------------------------------------------
   Divi suppresses focus outlines in several places. Keyboard users need them, and
   the directory is a navigation-heavy site.
   -------------------------------------------------------------------------- */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--r-focus);
  outline-offset: 2px;
}

/* Skip link target. */
#main-content:focus { outline: none; }