/*
 Theme Name:   Hello Elementor Child
 Theme URI:    http://example.com
 Description:  Child theme for Hello Elementor
 Author:       Your Name
 Template:     hello-elementor
 Version:      1.1.23
*/

/* Add your custom CSS below this line */

body:has(#wpadminbar) .elementor-location-header {
  top: 32px;
}

@media screen and (max-width: 768px) {
  body:has(#wpadminbar) .elementor-location-header {
    top: 46px;
  }

  body:has(#wpadminbar) .elementor-location-header.scrolled {
    top: 0;
  }
}

.um-form,
.um .um-field-label,
.um .um-form input {
  font-family: "Inter", Sans-serif !important;
  color: #4A5565 !important;
}

input[type=submit].um-button,
.um-request-button,
.wc-block-components-button,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
  background-color: #FF6B35 !important;
  color: #fff !important;
  border: none !important;
  padding: 12px 24px !important;
  font-family: "Inter", Sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  transition: all 0.3s ease !important;
  border-radius: 4px !important;
}

.wc-block-components-button__text {
  font-family: "Inter", Sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #fff !important;
}

input[type=submit].um-button:hover,
.wc-block-components-button:hover,
.um-request-button:hover {
  box-shadow: 0px 10px 28px 0px rgba(0,0,0,0.5) !important;
}

a.um-button.um-alt {
  background-color: transparent !important;
  color: #4A5565 !important;
  border: 1px solid #FF6B35 !important;
  padding: 12px 24px !important;
  font-family: "Inter", Sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  transition: all 0.3s ease !important;
  border-radius: 4px !important;
}

a.um-button.um-alt:hover {
  box-shadow: 0px 10px 28px 0px rgba(0,0,0,0.5) !important;
}

.elementor-location-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000000;
  transition: all 0.3s ease;
}

.elementor-widget-button {
  display: flex;
}

.elementor-location-header.scrolled {
  background-color: #1A1F3A;
  transition: all 0.3s ease;
}

.single-product .elementor-location-header,
.um-page .elementor-location-header,
.woocommerce-cart .elementor-location-header,
.woocommerce-checkout .elementor-location-header {
  background-color: #1A1F3A;
}

.wp-block-woocommerce-cart {
  margin-inline: 0 !important;
}

.woocommerce-cart .wc-block-grid__product-title {
  color: #101828 !important;
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 700 !important;
}


.woocommerce-message {
  margin-top: 70px;
  margin-bottom: 0;
}

.button.wc-forward {
  background-color: #FF6B35 !important;
  color: #fff !important;
  border: none !important;
  padding: 12px 24px !important;
  font-family: "Inter", Sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  transition: all 0.3s ease !important;
}

.button.wc-forward:hover {
  box-shadow: 0px 10px 28px 0px rgba(0,0,0,0.5) !important;
}

@media screen and (min-width: 1024px) {
  .wc-block-checkout__sidebar {
    top: 80px !important;
  }
}

@media screen and (min-width: 1024px) {
  .hide-desktop {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .hide-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .elementor-nav-menu:after {
    display: none !important;
  }

  .logged-in .login,
  .logged-in .sign-up {
    display: none !important;
  }

  .elementor-nav-menu .account {
    margin-top: auto !important;
    display: none !important;
  }

  .logged-in .elementor-nav-menu .account {
    display: block !important;
  }

  .elementor-widget-theme-site-logo {
    display: flex;
  }

  footer .elementor-widget-image {
    display: flex;
  }
}

@media screen and (max-width: 1024px) {
  body:has(.elementor-active),
  html:has(.elementor-active) {
    overflow: hidden;
  }
  .elementor-menu-toggle {
    z-index: 9998 !important;
  }

  .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    margin-top: 0 !important;
    height: 100svh;
    padding: 100px 32px 55px 32px;
  }

  .elementor-nav-menu--toggle,
  .elementor-widget-theme-site-logo {
    position: static !important;
  }

  header.elementor-location-header .elementor-nav-menu {
    display: flex;
    flex-direction: column;
    gap: 30px;
    height: 100%;
  }

  .elementor-nav-menu a {
    padding: 0;
  }

  .elementor-nav-menu--dropdown .elementor-item:hover {
    background-color: transparent;
    padding: 0;
  }

  .elementor-nav-menu .hide-desktop a {
    padding: 15px 0;
    background-color: #FF6B35;
    border-radius: 10px;
    text-align: center;
    justify-content: center;
  }

  .elementor-nav-menu li.hide-desktop.margin-top-auto {
    margin-top: auto;
  }

  .elementor-nav-menu li.hide-desktop.margin-top-auto a {
    background: transparent;
    border: 2px solid #FFFFFF;
  }

  .elementor-nav-menu .current_page_item a {
    background-color: transparent !important;
  }

  .elementor-nav-menu .current_page_item {
    display: flex !important;
    align-items: center !important;
  }

  .um-page-login .login,
  .um-page-login .sign-up,
  .um-page-register .login,
  .um-page-register .sign-up,
  .um-page-account .elementor-nav-menu .account {
    display: none !important;
  }

  .elementor-nav-menu .current_page_item::before {
    display: block !important;
    content: '' !important;
    width: 10px !important;
    height: 10px !important;
    background-color: #FFFFFF !important;
    border-radius: 50%;
    margin-right: 5px !important;
  }

  .elementor-widget-image {
    display: flex;
  }
}

.elementor-icon-wrapper {
  display: flex;
}

.elementor-field-type-submit .elementor-button-icon svg.e-font-icon-svg  {
  width: 20px;
  height: 20px;
}

.elementor-field-type-submit .elementor-button-content-wrapper {
  font-weight: 500;
}

.elementor-message.elementor-message-success {
  text-align: center !important;
  margin-top: 40px !important;
}

.elementor-message.elementor-message-success::before {
  display: none !important;
}

.fit-content {
  display: inline-flex;
  width: fit-content;
}


/* Articles sort*/

.sort-inline {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
}

.sort-current {
  background: none !important;
  border: 1px solid #F3F4F6 !important;
  padding: 10px 24px !important;
  font: inherit;
  font-weight: 500;
  color: #101828 !important;
  cursor: pointer;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.sort-options {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 6px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0,0,0,.08);
  display: none;
  flex-direction: column;
  min-width: 160px;
  z-index: 100;
}

.sort-options a {
  padding: 10px 14px;
  text-decoration: none;
  color: #111827;
  font-size: 14px;
}

.sort-options a:hover {
  background: #f3f4f6;
}

.sort-inline.open .sort-options {
  display: flex;
}

@media screen and (max-width: 1025px) {
  .sort-widget {
    line-height: 1;
  }

  .sort-inline {
    font-size: 12px;
    line-height: 1;
  }

  .sort-current {
    font-size: 14px !important;
    line-height: 1;
    padding: 6px 12px !important;
  }
}
.taxonomy-filter .e-filter .e-filter-item {
  width: 100%;
  justify-content: space-between;
}

.taxonomy-filter .e-filter .e-filter-item[aria-pressed="false"]::after{
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgMTMuNUwxMS4yNSA5TDYuNzUgNC41IiBzdHJva2U9IiM0QTU1NjUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
  width: 18px;
  height: 18px;
  display: inline-block;
}

.taxonomy-filter .e-filter .e-filter-item[aria-pressed="true"]::after,
.taxonomy-filter .e-filter .e-filter-item[aria-pressed="false"]:hover::after{
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgMTMuNUwxMS4yNSA5TDYuNzUgNC41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  width: 18px;
  height: 18px;
  display: inline-block;
}

@media screen and (max-width: 1025px) {
  .filters-mobile {
    z-index: 10000001 !important;
    overflow: scroll !important;
  }
}

.elementor-pagination {
  margin-top: 48px !important;
  height: 43px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.elementor-pagination .page-numbers {
  font-size: 14px !important;
  line-height: 21px !important;
  font-weight: 500 !important;
  color: #4A5565 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  border: 1px solid #F3F4F6 !important;
  border-radius: 8px !important;
  margin: 0 !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  transition: all 0.3s ease !important;
}

.elementor-pagination .page-numbers.current,
.elementor-pagination .page-numbers:not(span):hover {
  background: #FF6B35 !important;
  color: #FFFFFF !important;
}

@media screen and (max-width: 1025px) {

  .elementor-pagination {
    margin-top: 24px !important;
    height: 32px !important;
  }

  .elementor-pagination .page-numbers {
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 12px !important;
  }

  .filters-mobile.open {
    transform: translateX(0) !important;
  }
}

/* Custom overlay + spinner for Elementor loading states */
.e-loading-overlay {
  position: relative; /* ensure positioning context */
}

/* Dimmed background */
.e-loading-overlay::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6); /* overlay color */
  z-index: 1099;
}

/* Circular spinner */
.e-loading-overlay::after {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px; /* center the 48x48 circle */
  border: 5px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  z-index: 1100;
}

/* Spinner animation */
@keyframes rotation {
  0% {
    transform: translateZ(0) rotate(0deg);
  }
  100% {
    transform: translateZ(0) rotate(360deg);
  }
}

/* (Optional) hide Elementor’s default spinner inside the overlay, if present */
.e-loading-overlay .e-loading-spinner,
.e-loading-overlay .e-load-more-spinner {
  display: none !important;
}

e-loading-overlay {
  animation: none !important;
}

/* Elementor sometimes adds specific animation classes */
.e-loading-overlay.e-animation-loadingOpacity {
  animation: none !important;
}

/* Hard-override the keyframes just in case */
@keyframes loadingOpacityAnimation {
  from { opacity: 1; }
  to   { opacity: 1; }
}

.single-articles-resources .elementor-shortcode {
  font-family: "Inter", Sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.share-button {
  position: relative;
}

.copy-message {
    display: block;
    position: absolute;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    margin-top: 6px;
    color: #FF6B35;
    width: fit-content;
    white-space: nowrap;
}