/* AB Elegent Global Button Effect
 * Add this class to any Elementor Button widget Advanced > CSS Classes:
 * ab-elegent-hover-btn
 */
.ab-elegent-hover-btn .elementor-button,
.elementor-button.ab-elegent-hover-btn,
a.ab-elegent-hover-btn,
button.ab-elegent-hover-btn {
  --ab-elegent-btn-navy: #15125D;
  --ab-elegent-btn-gold: #C8B57A;
  --ab-elegent-btn-white: #ffffff;
  min-height: 56px;
  border-radius: 999px !important;
  padding: 0 24px !important;
  color: var(--ab-elegent-btn-white) !important;
  background: var(--ab-elegent-btn-navy) !important;
  border: 1px solid var(--ab-elegent-btn-navy) !important;
  box-shadow: 0 18px 40px rgba(21,18,93,0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 13px !important;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.1px;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  text-decoration: none !important;
  transition:
    transform 0.34s cubic-bezier(.19,1,.22,1),
    box-shadow 0.34s ease,
    color 0.28s ease,
    border-color 0.28s ease !important;
}

.ab-elegent-hover-btn .elementor-button::before,
.elementor-button.ab-elegent-hover-btn::before,
a.ab-elegent-hover-btn::before,
button.ab-elegent-hover-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ab-elegent-btn-white);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.46s cubic-bezier(.19,1,.22,1);
  z-index: -1;
}

.ab-elegent-hover-btn .elementor-button > *,
.elementor-button.ab-elegent-hover-btn > *,
a.ab-elegent-hover-btn > *,
button.ab-elegent-hover-btn > * {
  position: relative;
  z-index: 2;
}

.ab-elegent-hover-btn .elementor-button .elementor-button-icon,
.elementor-button.ab-elegent-hover-btn .elementor-button-icon,
a.ab-elegent-hover-btn .elementor-button-icon,
button.ab-elegent-hover-btn .elementor-button-icon {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(255,255,255,0.13);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    transform 0.32s ease,
    background 0.32s ease,
    color 0.32s ease;
}

.ab-elegent-hover-btn .elementor-button:hover,
.elementor-button.ab-elegent-hover-btn:hover,
a.ab-elegent-hover-btn:hover,
button.ab-elegent-hover-btn:hover {
  color: var(--ab-elegent-btn-navy) !important;
  transform: translateY(-3px);
  border-color: rgba(200,181,122,0.82) !important;
  box-shadow: 0 24px 48px rgba(21,18,93,0.20) !important;
}

.ab-elegent-hover-btn .elementor-button:hover::before,
.elementor-button.ab-elegent-hover-btn:hover::before,
a.ab-elegent-hover-btn:hover::before,
button.ab-elegent-hover-btn:hover::before {
  transform: scaleX(1);
  transform-origin: left center;
}

.ab-elegent-hover-btn .elementor-button:hover .elementor-button-icon,
.elementor-button.ab-elegent-hover-btn:hover .elementor-button-icon,
a.ab-elegent-hover-btn:hover .elementor-button-icon,
button.ab-elegent-hover-btn:hover .elementor-button-icon {
  background: var(--ab-elegent-btn-navy);
  color: var(--ab-elegent-btn-white);
  transform: translateX(4px);
}

/* AB Elegent Consultation Button
 * Add this class to an Elementor Button widget: Advanced > CSS Classes
 * ab-elegent-consultation-btn
 */
.elementor-widget-button.ab-elegent-consultation-btn .elementor-button,
.elementor-button.ab-elegent-consultation-btn {
  --ab-elegent-consultation-navy: #15125D;
  --ab-elegent-consultation-white: #ffffff;
  --ab-elegent-consultation-sweep: #000000;
  --ab-elegent-consultation-normal-bg: #C8B57A;
  --ab-elegent-consultation-hover-bg: #C8B57A;
  --ab-elegent-consultation-text: #000000;
  --ab-elegent-consultation-hover-text: #000000;
  --ab-elegent-consultation-icon-bg: #15125D;
  --ab-elegent-consultation-hover-icon-bg: #FFFFFF;
  --ab-elegent-consultation-icon-color: #FFFFFF;
  --ab-elegent-consultation-hover-icon-color: #000000;
  --ab-elegent-consultation-border-normal: #FFFFFF;
  --ab-elegent-consultation-border-hover: #FFFFFF;
  --ab-elegent-consultation-border-style: solid;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 11px !important;
  min-height: 48px !important;
  padding: 0 18px 0 22px !important;
  border: 1px var(--ab-elegent-consultation-border-style) var(--ab-elegent-consultation-border-normal) !important;
  border-radius: 999px !important;
  color: var(--ab-elegent-consultation-text) !important;
  background: var(--ab-elegent-consultation-normal-bg) !important;
  box-shadow: 0 18px 50px rgba(10,8,45,0.26) !important;
  font-family: "Montserrat", "Inter", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  transition: transform 0.24s ease, box-shadow 0.24s ease, color 0.24s ease, border-color 0.24s ease !important;
}

.elementor-widget-button.ab-elegent-consultation-btn .elementor-button::before,
.elementor-button.ab-elegent-consultation-btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  background: var(--ab-elegent-consultation-hover-bg) !important;
  transform: translateX(-102%) !important;
  transition: transform 0.42s cubic-bezier(.22,.9,.22,1) !important;
  pointer-events: none !important;
}

.elementor-widget-button.ab-elegent-consultation-btn .elementor-button::after,
.elementor-button.ab-elegent-consultation-btn::after {
  content: "↗" !important;
  position: relative !important;
  z-index: 1 !important;
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--ab-elegent-consultation-icon-color) !important;
  background: var(--ab-elegent-consultation-icon-bg) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  transition: transform 0.24s ease, background 0.24s ease, color 0.24s ease !important;
}

.elementor-widget-button.ab-elegent-consultation-btn .elementor-button-content-wrapper,
.elementor-button.ab-elegent-consultation-btn .elementor-button-content-wrapper,
.elementor-widget-button.ab-elegent-consultation-btn .elementor-button-text,
.elementor-button.ab-elegent-consultation-btn .elementor-button-text {
  position: relative !important;
  z-index: 1 !important;
  color: inherit !important;
}

.elementor-widget-button.ab-elegent-consultation-btn .elementor-button-icon,
.elementor-button.ab-elegent-consultation-btn .elementor-button-icon {
  display: none !important;
}

.elementor-widget-button.ab-elegent-consultation-btn .elementor-button:hover,
.elementor-widget-button.ab-elegent-consultation-btn .elementor-button:focus,
.elementor-button.ab-elegent-consultation-btn:hover,
.elementor-button.ab-elegent-consultation-btn:focus {
  color: var(--ab-elegent-consultation-hover-text) !important;
  border-color: var(--ab-elegent-consultation-border-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 22px 60px rgba(10,8,45,0.34) !important;
}

.elementor-widget-button.ab-elegent-consultation-btn .elementor-button:hover::before,
.elementor-widget-button.ab-elegent-consultation-btn .elementor-button:focus::before,
.elementor-button.ab-elegent-consultation-btn:hover::before,
.elementor-button.ab-elegent-consultation-btn:focus::before {
  transform: translateX(0) !important;
}

.elementor-widget-button.ab-elegent-consultation-btn .elementor-button:hover::after,
.elementor-widget-button.ab-elegent-consultation-btn .elementor-button:focus::after,
.elementor-button.ab-elegent-consultation-btn:hover::after,
.elementor-button.ab-elegent-consultation-btn:focus::after {
  color: var(--ab-elegent-consultation-hover-icon-color) !important;
  background: var(--ab-elegent-consultation-hover-icon-bg) !important;
  transform: rotate(45deg) !important;
}


/* Apply Button class color settings to the existing header CTA using this same class.
 * The header renders an <a> instead of an Elementor Button; do not alter its layout or motion.
 */
a.eolh26_cta_link.ab-elegent-consultation-btn {
  background: var(--ab-elegent-consultation-normal-bg) !important;
  color: var(--ab-elegent-consultation-text) !important;
  border-style: var(--ab-elegent-consultation-border-style) !important;
  border-color: var(--ab-elegent-consultation-border-normal) !important;
}
a.eolh26_cta_link.ab-elegent-consultation-btn::before {
  background: var(--ab-elegent-consultation-hover-bg) !important;
}
a.eolh26_cta_link.ab-elegent-consultation-btn::after {
  background: var(--ab-elegent-consultation-icon-bg) !important;
  color: var(--ab-elegent-consultation-icon-color) !important;
}
a.eolh26_cta_link.ab-elegent-consultation-btn:hover,
a.eolh26_cta_link.ab-elegent-consultation-btn:focus {
  color: var(--ab-elegent-consultation-hover-text) !important;
  border-color: var(--ab-elegent-consultation-border-hover) !important;
}
a.eolh26_cta_link.ab-elegent-consultation-btn:hover::after,
a.eolh26_cta_link.ab-elegent-consultation-btn:focus::after {
  background: var(--ab-elegent-consultation-hover-icon-bg) !important;
  color: var(--ab-elegent-consultation-hover-icon-color) !important;
}

/* Single post responsive link safety
 * Keep Gutenberg paragraph/list links at the surrounding text size on tablet/mobile,
 * and allow long URLs/link labels to wrap without widening the post layout.
 * Scoped to single-post content only; buttons and widget CTA links are excluded.
 */
@media (max-width: 1024px) {
  body.single-post .wp-block-paragraph a:not(.elementor-button):not(.wp-element-button):not(.wp-block-button__link),
  body.single-post p.wp-block-paragraph a:not(.elementor-button):not(.wp-element-button):not(.wp-block-button__link),
  body.single-post .wp-block-list a:not(.elementor-button):not(.wp-element-button):not(.wp-block-button__link),
  body.single-post .wp-block-list li a:not(.elementor-button):not(.wp-element-button):not(.wp-block-button__link),
  body.single-post .entry-content a:not(.elementor-button):not(.wp-element-button):not(.wp-block-button__link),
  body.single-post .post-content a:not(.elementor-button):not(.wp-element-button):not(.wp-block-button__link),
  body.single-post .page-content a:not(.elementor-button):not(.wp-element-button):not(.wp-block-button__link),
  body.single-post .wp-block-post-content a:not(.elementor-button):not(.wp-element-button):not(.wp-block-button__link),
  body.single-post .elementor-widget-theme-post-content a:not(.elementor-button):not(.wp-element-button):not(.wp-block-button__link) {
    display: inline !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 1em !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
  }

  body.single-post .wp-block-paragraph,
  body.single-post .wp-block-list,
  body.single-post .wp-block-list li,
  body.single-post .entry-content,
  body.single-post .post-content,
  body.single-post .page-content,
  body.single-post .wp-block-post-content,
  body.single-post .elementor-widget-theme-post-content,
  body.single-post .elementor-widget-theme-post-content .elementor-widget-container {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
  }
}