/*
 * Astra 4.13.6 - reproduction of the inline dynamic CSS that
 * wp_add_inline_style( 'astra-theme-css', apply_filters( 'astra_dynamic_theme_css', '' ) )
 * emits for THIS site (Astra defaults + only migration flags in `astra-settings`,
 * Elementor 3.27.7 free, no Elementor Pro / WooCommerce / EDD / Astra Pro / dark palette,
 * Elementor Canvas page template, palette_1, LTR).
 *
 * Derived from:
 *   inc/core/class-astra-enqueue-scripts.php      (add_styles(): the return_output filters, wp_add_inline_style)
 *   inc/class-astra-dynamic-css.php               (Astra_Dynamic_CSS::return_output,
 *                                                  astra_default_forms_styling_dynamic_css,
 *                                                  all *_compatibility() gates)
 *   inc/core/class-astra-theme-options.php        (Astra_Theme_Options::defaults())
 *   inc/core/builder/class-astra-builder-options.php (global-color-palette default)
 *   inc/addons/heading-colors/class-astra-heading-colors-loader.php (h1-h6 + button font defaults)
 *   inc/class-astra-global-palette.php            (get_css_variable_prefix, global_border_compatibility)
 *   inc/dynamic-css/global-color-palette.php      (astra_generate_global_palette_style)
 *   inc/compatibility/class-astra-elementor.php   (enqueue_elementor_compatibility_styles,
 *                                                  generate_global_elementor_style)
 *   inc/core/common-functions.php                 (astra_parse_css, astra_get_font_css_value px+rem pairs,
 *                                                  astra_get_tablet_breakpoint() = 921,
 *                                                  astra_get_mobile_breakpoint() = 544)
 *
 * Resolved compatibility gates. astra_get_options() reads the RAW option array, so a key that is
 * present - even with the value false - makes isset() true and returns the "existing user" branch:
 *   astra_4_6_0_compatibility()                  = true   (v4-6-0-backward-option absent)
 *   astra_4_9_0_compatibility()                  = true   (v4-9-0-backward-option absent)
 *   astra_check_default_color_typo()             = true
 *   astra_check_is_structural_setup()            = true
 *   astra_button_default_padding_updated()       = true
 *   astra_has_gcp_typo_preset_compatibility()    = true
 *   support_font_css_to_widget_and_in_editor()   = true
 *   gutenberg_core_patterns_compat()             = true
 *   page_builder_button_style_css()              = true
 *   Astra_Builder_Helper::$is_header_footer_builder_active = true
 *   astra_4_4_0 / 4_5_0 / 4_6_2 / 4_6_4 / 4_6_14 / 4_8_0 / 4_8_2 / 4_8_4 / 4_8_9 / 4_11_12 = false
 *   astra_scndry_btn_default_padding()           = false  (scndry-btn-default-padding present)
 *   astra_core_form_btns_styling()               = false  (v4-2-2-core-form-btns-styling present)
 *   astra_button_consistency_compatibility()     = false  (btn-consist-comp present)
 *   heading_font_size_comp()                     = false  (astra-heading-font-size-compatibility present)
 *   astra_heading_inside_widget_font_size_comp() = false  (heading-widget-font-size present)
 *   elementor_heading_margin_style_comp()        = false  (elementor-headings-style present)
 *   elementor_container_padding_style_comp()     = false  (elementor-container-padding-style present)
 *   elementor_btn_styling_comp()                 = true   (elementor-btn-styling = true)
 *   anchors_in_css_selectors_heading()           = false  (include-headings-in-typography unset)
 *
 * NOTE on "elementor-btn-styling = true": the `body `-prefixed Elementor button selectors it
 * enables live inside the elementor_default_color_font_setting() branch. That helper reads the WP
 * options `elementor_disable_color_schemes` / `elementor_disable_typography_schemes`; Elementor
 * only writes them when the user ticks "Disable Default Colors" / "Disable Default Fonts", and this
 * site's Elementor kit (elementor-kit-8) is still on stock values, so both are unset and the helper
 * returns false. The Elementor button colour / typography / padding overrides are therefore NOT
 * emitted and `elementor-btn-styling` has no visible effect here. ASSUMPTION - if those two options
 * were ever ticked in Elementor > Settings > Style, Astra would additionally emit
 * `body .elementor-button.elementor-size-*` padding + radius and `.elementor-widget-button
 * .elementor-button` colour + typography rules reusing the button values in section 10.
 * The Elementor heading line-heights in section 10 ARE emitted unconditionally
 * (they only require ELEMENTOR_VERSION to be defined).
 *
 * NOTE on ordering: return_output() ends with `$parse_css .= $dynamic_css`, so the palette / border /
 * Elementor filters that ran before it are actually appended AFTER the main block. They are hoisted
 * to the top here because they are custom-property definitions (order-independent) and the brief
 * asked for them first. Everything else keeps Astra's emission order.
 *
 * Rules for Astra header / footer / sidebar / comments / archive / blog-layout / pagination /
 * WooCommerce / transparent-header markup are intentionally omitted: none of that markup exists on
 * an Elementor Canvas page (<body> > .elementor.elementor-{id} > sections).
 */

/* ==========================================================================
   1. Global colour palette  ->  inc/dynamic-css/global-color-palette.php
      palette_1 with $update_color_styles_with_presets = false,
      $update_colors_for_starter_library = false, $color_palette_reorganize = false,
      $update_color_for_forms_ui = true  (which is why colour 6 is #D1D5DB).
   ========================================================================== */
:root {
  --ast-global-color-0: #046bd2;
  --ast-global-color-1: #045cb4;
  --ast-global-color-2: #1e293b;
  --ast-global-color-3: #334155;
  --ast-global-color-4: #f9fafb;
  --ast-global-color-5: #FFFFFF;
  --ast-global-color-6: #D1D5DB;
  --ast-global-color-7: #cbd5e1;
  --ast-global-color-8: #94a3b8;
}

/* inc/class-astra-global-palette.php :: global_border_compatibility()
   astra_get_option( 'border-color' ) resolves to the palette default (reorder flag off). */
:root {
  --ast-border-color: var(--ast-global-color-6);
}

/* inc/compatibility/class-astra-elementor.php :: generate_global_elementor_style() (priority 11) */
:root {
  --e-global-color-astglobalcolor0: #046bd2;
  --e-global-color-astglobalcolor1: #045cb4;
  --e-global-color-astglobalcolor2: #1e293b;
  --e-global-color-astglobalcolor3: #334155;
  --e-global-color-astglobalcolor4: #f9fafb;
  --e-global-color-astglobalcolor5: #FFFFFF;
  --e-global-color-astglobalcolor6: #D1D5DB;
  --e-global-color-astglobalcolor7: #cbd5e1;
  --e-global-color-astglobalcolor8: #94a3b8;
}

/* Palette utility classes (same filter): four rules per palette index. */
:root .has-ast-global-color-0-color { color: var(--ast-global-color-0); }
:root .has-ast-global-color-0-background-color { background-color: var(--ast-global-color-0); }
:root .wp-block-button .has-ast-global-color-0-color { color: var(--ast-global-color-0); }
:root .wp-block-button .has-ast-global-color-0-background-color { background-color: var(--ast-global-color-0); }
:root .has-ast-global-color-1-color { color: var(--ast-global-color-1); }
:root .has-ast-global-color-1-background-color { background-color: var(--ast-global-color-1); }
:root .wp-block-button .has-ast-global-color-1-color { color: var(--ast-global-color-1); }
:root .wp-block-button .has-ast-global-color-1-background-color { background-color: var(--ast-global-color-1); }
:root .has-ast-global-color-2-color { color: var(--ast-global-color-2); }
:root .has-ast-global-color-2-background-color { background-color: var(--ast-global-color-2); }
:root .wp-block-button .has-ast-global-color-2-color { color: var(--ast-global-color-2); }
:root .wp-block-button .has-ast-global-color-2-background-color { background-color: var(--ast-global-color-2); }
:root .has-ast-global-color-3-color { color: var(--ast-global-color-3); }
:root .has-ast-global-color-3-background-color { background-color: var(--ast-global-color-3); }
:root .wp-block-button .has-ast-global-color-3-color { color: var(--ast-global-color-3); }
:root .wp-block-button .has-ast-global-color-3-background-color { background-color: var(--ast-global-color-3); }
:root .has-ast-global-color-4-color { color: var(--ast-global-color-4); }
:root .has-ast-global-color-4-background-color { background-color: var(--ast-global-color-4); }
:root .wp-block-button .has-ast-global-color-4-color { color: var(--ast-global-color-4); }
:root .wp-block-button .has-ast-global-color-4-background-color { background-color: var(--ast-global-color-4); }
:root .has-ast-global-color-5-color { color: var(--ast-global-color-5); }
:root .has-ast-global-color-5-background-color { background-color: var(--ast-global-color-5); }
:root .wp-block-button .has-ast-global-color-5-color { color: var(--ast-global-color-5); }
:root .wp-block-button .has-ast-global-color-5-background-color { background-color: var(--ast-global-color-5); }
:root .has-ast-global-color-6-color { color: var(--ast-global-color-6); }
:root .has-ast-global-color-6-background-color { background-color: var(--ast-global-color-6); }
:root .wp-block-button .has-ast-global-color-6-color { color: var(--ast-global-color-6); }
:root .wp-block-button .has-ast-global-color-6-background-color { background-color: var(--ast-global-color-6); }
:root .has-ast-global-color-7-color { color: var(--ast-global-color-7); }
:root .has-ast-global-color-7-background-color { background-color: var(--ast-global-color-7); }
:root .wp-block-button .has-ast-global-color-7-color { color: var(--ast-global-color-7); }
:root .wp-block-button .has-ast-global-color-7-background-color { background-color: var(--ast-global-color-7); }
:root .has-ast-global-color-8-color { color: var(--ast-global-color-8); }
:root .has-ast-global-color-8-background-color { background-color: var(--ast-global-color-8); }
:root .wp-block-button .has-ast-global-color-8-color { color: var(--ast-global-color-8); }
:root .wp-block-button .has-ast-global-color-8-background-color { background-color: var(--ast-global-color-8); }

/* ==========================================================================
   2. Astra core custom properties  ->  class-astra-dynamic-css.php, $css_output[':root']
      $article_space = 2.5em (4.6.0 defaults), structural defaults on, light palette.
   ========================================================================== */
:root {
  --ast-post-nav-space: 0;
  --ast-container-default-xlg-padding: 2.5em;
  --ast-container-default-lg-padding: 2.5em;
  --ast-container-default-slg-padding: 2em;
  --ast-container-default-md-padding: 2.5em;
  --ast-container-default-sm-padding: 2.5em;
  --ast-container-default-xs-padding: 2.4em;
  --ast-container-default-xxs-padding: 1.8em;
  --ast-code-block-background: #ECEFF3;
  --ast-comment-inputs-background: #F9FAFB;
  --ast-normal-container-width: 1200px;
  --ast-narrow-container-width: 750px;
  --ast-blog-title-font-weight: 600;
  --ast-blog-meta-weight: 600;
  --ast-global-color-primary: var(--ast-global-color-5);
  --ast-global-color-secondary: var(--ast-global-color-4);
  --ast-global-color-alternate-background: var(--ast-global-color-7);
  --ast-global-color-subtle-background: var(--ast-global-color-6);
  --ast-bg-style-guide: var( --ast-global-color-secondary, var(--ast-global-color-5) );
  --ast-shadow-style-guide: 0px 0px 4px 0 #00000057;
  --ast-global-dark-bg-style: #fff;
  --ast-global-dark-lfs: #fbfbfb;
  --ast-widget-bg-color: #fafafa;
  --ast-wc-container-head-bg-color: #fbfbfb;
  --ast-title-layout-bg: #eeeeee;
  --ast-search-border-color: #e7e7e7;
  --ast-lifter-hover-bg: #e6e6e6;
  --ast-gallery-block-color: #000;
  --srfm-color-input-label: var(--ast-global-color-2);
}

/* ==========================================================================
   3. Root font size, links, body typography
      font-size-body desktop = 16px  ->  html font-size = 16 * 6.25 = 100%.
      Astra prints px followed by the rem twin (value / body font size).
   ========================================================================== */
html {
  font-size: 100%;
}

/* $link_selector is the bare `a` because astra_check_is_structural_setup() is true. */
a {
  color: var(--ast-global-color-0);
}

a:hover,
a:focus {
  color: var(--ast-global-color-1);
}

body,
button,
input,
select,
textarea,
.ast-button,
.ast-custom-button {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: var(--ast-body-line-height, 1.65em);
}

/* `p, .entry-content p { margin-bottom: ... }` is not emitted: para-margin-bottom is empty. */

/* Astra declares the `blockquote` key twice in the same PHP array literal, so the later
   (colour) value wins and the rgba border-color from the first entry is discarded. */
blockquote {
  color: var(--ast-global-color-3);
}

/* ==========================================================================
   4. Headings  ->  conditional_headings_css_selectors() returns the NO-anchor variants.
      headings-font-family = inherit (dropped by astra_get_css_value( .., 'font' ))
      headings-font-weight = 600
      line-heights come straight from the font-extras-h1..h6 values in astra-settings.
   ========================================================================== */
h1, h2, h3, h4, h5, h6,
.entry-content :where(h1, h2, h3, h4, h5, h6),
.site-title,
.site-title a {
  font-weight: 600;
}

h1, .entry-content :where(h1) {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.4em;
}

h2, .entry-content :where(h2) {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.3em;
}

h3, .entry-content :where(h3) {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3em;
}

h4, .entry-content :where(h4) {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2em;
  font-weight: 600;
}

h5, .entry-content :where(h5) {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2em;
  font-weight: 600;
}

h6, .entry-content :where(h6) {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25em;
  font-weight: 600;
}

/* theme-color = var(--ast-global-color-0) = #046bd2 -> luminance 87.9 -> foreground #ffffff */
::selection {
  background-color: var(--ast-global-color-0);
  color: #ffffff;
}

body, h1, h2, h3, h4, h5, h6,
.entry-title a,
.entry-content :where(h1, h2, h3, h4, h5, h6) {
  color: var(--ast-global-color-3);
}

/* ==========================================================================
   5. Input accent colours  ->  $css_output "Input tags" section
   ========================================================================== */
input:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="reset"]:focus,
input[type="search"]:focus,
textarea:focus {
  border-color: var(--ast-global-color-0);
}

input[type="radio"]:checked,
input[type=reset],
input[type="checkbox"]:checked,
input[type="checkbox"]:hover:checked,
input[type="checkbox"]:focus:checked,
input[type=range]::-webkit-slider-thumb {
  border-color: var(--ast-global-color-0);
  background-color: var(--ast-global-color-0);
  box-shadow: none;
}

/* ==========================================================================
   6. Accessibility outlines
      site-accessibility-toggle = true (Astra default),
      site-accessibility-highlight-type = 'dotted',
      site-accessibility-highlight-input-type = 'disable' -> coerced to 'unset',
      both highlight colours unset -> 'inherit', so outline-color / border-color print 'inherit'
      and the empty border-color / outline-color entries are dropped by astra_parse_css().
      The original selector lists are long; WooCommerce members are already stripped by
      astra_parse_selector( .., 'wc' ), and the remaining Astra header / cart / mobile-drawer
      selectors are dropped here because that markup cannot exist on a Canvas page.
   ========================================================================== */
a:focus-visible,
.ast-button:focus,
.button.search-submit:focus-visible,
#search_submit:focus,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,
.wp-block-loginout input:focus-visible {
  outline-style: dotted;
  outline-color: inherit;
  outline-width: thin;
}

input:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="reset"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus,
.wp-block-search__input:focus {
  border-style: dotted;
  border-color: inherit;
  border-width: thin;
}

input {
  outline: none;
}

/* ==========================================================================
   7. Default form styling  ->  Astra_Dynamic_CSS::astra_default_forms_styling_dynamic_css()
      Reached only because astra_4_6_0_compatibility() is true.
      The Contact Form 7 and Gravity Forms extensions are skipped - neither plugin is installed.
      astra_button_consistency_compatibility() is false, so `a:where(.wp-block-button__link)`
      is NOT appended to the button selector below.
   ========================================================================== */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type=reset],
input[type=tel],
input[type=date],
select,
textarea {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
  padding: 12px 16px;
  border-radius: 4px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  color: var(--ast-form-input-text, #475569);
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type=reset],
input[type=tel],
input[type=date],
select {
  height: 40px;
}

input[type="date"] {
  border-width: 1px;
  border-style: solid;
  border-color: var(--ast-border-color);
  background: var( --ast-global-color-secondary, var(--ast-global-color-5) );
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type=reset]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
  border-color: var(--ast-global-color-0, #046BD2);
  box-shadow: none;
  outline: none;
  color: var(--ast-form-input-focus-text, #475569);
}

label,
legend {
  color: var(--ast-global-color-2, #111827 );
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

select {
  padding: 6px 10px;
}

fieldset {
  padding: 30px;
  border-radius: 4px;
}

button,
.ast-button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border-radius: 4px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

:root {
  --ast-comment-inputs-background: #FFF;
}

::placeholder {
  color: var(--ast-form-field-color, #9CA3AF);
}

::-ms-input-placeholder {
  color: var(--ast-form-field-color, #9CA3AF);
}

/* ==========================================================================
   8. Gutenberg outline button (gutenberg_core_patterns_compat() = true)
      Border widths resolve to empty because astra_button_default_padding_updated() is true
      and no custom button border size is set, so only the colours survive.
   ========================================================================== */
.wp-block-button.is-style-outline .wp-block-button__link {
  border-color: var(--ast-global-color-0);
}

div.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color),
div.wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color) {
  color: var(--ast-global-color-0);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus,
.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,
.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover {
  color: #ffffff;
  background-color: var(--ast-global-color-1);
  border-color: var(--ast-global-color-1);
}

/* ==========================================================================
   9. Secondary / outline button
      Every secondary-* colour is empty and gutenberg_core_patterns_compat() is true, so all
      values fall back to the primary button values. Secondary padding and radius are empty
      (astra_scndry_btn_default_padding() = false, astra_4_6_4_compatibility() = false), which is
      why $outline_button_selector keeps its short form and why the tablet / mobile secondary
      blocks produce no declarations at all and are therefore absent below.
   ========================================================================== */
.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button,
.ast-outline-button {
  border-color: var(--ast-global-color-0);
  font-family: inherit;
  font-weight: 500;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1em;
}

.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color),
.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color),
.ast-outline-button {
  color: var(--ast-global-color-0);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus,
.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,
.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover,
.ast-outline-button:hover,
.ast-outline-button:focus,
.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:hover,
.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:focus {
  color: #ffffff;
  background-color: var(--ast-global-color-1);
  border-color: var(--ast-global-color-1);
}

.wp-block-button .wp-block-button__link.wp-element-button.is-style-outline:not(.has-background),
.wp-block-button.is-style-outline > .wp-block-button__link.wp-element-button:not(.has-background),
.ast-outline-button {
  background-color: transparent;
}

/* ==========================================================================
   10. Global buttons  ->  page_builder_button_style_css() = true
       button-color and button-bg-color are empty, so:
         color            = astra_get_foreground_color( #046bd2 ) = #ffffff
         background-color = theme-color                          = var(--ast-global-color-0)
         hover color      = astra_get_foreground_color( #045cb4 ) = #ffffff
         hover background = link-h-color                         = var(--ast-global-color-1)
       theme-button-padding = 15 / 30 / 15 / 30 px (astra_button_default_padding_updated() = true)
       font-family-button = inherit, font-weight-button = 500, font-size-button = 16px,
       font-extras-button line-height = 1em; every button-radius field is empty.
       The `.woocommerce ...` selector group is empty (WC_VERSION undefined) and
       `#comments .submit, .search .search-submit` is absent (astra_core_form_btns_styling() = false),
       but `, .search .search-submit` IS appended via $search_page_btn_selector because
       astra_check_is_structural_setup() is true.
   ========================================================================== */
.wp-block-button .wp-block-button__link {
  color: #ffffff;
}

.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus {
  color: #ffffff;
  background-color: var(--ast-global-color-1);
  border-color: var(--ast-global-color-1);
}

/* Elementor heading line-heights - merged in because ELEMENTOR_VERSION is defined.
   Values are the h1-h6 line-heights from the font-extras-h* options. */
.elementor-widget-heading h1.elementor-heading-title { line-height: 1.4em; }
.elementor-widget-heading h2.elementor-heading-title { line-height: 1.3em; }
.elementor-widget-heading h3.elementor-heading-title { line-height: 1.3em; }
.elementor-widget-heading h4.elementor-heading-title { line-height: 1.2em; }
.elementor-widget-heading h5.elementor-heading-title { line-height: 1.2em; }
.elementor-widget-heading h6.elementor-heading-title { line-height: 1.25em; }

.wp-block-button .wp-block-button__link,
.wp-block-search .wp-block-search__button,
body .wp-block-file .wp-block-file__button {
  border-color: var(--ast-global-color-0);
  background-color: var(--ast-global-color-0);
  color: #ffffff;
  font-family: inherit;
  font-weight: 500;
  line-height: 1em;
  font-size: 16px;
  font-size: 1rem;
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 30px;
}

.menu-toggle,
button,
.ast-button,
.ast-custom-button,
.button,
input#submit,
input[type="button"],
input[type="submit"],
input[type="reset"],
form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
body .wp-block-file .wp-block-file__button,
.search .search-submit {
  border-style: solid;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  border-bottom-width: 0;
  color: #ffffff;
  border-color: var(--ast-global-color-0);
  background-color: var(--ast-global-color-0);
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 30px;
  font-family: inherit;
  font-weight: 500;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1em;
}

button:focus,
.menu-toggle:hover,
button:hover,
.ast-button:hover,
.ast-custom-button:hover .button:hover,
.ast-custom-button:hover,
input[type=reset]:hover,
input[type=reset]:focus,
input#submit:hover,
input#submit:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,
form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,
body .wp-block-file .wp-block-file__button:hover,
body .wp-block-file .wp-block-file__button:focus {
  color: #ffffff;
  background-color: var(--ast-global-color-1);
  border-color: var(--ast-global-color-1);
}

form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
  padding-top: calc(15px - 3px);
  padding-right: calc(30px - 3px);
  padding-bottom: calc(15px - 3px);
  padding-left: calc(30px - 3px);
}

/* ==========================================================================
   11. Elementor compatibility  ->  inc/compatibility/class-astra-elementor.php
       enqueue_elementor_compatibility_styles(); is_elementor_activated() is true for these pages.
       astra_can_remove_elementor_toc_margin_space() and astra_can_add_styling_for_hr() are both
       true (neither backward flag is present in astra-settings).
       The sidebar-stretched and WooCommerce-product rules from this filter are dropped.
   ========================================================================== */
.elementor-widget-heading .elementor-heading-title {
  margin: 0;
}

.elementor-page .ast-menu-toggle {
  color: unset;
  background: unset;
}

.elementor-post.elementor-grid-item.hentry {
  margin-bottom: 0;
}

.elementor-toc__list-wrapper {
  margin: 0;
}

body .elementor hr {
  background-color: #ccc;
  margin: 0;
}

.elementor-posts-container [CLASS*="ast-width-"] {
  width: 100%;
}

.elementor-template-full-width .ast-container {
  display: block;
}

.elementor-screen-only,
.screen-reader-text,
.screen-reader-text span,
.ui-helper-hidden-accessible {
  top: 0 !important;
}

/* ==========================================================================
   12. Astra icon font  ->  apply_filters( 'astra_enable_default_fonts', true )
       Astra emits ASTRA_THEME_URI-prefixed URLs; rewritten here for the static replica, where the
       font files live at /assets/vendor/astra/assets/fonts/.
       font-display comes from astra_get_fonts_display_property() = 'swap'.
   ========================================================================== */
@font-face {
  font-family: "Astra";
  src: url(/assets/vendor/astra/assets/fonts/astra.woff) format("woff"),
       url(/assets/vendor/astra/assets/fonts/astra.ttf) format("truetype"),
       url(/assets/vendor/astra/assets/fonts/astra.svg#astra) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ==========================================================================
   13. Container widths
       site-content-width = 1200  ->  .ast-container max-width 1240px above the tablet breakpoint.
       .ast-container is Astra chrome and is inert on a Canvas page; kept because the brief asked
       for the container widths. The authoritative values are the two :root custom properties
       --ast-normal-container-width / --ast-narrow-container-width in section 2.
   ========================================================================== */
@media (min-width: 544px) {
  .ast-container {
    max-width: 100%;
  }
}

@media (min-width: 922px) {
  .ast-container {
    max-width: 1240px;
  }
}

/* ==========================================================================
   14. Tablet  ->  astra_get_tablet_breakpoint() = 921
       heading_font_size_comp() is false, so the tablet h1 / h2 / h3 sizes go through
       astra_get_css_value( value, 'px', default ) and print as plain px with no rem twin.
       The tablet h4 / h5 / h6 and body font sizes are empty, so those rules are not emitted.
       Astra actually prints several separate @media (max-width:921px) blocks; they are merged
       here in emission order.
   ========================================================================== */
@media (max-width: 921px) {
  .wp-block-button .wp-block-button__link,
  .wp-block-search .wp-block-search__button,
  body .wp-block-file .wp-block-file__button {
    padding-top: 14px;
    padding-right: 28px;
    padding-bottom: 14px;
    padding-left: 28px;
  }

  .menu-toggle,
  button,
  .ast-button,
  .ast-custom-button,
  .button,
  input#submit,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
  body .wp-block-file .wp-block-file__button,
  .search .search-submit {
    padding-top: 14px;
    padding-right: 28px;
    padding-bottom: 14px;
    padding-left: 28px;
  }

  h1, .entry-content :where(h1) {
    font-size: 30px;
  }

  h2, .entry-content :where(h2) {
    font-size: 25px;
  }

  h3, .entry-content :where(h3) {
    font-size: 20px;
  }

  /* body font-size tablet is empty -> html falls back to 16 * 5.7 = 91.2% */
  html {
    font-size: 91.2%;
  }
}

/* ==========================================================================
   15. Mobile  ->  astra_get_mobile_breakpoint() = 544
   ========================================================================== */
@media (max-width: 544px) {
  .wp-block-button .wp-block-button__link,
  .wp-block-search .wp-block-search__button,
  body .wp-block-file .wp-block-file__button {
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
  }

  .menu-toggle,
  button,
  .ast-button,
  .ast-custom-button,
  .button,
  input#submit,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
  body .wp-block-file .wp-block-file__button,
  .search .search-submit {
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
  }

  h1, .entry-content :where(h1) {
    font-size: 30px;
  }

  h2, .entry-content :where(h2) {
    font-size: 25px;
  }

  h3, .entry-content :where(h3) {
    font-size: 20px;
  }

  /* body font-size mobile is empty -> html falls back to 16 * 5.7 = 91.2% */
  html {
    font-size: 91.2%;
  }
}