/* aspectweldio: core layout shell + global cleanup */
/* ===== Global tokens integration ===== */
body {
    background: var(--aw-bg-main);
    color: var(--aw-text-primary);
}

:root {
    --aw-shell-max-width: var(--aw-container);
    --aw-shell-inline: 10px;
}

.aw-container {
    width: 100%;
    max-width: var(--aw-shell-max-width);
    margin: 0 auto;
    padding: 0 var(--aw-shell-inline);
    box-sizing: border-box;
}

body.site > .container.container-fluid,
body.site > .container-bottom-form,
body.site > .grid-child.container-top-a,
body.site > .grid-child.container-top-b,
body.site > .grid-child.container-bottom-a,
body.site > .grid-child.container-bottom-b,
body.site > .grid-child.container-sidebar-left,
body.site > .grid-child.container-sidebar-right {
    width: 100%;
    max-width: var(--aw-shell-max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--aw-shell-inline);
    padding-right: var(--aw-shell-inline);
    box-sizing: border-box;
}

body.site > .container-bottom-form {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 991.98px) {
    :root {
        --aw-shell-inline: 16px;
    }
}

/* ===== Desktop alignment for left sidebar pages =====
   The unified shell is already correct; the remaining drift comes from the
   Bootstrap left column gutter on pages with a real left sidebar/filter.
   Pull only the first desktop sidebar column back to the shell line without
   touching product pages or mobile stacking. */
@media (min-width: 992px) {
    body.site.view-category .container-component > .row > .col-md-3.col-lg-3,
    body.site.view-manufacturer .container-component > .row > .col-md-3.col-lg-3,
    body.site.view-products .container-component > .row > .col-md-3.col-lg-3 {
        padding-left: 0 !important;
    }
}


/* ===== Global cleanup moved from aw-cleanup.css ===== */
.logo-fallback {
  display: inline-block;
  color: #fff;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.aw-header-brand a {
  text-decoration: none;
}

/* Hide Joomla custom field output for news topic on article pages while keeping field data available for news-page filtering. */
.item-page .fields-container .field-entry.news-topic,
.item-page .fields-container .field-entry.news_topic,
.item-page .fields-container [class~="news-topic"],
.item-page .fields-container [class~="news_topic"],
.com-content-article .fields-container .field-entry.news-topic,
.com-content-article .fields-container .field-entry.news_topic,
.com-content-article .fields-container [class~="news-topic"],
.com-content-article .fields-container [class~="news_topic"] {
  display: none;
}

.item-page ul.fields-container:has(> .field-entry.news-topic:only-child),
.item-page ul.fields-container:has(> .field-entry.news_topic:only-child),
.item-page ul.fields-container:has(> [class~="news-topic"]:only-child),
.item-page ul.fields-container:has(> [class~="news_topic"]:only-child),
.item-page dl.fields-container:has(> .field-entry.news-topic:only-child),
.item-page dl.fields-container:has(> .field-entry.news_topic:only-child),
.item-page dl.fields-container:has(> [class~="news-topic"]:only-child),
.item-page dl.fields-container:has(> [class~="news_topic"]:only-child),
.com-content-article ul.fields-container:has(> .field-entry.news-topic:only-child),
.com-content-article ul.fields-container:has(> .field-entry.news_topic:only-child),
.com-content-article ul.fields-container:has(> [class~="news-topic"]:only-child),
.com-content-article ul.fields-container:has(> [class~="news_topic"]:only-child),
.com-content-article dl.fields-container:has(> .field-entry.news-topic:only-child),
.com-content-article dl.fields-container:has(> .field-entry.news_topic:only-child),
.com-content-article dl.fields-container:has(> [class~="news-topic"]:only-child),
.com-content-article dl.fields-container:has(> [class~="news_topic"]:only-child) {
  display: none;
}

/* ===== Social floating buttons moved from soc_btn-main.css ===== */
.soc_btn-link {
  display: block;
}

.soc_btn-icon {
  width: 28px;
  height: 28px;
  display: block;
}

.soc_btn-wrapper i.fa {
  margin-top: 9px;
  font-weight: 400;
}

.telegram-button {
  background: #0088cc;
  right: 10px;
  top: 120px;
}

.telegram-button::before,
.telegram-button::after {
  border: 1px solid #0088cc;
}

.whatsapp-button {
  background: #25d366;
  right: 10px;
  top: 190px;
}

.whatsapp-button::before,
.whatsapp-button::after {
  border: 1px solid #25d366;
}

.soc_btn {
  position: fixed;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 55px;
  height: 55px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  font-size: 35px;
  z-index: 9999999;
}

.soc_btn a {
  color: #fff;
}

.soc_btn::before,
.soc_btn::after {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: awSocButtonPulse 1.5s linear infinite;
  opacity: 0;
  backface-visibility: hidden;
}

.soc_btn::after {
  animation-delay: 0.5s;
}

@keyframes awSocButtonPulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

@media (max-width: 880px) {
  .telegram-button {
    top: unset;
    right: 24px;
    bottom: 183px;
    transform: scale(1.2);
  }

  .whatsapp-button {
    top: unset;
    right: 24px;
    bottom: 103px;
    transform: scale(1.2);
  }
}