/* ─────────────────────────────────────────────────────────────────
   20-elementor.css — Elementor-specific CSS overrides

   Architecture: Layer 2a in the BQ CSS layering strategy. Loaded on
   wp_enqueue_scripts priority 20 from consulting-child/functions.php.

   v2.0 (2026-04-26): Migrated from ephemeral element-ID selectors
   (.elementor-element-XXXXX) to stable CSS classes assigned via
   Elementor editor's "Advanced → CSS Classes" field. Classes are
   set on settings.css_classes AND settings._css_classes per widget
   in _elementor_data — both are required because Elementor renders
   different fields depending on element type (sections render
   css_classes, widgets render _css_classes).

   Class assignments (editable via Elementor editor):
   - .bq-hidden            → section d58f83c on /, image 1bef783 on /priser/
   - .bq-fullwidth-column  → column be37f31 on /en/
   - .bq-cta-orange        → button e0a1b01 on /bokforing-nystartade-aktiebolag/

   To apply these classes to additional widgets: in Elementor editor,
   select the widget → Advanced tab → CSS Classes → add the class name.
   ───────────────────────────────────────────────────────────────── */

/* Generic hide-class for legacy/unused widgets that should be removed
   eventually but kept for now to avoid breaking page layouts. */
.bq-hidden {
    display: none !important;
}

/* Force a column to take full width — used on /en/ on the column that
   needs to span the parent container. */
.bq-fullwidth-column {
    width: 100% !important;
}

/* Orange CTA-button in the site accent color. !important + high
   specificity (0,3,2): the theme's inline global styles paint all
   Elementor buttons teal and load AFTER this file, and the button's own
   Elementor post-CSS gets dropped from Seraphinite's CSS bundles on some
   pages — so this rule must win on specificity, not load order. */
div.elementor-widget-button.bq-cta-orange a.elementor-button,
div.elementor-widget-button.bq-cta-orange .elementor-button {
    background-color: #EF7C1A !important;
    color: #fff !important;
}
div.elementor-widget-button.bq-cta-orange a.elementor-button:hover,
div.elementor-widget-button.bq-cta-orange a.elementor-button:focus,
div.elementor-widget-button.bq-cta-orange .elementor-button:hover,
div.elementor-widget-button.bq-cta-orange .elementor-button:focus {
    background-color: #D96B13 !important;
    color: #fff !important;
}