/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.4
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Hello Elementor's reset.css sets `button { white-space: nowrap }`, which is
   inherited by the span inside .faq__question and stops long FAQ questions
   wrapping on narrow viewports. Rev 5 has no such rule; restore normal wrapping. */
.faq__question,
.faq__question > span {
  white-space: normal;
}

/* Hello Elementor (theme.css + header-footer.css) boxes .site-header and
   .site-footer into its own content width (500/600/800/1140px), centres them
   with margin-inline:auto, and adds flex + padding-block to the header.
   Rev 5 keeps both elements full-bleed and centres only the inner .container,
   so those declarations are reset here. Selectors mirror Hello's
   :not(.dynamic-*) specificity; this file loads after theme.css. */
.site-header:not(.dynamic-header),
.site-footer:not(.dynamic-footer) {
  width: auto;
  max-width: none;
  margin-inline: 0;
  padding-inline: 0;
}

.site-header:not(.dynamic-header) {
  display: block;
  padding-block: 0;
}

/* Hello Elementor's reset.css styles every <button> with its own pink accent:
   [type="button"]:focus, [type="button"]:hover, button:focus, button:hover
   { background-color:#c36; color:#fff }
   That out-specifies Rev 5's .nav-toggle (0,2,0 vs 0,1,0), so tapping or
   hovering the mobile menu button turned it magenta with white bars
   (.nav-toggle__bars uses currentColor). Rev 5 defines no hover/focus state,
   so every state keeps the resting treatment. Colours only - size, position,
   radius, transitions and behaviour are untouched. */
.nav-toggle:hover,
.nav-toggle:focus,
.nav-toggle:active,
.nav-toggle[aria-expanded="true"] {
  background: none;
  border-color: var(--border-light);
  color: var(--text-primary);
}

/* Hello Elementor's reset.css sets `a { color: #c36 }`, which the logo link
   inherits. It paints nothing today (the link holds only an <img>), but
   outline-color resolves from currentColor, so keyboard focus drew a pink
   ring. Rev 5 keeps the brand link on the ink colour. */
.site-header__brand {
  color: var(--text-primary);
}