/* === Минимизирани бутони (custom override) - v3 === */

/* Бели "pill" бутони с имена на услуги (Гипсокартон, Двоен под, Тавани) */
.elementor-widget-blockquote .elementor-blockquote {
  padding: 16px 28px !important;
  border-radius: 16px !important;
  max-width: 280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.elementor-widget-blockquote .elementor-blockquote__content {
  font-size: 19px !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 600 !important;
}
.elementor-widget-blockquote .elementor-blockquote__author {
  font-size: 13px !important;
  margin-top: 5px !important;
}

/* Advanced attention бутони (РАЗБРАХ, CTA) */
.bdt-ep-attention-button {
  padding: 11px 26px !important;
  font-size: 13px !important;
  letter-spacing: 0.5px !important;
  min-height: auto !important;
}
.bdt-ep-attention-button .avdbtn-text,
.bdt-ep-attention-button .bdt-ep-button-text {
  font-size: 13px !important;
  padding: 0 !important;
}

/* Стандартни Elementor бутони */
.elementor-button {
  padding: 12px 22px !important;
  font-size: 14px !important;
}
.elementor-button.elementor-size-md,
.elementor-button.elementor-size-lg,
.elementor-button.elementor-size-xl {
  padding: 12px 22px !important;
  font-size: 14px !important;
}

/* === GLOBAL: White bg + green border + green text everywhere === */
/* Hover: dark green bg + white text */

/* Elementor стандартни бутони */
.elementor-button.elementor-button-link,
.elementor-button-wrapper .elementor-button,
a.elementor-button {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #5d8b1e !important;
  border: 1.5px solid #5d8b1e !important;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .15s ease !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}
/* Hide Elementor button icons (broken chevron/arrow font glyphs) */
.elementor-button .elementor-button-icon,
.elementor-button .elementor-button-icon i,
.elementor-button .elementor-button-icon svg,
.elementor-button-content-wrapper > .elementor-button-icon {
  display: none !important;
}
.elementor-button.elementor-button-link:hover,
.elementor-button-wrapper .elementor-button:hover,
a.elementor-button:hover {
  background: #3f6800 !important;
  background-color: #3f6800 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #3f6800 !important;
  box-shadow: 0 4px 14px rgba(63, 104, 0, 0.3) !important;
  transform: translateY(-1px) !important;
}
.elementor-button .elementor-button-text,
.elementor-button .elementor-button-icon,
.elementor-button .elementor-button-icon i {
  color: inherit !important;
}

/* Advanced attention buttons (СВЪРЖЕТЕ СЕ С НАС, и др.) */
.bdt-ep-attention-button {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #5d8b1e !important;
  border: 1.5px solid #5d8b1e !important;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .15s ease !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}
.bdt-ep-attention-button:hover {
  background: #3f6800 !important;
  background-color: #3f6800 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #3f6800 !important;
  box-shadow: 0 4px 14px rgba(63, 104, 0, 0.3) !important;
  transform: translateY(-1px) !important;
}
.bdt-ep-attention-button .avdbtn-text,
.bdt-ep-attention-button .bdt-ep-button-text,
.bdt-ep-attention-button svg,
.bdt-ep-attention-button i {
  color: inherit !important;
  fill: currentColor !important;
}
.bdt-ep-attention-button::before,
.bdt-ep-attention-button::after {
  background: transparent !important;
  display: none !important;
}

/* Pill buttons in blockquote (Гипсокартон, Двоен под, Тавани, и др.) */
.elementor-widget-blockquote .elementor-blockquote {
  background: #ffffff !important;
  color: #5d8b1e !important;
  border: 1.5px solid #5d8b1e !important;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .15s ease !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
  cursor: pointer;
}
.elementor-widget-blockquote .elementor-blockquote:hover {
  background: #3f6800 !important;
  color: #ffffff !important;
  border-color: #3f6800 !important;
  box-shadow: 0 4px 14px rgba(63, 104, 0, 0.3) !important;
  transform: translateY(-1px) !important;
}
.elementor-widget-blockquote .elementor-blockquote * {
  color: inherit !important;
}

/* Cookie popup accept button — keep visible on dark popup */
#elementor-popup-modal-380 .bdt-ep-attention-button {
  background: #5d8b1e !important;
  color: #ffffff !important;
  border-color: #5d8b1e !important;
}
#elementor-popup-modal-380 .bdt-ep-attention-button:hover {
  background: #3f6800 !important;
  border-color: #3f6800 !important;
}

/* Inner section becomes vertical stack with all content centered */
section[data-id="44a34d34"] > .elementor-container {
  flex-direction: column !important;
  align-items: center !important;
}
section[data-id="44a34d34"] > .elementor-container > .elementor-column {
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: 100% !important;
}
/* H1 "Полезно" centered */
section[data-id="44a34d34"] .elementor-element-73e42069,
section[data-id="44a34d34"] .elementor-element-73e42069 .elementor-widget-container,
section[data-id="44a34d34"] h1 {
  text-align: center !important;
}
/* Right column with buttons — center its widget wrap */
section[data-id="44a34d34"] .elementor-element-1b8e5d90,
section[data-id="44a34d34"] .elementor-element-1b8e5d90 > .elementor-widget-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.8rem !important;
  text-align: center !important;
}
section[data-id="44a34d34"] .elementor-element-4f9e290a,
section[data-id="44a34d34"] .elementor-element-15a463b9 {
  margin: 0 !important;
}

/* === /polezno/ — center "Полезно" h1 and the navigation buttons === */
/* The h1 is in section 44a34d34, col-50 (left). Expand col & center text */
section[data-id="44a34d34"] > .elementor-container {
  flex-wrap: wrap !important;
  justify-content: center !important;
}
section[data-id="44a34d34"] > .elementor-container > .elementor-element-761206ec {
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: 100% !important;
}
/* Hide the empty right column */
section[data-id="44a34d34"] > .elementor-container > .elementor-element-1b8e5d90 {
  display: none !important;
}
section[data-id="44a34d34"] .elementor-element-73e42069,
section[data-id="44a34d34"] .elementor-element-73e42069 .elementor-widget-container,
section[data-id="44a34d34"] h1 {
  text-align: center !important;
}

/* Buttons (4f9e290a, 15a463b9) are inside col 3f67f005, siblings of inner section.
   Center them using the parent widget-wrap as flex-justify-center */
.elementor-element-3f67f005 > .elementor-widget-wrap.elementor-element-populated {
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0.8rem !important;
}
/* The inner section needs to take full width so it's on its own row above the buttons */
.elementor-element-3f67f005 > .elementor-widget-wrap > section.elementor-element-44a34d34 {
  width: 100% !important;
  flex-basis: 100% !important;
}
/* Ensure button widgets have margin reset */
.elementor-element-4f9e290a,
.elementor-element-15a463b9 {
  margin: 0 !important;
}

/* === Top contact bar — mobile cleanup (section efa6f51) === */
@media (max-width: 768px) {
  /* Vertical stack of all 3 columns */
  section[data-id="efa6f51"] > .elementor-container {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 0.6rem 0.8rem !important;
  }
  section[data-id="efa6f51"] > .elementor-container > .elementor-column {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    margin: 0 !important;
  }
  section[data-id="efa6f51"] .elementor-widget-wrap {
    padding: 0 !important;
    align-content: center !important;
    justify-content: center !important;
  }

  /* Phone numbers row — keep inline, gap, centered */
  section[data-id="efa6f51"] .elementor-element-fe1e3ef ul.elementor-icon-list-items.elementor-inline-items {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0.5rem 1rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  section[data-id="efa6f51"] .elementor-element-fe1e3ef li.elementor-icon-list-item {
    margin: 0 !important;
    padding: 2px 0 !important;
  }
  section[data-id="efa6f51"] .elementor-element-fe1e3ef li a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    font-size: 0.86rem !important;
    line-height: 1.3 !important;
  }

  /* Welcome heading */
  section[data-id="efa6f51"] .elementor-element-7bcbaa0 {
    text-align: center !important;
    margin: 0.3rem 0 !important;
  }
  section[data-id="efa6f51"] .elementor-element-7bcbaa0 .elementor-heading-title {
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
  }

  /* Email + address row */
  section[data-id="efa6f51"] .elementor-element-2a45285 ul.elementor-icon-list-items.elementor-inline-items {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0.4rem 0.9rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  section[data-id="efa6f51"] .elementor-element-2a45285 li.elementor-icon-list-item {
    margin: 0 !important;
    padding: 2px 0 !important;
  }
  section[data-id="efa6f51"] .elementor-element-2a45285 li a,
  section[data-id="efa6f51"] .elementor-element-2a45285 li span.elementor-icon-list-text {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    font-size: 0.82rem !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
  }
  /* Icons sizing — make them small & consistent */
  section[data-id="efa6f51"] .elementor-icon-list-icon {
    margin-right: 0 !important;
  }
  section[data-id="efa6f51"] .elementor-icon-list-icon i {
    font-size: 0.85rem !important;
  }
}

/* === MOBILE: Center EVERYTHING globally === */
@media (max-width: 768px) {
  /* Reset asymmetric margins on all button-like elements */
  #primary .elementor-widget-button .elementor-button.elementor-button-link,
  #primary .elementor-widget-button a.elementor-button,
  #primary .elementor-button-wrapper .elementor-button,
  #primary .bdt-ep-attention-button {
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-flex !important;
  }

  /* Wrappers — center their content via text-align (works with inline-flex) */
  #primary .elementor-widget-button,
  #primary .elementor-widget-button .elementor-widget-container,
  #primary .elementor-widget-button .elementor-button-wrapper,
  #primary .elementor-widget-bdt-ep-attention-button,
  #primary .elementor-widget-bdt-ep-attention-button .elementor-widget-container {
    text-align: center !important;
    width: 100% !important;
  }

  /* Force columns to be 100% width and content left-padded equally */
  #primary .elementor-section .elementor-column.elementor-top-column,
  #primary .elementor-section .elementor-column.elementor-inner-column {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }

  /* Widget wraps centered */
  #primary .elementor-widget-wrap.elementor-element-populated {
    align-content: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* All headings centered */
  #primary .elementor-widget-heading,
  #primary .elementor-widget-heading .elementor-widget-container,
  #primary .elementor-widget-heading .elementor-heading-title {
    text-align: center !important;
  }

  /* All text editors centered */
  #primary .elementor-widget-text-editor,
  #primary .elementor-widget-text-editor .elementor-widget-container,
  #primary .elementor-widget-text-editor p,
  #primary .elementor-widget-text-editor div,
  #primary .elementor-widget-text-editor ul,
  #primary .elementor-widget-text-editor li {
    text-align: center !important;
  }

  /* Blockquote pill buttons centered */
  #primary .elementor-widget-blockquote {
    text-align: center !important;
  }
  #primary .elementor-widget-blockquote .elementor-blockquote {
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-block !important;
  }

  /* Images centered */
  #primary .elementor-widget-image,
  #primary .elementor-widget-image .elementor-widget-container {
    text-align: center !important;
  }
  #primary .elementor-widget-image img {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Icon lists centered */
  #primary .elementor-widget-icon-list ul.elementor-icon-list-items {
    justify-content: center !important;
  }
  #primary .elementor-widget-icon-list .elementor-icon-list-item {
    justify-content: center !important;
  }

  /* Body/section symmetry — make sure there's no left-shift */
  
  #primary .elementor-container {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* CRITICAL FIX: Use flex centering on section container directly */
  #primary .elementor-section .elementor-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
  }
  /* Each top-level widget centered within its column */
  #primary .elementor-section .elementor-column .elementor-widget-wrap {
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
  }
  #primary .elementor-section .elementor-column .elementor-widget {
    width: 100% !important;
    text-align: center !important;
  }
  /* Specifically buttons - they need explicit centering */
  #primary .elementor-section .elementor-widget-button .elementor-button-wrapper {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
  /* And the button itself doesn't need to be 100% wide on mobile - just centered */
  #primary .elementor-section .elementor-widget-button .elementor-button.elementor-button-link {
    margin: 0 !important;
    flex: 0 0 auto !important;
  }


  /* === Center button TEXT inside the buttons === */
  .elementor-button.elementor-button-link,
  #primary .elementor-button-wrapper .elementor-button,
  a.elementor-button {
    text-align: center !important;
    justify-content: center !important;
  }
  .elementor-button .elementor-button-content-wrapper {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .elementor-button .elementor-button-text {
    width: auto !important;
    text-align: center !important;
    flex-grow: 0 !important;
  }
}

/* === Replace broken hamburger icon with clean CSS hamburger === */
.elementskit-menu-hamburger {
  background: transparent !important;
  border: 1.5px solid #5d8b1e !important;
  border-radius: 8px !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  transition: background-color .25s ease, border-color .25s ease !important;
}
.elementskit-menu-hamburger:hover {
  background: #3f6800 !important;
  border-color: #3f6800 !important;
}
/* Hide the broken icon font glyph */
.elementskit-menu-hamburger .ekit-menu-icon {
  display: none !important;
}
/* Draw the 3-line hamburger via pseudo-elements + box-shadow trick */
.elementskit-menu-hamburger::before {
  content: '';
  display: block;
  width: 22px;
  height: 2.5px;
  background: #5d8b1e;
  border-radius: 2px;
  box-shadow:
    0 -7px 0 #5d8b1e,
    0  7px 0 #5d8b1e;
  transition: background .25s ease, box-shadow .25s ease;
}
.elementskit-menu-hamburger:hover::before {
  background: #ffffff;
  box-shadow:
    0 -7px 0 #ffffff,
    0  7px 0 #ffffff;
}

/* Close button in offcanvas (when menu is open) — same style */
.elementskit-menu-close {
  background: transparent !important;
  border: 1.5px solid #5d8b1e !important;
  border-radius: 8px !important;
  width: 44px !important;
  height: 44px !important;
  color: #5d8b1e !important;
  font-size: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.elementskit-menu-close:hover {
  background: #3f6800 !important;
  border-color: #3f6800 !important;
  color: #ffffff !important;
}

/* === /polezno/ — mobile cleanup === */
@media (max-width: 768px) {
  /* Reset everything on the outer column - simple stacked layout */
  .elementor-element-3f67f005 > .elementor-widget-wrap.elementor-element-populated {
    display: block !important;
    padding: 1rem 1rem !important;
    text-align: center !important;
  }
  
  /* Inner section 44a34d34 — kill all weird overrides, simple block */
  section[data-id="44a34d34"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1.2rem 0 !important;
    flex-basis: auto !important;
    align-self: auto !important;
  }
  section[data-id="44a34d34"] > .elementor-container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  section[data-id="44a34d34"] > .elementor-container > .elementor-column {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: auto !important;
  }
  section[data-id="44a34d34"] .elementor-widget-wrap {
    display: block !important;
    text-align: center !important;
    padding: 0 !important;
  }
  section[data-id="44a34d34"] h1 {
    text-align: center !important;
    margin: 0 auto !important;
    width: 100% !important;
  }

  /* Buttons (4f9e290a, 15a463b9) — simple block, centered, max-width */
  .elementor-element-4f9e290a,
  .elementor-element-15a463b9 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0.5rem 0 !important;
    text-align: center !important;
  }
  .elementor-element-4f9e290a .elementor-button-wrapper,
  .elementor-element-15a463b9 .elementor-button-wrapper {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
  }
  .elementor-element-4f9e290a a.elementor-button,
  .elementor-element-15a463b9 a.elementor-button {
    display: inline-flex !important;
    margin: 0 auto !important;
    max-width: 360px !important;
    justify-content: center !important;
  }
}


/* === EXCEPTIONS: Keep original colors on /kontakti/ form elements === */
/* Submit button "Изпрати" - keep original bright neon */
.elementor-element-4072ca57 .elementor-button[type="submit"],
.elementor-element-4072ca57 .e-form__buttons__wrapper__button-next,
form.elementor-form button[type="submit"].elementor-button {
  background: #80FF00 !important;
  background-color: #80FF00 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
}
form.elementor-form button[type="submit"].elementor-button:hover {
  background: #93DB65 !important;
  background-color: #93DB65 !important;
  border: none !important;
}

/* Contact cards (52aa404e, 0b0631e) - keep original bright gradient */
.elementor-element-52aa404e .elementskit-infobox,
.elementor-element-0b0631e .elementskit-infobox {
  background-color: transparent !important;
  background-image: linear-gradient(135deg, #80FF00 0%, #93DB65 100%) !important;
}

/* Top contact bar - keep original bright neon */
section[data-id="efa6f51"],
section.elementor-element-efa6f51 {
  background-color: #80FF00 !important;
  background-image: url("wp-content/uploads/2019/11/bg-1-1.png") !important;
}

/* === /kontakti/ — match hero H1 styling to other pages === */
/* Other pages H1 widgets are font-weight:bold; kontakti's is 400. Unify. */
.elementor-element-7b9ab5e3,
.elementor-element-7b9ab5e3 .elementor-widget-container,
.elementor-element-7b9ab5e3 .elementor-heading-title {
  text-align: center !important;
}
.elementor-element-7b9ab5e3 .elementor-heading-title {
  font-weight: bold !important;
}

/* === /kontakti/ — turn blue text to green === */
/* Form heading + body text */
.elementor-element-7b9ab5e3 .elementor-heading-title,
.elementor-element-7b9ab5e3 h1 {
  color: #5d8b1e !important;
}

/* All headings and links in the content sections (form area + contact info area) */
section[data-id="753d9033"] .elementor-heading-title,
section[data-id="753d9033"] a,
section[data-id="753d9033"] p,
section[data-id="3924bb5"] .elementor-heading-title,
section[data-id="3924bb5"] .elementskit-info-box-title,
section[data-id="3924bb5"] .box-body p,
section[data-id="3924bb5"] .box-body a,
section[data-id="3924bb5"] a,
section[data-id="43b3f9a0"] a,
section[data-id="43b3f9a0"] .elementor-heading-title {
  color: #5d8b1e !important;
}

/* Make links also green and underlined like brand */
section[data-id="3924bb5"] a:hover,
section[data-id="753d9033"] a:hover,
section[data-id="43b3f9a0"] a:hover {
  color: #3f6800 !important;
}

/* Override the 3924bb5 cards' info text - those have white text on green bg, keep white */
section[data-id="3924bb5"] .elementor-element-52aa404e .elementskit-infobox .elementskit-info-box-title,
section[data-id="3924bb5"] .elementor-element-52aa404e .elementskit-infobox .box-body p,
section[data-id="3924bb5"] .elementor-element-52aa404e .elementskit-infobox a,
section[data-id="3924bb5"] .elementor-element-0b0631e .elementskit-infobox .elementskit-info-box-title,
section[data-id="3924bb5"] .elementor-element-0b0631e .elementskit-infobox .box-body p,
section[data-id="3924bb5"] .elementor-element-0b0631e .elementskit-infobox a {
  color: #ffffff !important;
}

/* === /kontakti/ — green icons + green links in info cards (Телефон/Адрес/Имейл) === */
/* Icons in white info-boxes */
.elementor-element-f171e0d .elementskit-info-box-icon,
.elementor-element-f171e0d .elementskit-info-box-icon i,
.elementor-element-f171e0d .elementskit-info-box-icon svg,
.elementor-element-32590cd5 .elementskit-info-box-icon,
.elementor-element-32590cd5 .elementskit-info-box-icon i,
.elementor-element-32590cd5 .elementskit-info-box-icon svg,
.elementor-element-5ef9274e .elementskit-info-box-icon,
.elementor-element-5ef9274e .elementskit-info-box-icon i,
.elementor-element-5ef9274e .elementskit-info-box-icon svg {
  color: #5d8b1e !important;
  fill: #5d8b1e !important;
  stroke: #5d8b1e !important;
}
/* Title (Телефон/Адрес/Имейл) — keep dark for readability */
.elementor-element-f171e0d .elementskit-info-box-title,
.elementor-element-32590cd5 .elementskit-info-box-title,
.elementor-element-5ef9274e .elementskit-info-box-title {
  color: #2B2824 !important;
}
/* Body text + links inside */
.elementor-element-f171e0d .box-body p,
.elementor-element-f171e0d .box-body a,
.elementor-element-f171e0d a,
.elementor-element-32590cd5 .box-body p,
.elementor-element-32590cd5 .box-body a,
.elementor-element-32590cd5 a,
.elementor-element-5ef9274e .box-body p,
.elementor-element-5ef9274e .box-body a,
.elementor-element-5ef9274e a {
  color: #5d8b1e !important;
}
.elementor-element-f171e0d a:hover,
.elementor-element-32590cd5 a:hover,
.elementor-element-5ef9274e a:hover {
  color: #3f6800 !important;
}


/* === /kontakti/ — minimize the green contact cards === */
.elementor-element-52aa404e .elementskit-infobox,
.elementor-element-0b0631e .elementskit-infobox {
  padding: 1.2em 1.5em !important;
  border-radius: 8px !important;
}
/* Smaller phone icon */
.elementor-element-52aa404e .elementskit-info-box-icon,
.elementor-element-0b0631e .elementskit-info-box-icon {
  font-size: 22px !important;
  margin-bottom: 4px !important;
}
/* Smaller title */
.elementor-element-52aa404e .elementskit-infobox .elementskit-info-box-title,
.elementor-element-0b0631e .elementskit-infobox .elementskit-info-box-title {
  font-size: 16px !important;
  margin-bottom: 6px !important;
  line-height: 1.3 !important;
}
/* Smaller phone number */
.elementor-element-52aa404e .elementskit-infobox .box-body p,
.elementor-element-0b0631e .elementskit-infobox .box-body p {
  font-size: 18px !important;
  margin: 0 !important;
}



/* === MOBILE: Spacing between hero nav buttons === */
@media (max-width: 768px) {
  .elementor-element-11a12482,
  .elementor-element-58a0482a,
  .elementor-element-3339edd5,
  .elementor-element-e269f56,
  .elementor-element-e369659,
  .elementor-element-4d0f63c1 {
    margin-bottom: 22px !important;
  }
}

/* === Service badges (Гипсокартон/Двоен под/Тавани) - bottom-center on desktop too === */
section[data-id="3b65e77e"] .elementor-element-49fb0bee > .elementor-widget-wrap,
section[data-id="df1dff8"] .elementor-element-7c76177 > .elementor-widget-wrap,
section[data-id="fbd285a"] .elementor-element-005d64b > .elementor-widget-wrap {
  position: relative !important;
}
section[data-id="3b65e77e"] .elementor-element-f595449,
section[data-id="df1dff8"] .elementor-element-697b438,
section[data-id="fbd285a"] .elementor-element-5852435 {
  position: absolute !important;
  bottom: 20px !important;
  left: 50% !important;
  top: auto !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  width: auto !important;
  max-width: 60% !important;
  z-index: 5 !important;
}

/* === Mobile: position badges over the image (not over widget-wrap) === */
@media (max-width: 768px) {
  /* Make IMAGE WIDGET the positioning context - it has exact image dimensions */
  section[data-id="3b65e77e"] .elementor-element-49a4434a,
  section[data-id="df1dff8"] .elementor-element-d006bc3,
  section[data-id="fbd285a"] .elementor-element-f2a8780 {
    position: relative !important;
  }
  /* Remove the widget-wrap relative positioning on mobile so badge anchors to image */
  section[data-id="3b65e77e"] .elementor-element-49fb0bee > .elementor-widget-wrap,
  section[data-id="df1dff8"] .elementor-element-7c76177 > .elementor-widget-wrap,
  section[data-id="fbd285a"] .elementor-element-005d64b > .elementor-widget-wrap {
    position: static !important;
    padding: 0 !important;
  }
  /* Pull blockquote badge up using negative margin so it overlays the image */
  section[data-id="3b65e77e"] .elementor-element-f595449,
  section[data-id="df1dff8"] .elementor-element-697b438,
  section[data-id="fbd285a"] .elementor-element-5852435 {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-top: -70px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 16px !important;
    width: auto !important;
    max-width: 60% !important;
    z-index: 5 !important;
    text-align: center !important;
  }
}

/* === Mobile: Column reorder for service sections === */
@media (max-width: 768px) {
  /* Тавани (fbd285a): image col (005d64b) first, text col (0a19a56) second */
  section[data-id="fbd285a"] > .elementor-container {
    display: flex !important;
    flex-direction: column !important;
  }
  section[data-id="fbd285a"] > .elementor-container > .elementor-element-005d64b { order: 1 !important; }
  section[data-id="fbd285a"] > .elementor-container > .elementor-element-0a19a56 { order: 2 !important; }

  /* Двоен под (df1dff8): image col (7c76177) first, text col (f538114) second */
  section[data-id="df1dff8"] > .elementor-container {
    display: flex !important;
    flex-direction: column !important;
  }
  section[data-id="df1dff8"] > .elementor-container > .elementor-element-7c76177 { order: 1 !important; }
  section[data-id="df1dff8"] > .elementor-container > .elementor-element-f538114 { order: 2 !important; }

  /* Гипсокартон (3b65e77e): image col (49fb0bee) first, text col (5914ca6c) second */
  section[data-id="3b65e77e"] > .elementor-container {
    display: flex !important;
    flex-direction: column !important;
  }
  section[data-id="3b65e77e"] > .elementor-container > .elementor-element-49fb0bee { order: 1 !important; }
  section[data-id="3b65e77e"] > .elementor-container > .elementor-element-5914ca6c { order: 2 !important; }
}

/* ============================================================
   Sitewide: All buttons use the same green footer background
   Image: wp-content/uploads/2019/11/bg-1-1.png
   ============================================================ */

/* Elementor buttons (Бутон widget) */
.elementor-button,
.elementor-button-link,
a.elementor-button,
a.elementor-button-link,
.elementor-widget-button .elementor-button {
  background-image: url('/newsite/Gipsokarton/wp-content/uploads/btn-green-bg.jpg') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-color: #5d8b1e !important;
  color: #ffffff !important;
  border-color: transparent !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.3);
  transition: filter .25s ease, transform .25s ease, box-shadow .25s ease !important;
}
.elementor-button:hover,
.elementor-button-link:hover,
a.elementor-button:hover,
a.elementor-button-link:hover,
.elementor-widget-button .elementor-button:hover {
  background-image: url('/newsite/Gipsokarton/wp-content/uploads/btn-green-bg.jpg') !important;
  background-color: #5d8b1e !important;
  color: #ffffff !important;
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
}

/* Generic .btn (aktual-m style + custom) */
.btn,
.btn-p,
.usl-btn-p,
.usl-btn-cta,
.btn-primary,
.ast-button,
.ast-custom-button,
input[type="submit"],
input[type="button"],
button.search-submit {
  background-image: url('/newsite/Gipsokarton/wp-content/uploads/btn-green-bg.jpg') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-color: #5d8b1e !important;
  color: #ffffff !important;
  border-color: transparent !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.3);
}
.btn:hover, .btn-p:hover, .usl-btn-p:hover, .usl-btn-cta:hover,
.btn-primary:hover, .ast-button:hover, .ast-custom-button:hover {
  background-color: #5d8b1e !important;
  color: #ffffff !important;
  filter: brightness(1.08);
  transform: translateY(-1px);
}

/* Outline btn (.btn-o, .usl-btn-o) — keep transparent but with green border */
.btn-o, .usl-btn-o, .ast-outline-button {
  background: transparent !important;
  background-image: none !important;
  color: #5d8b1e !important;
  border: 2px solid #5d8b1e !important;
}
.btn-o:hover, .usl-btn-o:hover, .ast-outline-button:hover {
  background-image: url('/newsite/Gipsokarton/wp-content/uploads/btn-green-bg.jpg') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-color: #5d8b1e !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

/* Sidebar Запитване btn (.sb-cta) on /uslugi/ */
.uslugi-aktual .sb-cta {
  background-image: url('/newsite/Gipsokarton/wp-content/uploads/btn-green-bg.jpg') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-color: #5d8b1e !important;
  color: #ffffff !important;
}

/* ============================================================
   No white inside buttons — all inner elements green/transparent
   ============================================================ */

/* Elementor button inner elements */
.elementor-button .elementor-button-content-wrapper,
.elementor-button .elementor-button-text,
.elementor-button .elementor-button-icon,
.elementor-button .elementor-align-icon-left,
.elementor-button .elementor-align-icon-right,
.elementor-button-link .elementor-button-content-wrapper,
.elementor-button-link .elementor-button-text,
.elementor-button-link .elementor-button-icon,
.elementor-widget-button .elementor-button-wrapper,
.elementor-widget-button .elementor-button-content-wrapper,
.elementor-widget-button .elementor-button-text,
.elementor-widget-button .elementor-button-icon {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
}

/* Elementor button icons */
.elementor-button i,
.elementor-button svg,
.elementor-button-icon i,
.elementor-button-icon svg,
.elementor-widget-button i,
.elementor-widget-button svg {
  background: transparent !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Custom .btn inner elements */
.btn span, .btn i, .btn svg,
.btn-p span, .btn-p i, .btn-p svg,
.usl-btn-p span, .usl-btn-p i, .usl-btn-p svg,
.usl-btn-cta span, .usl-btn-cta i, .usl-btn-cta svg {
  background: transparent !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Remove any pseudo-element backgrounds inside buttons */
.elementor-button::before, .elementor-button::after,
.btn::before, .btn::after,
.btn-p::before, .btn-p::after {
  background: transparent !important;
}

/* Wrapper around buttons should not have white bg either */
.elementor-button-wrapper {
  background: transparent !important;
}

/* ===== Footer link hover: green left border + slide-right ===== */
.elementor-location-footer a,
footer.site-footer a,
.elementor-location-footer .elementor-item,
.elementor-location-footer .elementor-heading-title a {
  display: inline-block;
  position: relative;
  padding-left: 0.6rem;
  border-left: 3px solid transparent;
  transition: border-color .25s ease, padding-left .25s ease, color .25s ease, transform .25s ease;
}
.elementor-location-footer a:hover,
footer.site-footer a:hover,
.elementor-location-footer .elementor-item:hover,
.elementor-location-footer .elementor-heading-title a:hover {
  border-left-color: #5d8b1e !important;
  padding-left: 1rem !important;
  color: #ffffff !important;
}

/* Force white color on footer links/items in all states */
.elementor-location-footer a,
.elementor-location-footer .elementor-item,
.elementor-location-footer .elementor-heading-title,
.elementor-location-footer .elementor-heading-title a,
.elementor-location-footer .menu-link {
  color: #ffffff !important;
}

/* Make sure menu items render as inline-block so border shows */
.elementor-location-footer nav .elementor-nav-menu li {
  display: block;
}
.elementor-location-footer nav .elementor-nav-menu .elementor-item {
  display: inline-block;
}



/* ===== Header nav: keep items WHITE on hover (no color change) ===== */
.elementor-location-header a,
.elementor-location-header .elementor-item,
.elementor-location-header nav a,
.elementor-location-header .elementor-nav-menu .elementor-item,
.elementor-location-header .elementor-nav-menu .elementor-item:focus,
.elementor-location-header .elementor-nav-menu .elementor-item.elementor-item-active,
.elementor-location-header .elementor-nav-menu .elementor-item.highlighted,
.elementor-location-header .menu-item > a,
.elementor-location-header .menu-link {
  color: #ffffff !important;
}

.elementor-location-header a:hover,
.elementor-location-header a:focus,
.elementor-location-header .elementor-item:hover,
.elementor-location-header .elementor-item:focus,
.elementor-location-header .elementor-nav-menu .elementor-item:hover,
.elementor-location-header .elementor-nav-menu .elementor-item.elementor-item-active:hover,
.elementor-location-header .menu-item:hover > a,
.elementor-location-header .menu-item:hover > .menu-link,
.elementor-location-header .menu-link:hover {
  color: #ffffff !important;
  border-left-color: transparent !important;
  padding-left: inherit !important;
  transform: none !important;
}

/* Counter the footer-style hover rules from above for any header link */
.elementor-location-header a {
  border-left: none !important;
  padding-left: 0 !important;
}

/* ===== Footer: regular weight, inherit site font (no bold) ===== */
.elementor-location-footer,
.elementor-location-footer *,
.elementor-location-footer a,
.elementor-location-footer .elementor-item,
.elementor-location-footer .elementor-heading-title,
.elementor-location-footer .elementor-heading-title a,
.elementor-location-footer .menu-link,
.elementor-location-footer p,
.elementor-location-footer span,
.elementor-location-footer h1,
.elementor-location-footer h2,
.elementor-location-footer h3,
.elementor-location-footer h4,
.elementor-location-footer h5,
.elementor-location-footer h6,
.elementor-location-footer strong,
.elementor-location-footer b {
  font-weight: 400 !important;
  font-family: inherit !important;
}

/* ===== Headings: smooth black-to-green hover transition (sitewide) ===== */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.entry-title,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  transition: color .35s ease !important;
}

h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover,
.elementor-heading-title:hover,
.elementor-widget-heading:hover .elementor-heading-title,
.entry-title:hover,
.entry-content h1:hover,
.entry-content h2:hover,
.entry-content h3:hover,
.entry-content h4:hover,
.entry-content h5:hover,
.entry-content h6:hover {
  color: #5d8b1e !important;
}

/* Headings that contain links — apply same effect to the link itself */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.elementor-heading-title a,
.entry-title a {
  transition: color .35s ease !important;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
.elementor-heading-title a:hover,
.entry-title a:hover {
  color: #5d8b1e !important;
}

/* Exclude footer headings (they should stay white per earlier rule) */
.elementor-location-footer h1:hover,
.elementor-location-footer h2:hover,
.elementor-location-footer h3:hover,
.elementor-location-footer h4:hover,
.elementor-location-footer h5:hover,
.elementor-location-footer h6:hover,
.elementor-location-footer .elementor-heading-title:hover,
.elementor-location-footer .elementor-heading-title a:hover {
  color: #ffffff !important;
}

/* Exclude header headings (sticky white nav text) */
.elementor-location-header h1:hover,
.elementor-location-header h2:hover,
.elementor-location-header h3:hover,
.elementor-location-header h4:hover,
.elementor-location-header h5:hover,
.elementor-location-header h6:hover,
.elementor-location-header .elementor-heading-title:hover {
  color: #ffffff !important;
}

/* ===== Service blockquote labels (Гипсокартон, Двоен под, etc.) — green texture background ===== */
.elementor-blockquote,
blockquote.elementor-blockquote,
.elementor-blockquote--skin-boxed,
.elementor-blockquote--skin-boxed .elementor-blockquote {
  background: url('/newsite/Gipsokarton/wp-content/uploads/btn-green-bg.jpg') center/cover no-repeat, #5d8b1e !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.25) !important;
  padding: 0.7rem 1.6rem !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.45) !important;
  transition: all 0.25s ease !important;
}

.elementor-blockquote .elementor-blockquote__content,
.elementor-blockquote__content,
.elementor-blockquote p,
.elementor-blockquote__content p {
  color: #ffffff !important;
  font-weight: 700 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.45) !important;
}

/* Hover: lift slightly + brighten */
.elementor-blockquote:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.35) !important;
  filter: brightness(1.08) !important;
}

/* Strip default Elementor blockquote skin elements that conflict */
.elementor-blockquote--skin-boxed .elementor-blockquote__author,
.elementor-blockquote--skin-boxed .elementor-blockquote__tweet-button {
  display: none !important;
}

/* ===== Remove outer wrapper background — keep ONLY the inner blockquote ===== */
.elementor-widget-blockquote,
.elementor-widget-blockquote .elementor-widget-container,
.elementor-blockquote--skin-boxed.elementor-widget-blockquote,
.elementor-blockquote--skin-boxed.elementor-widget-blockquote .elementor-widget-container {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* ===== Mobile menu: black text, green left-bar slide on hover, no red separators ===== */
@media (max-width: 921px) {
  .elementor-location-header .elementskit-navbar-nav .ekit-menu-nav-link,
  .elementor-location-header .elementskit-navbar-nav .menu-link,
  .elementor-location-header .elementskit-menu-offcanvas-elements .ekit-menu-nav-link,
  .elementor-location-header .elementskit-menu-offcanvas-elements .menu-link,
  .elementor-location-header .ast-mobile-popup-drawer .menu-link,
  .elementor-location-header .ast-mobile-popup-drawer a.menu-link,
  .elementskit-navbar-nav .ekit-menu-nav-link,
  .elementskit-navbar-nav .menu-link,
  .elementskit-menu-offcanvas-elements .ekit-menu-nav-link,
  .elementskit-menu-offcanvas-elements .menu-link,
  .ast-mobile-popup-drawer .menu-link,
  .ast-mobile-popup-drawer a.menu-link {
    color: #2B2824 !important;
    background: transparent !important;
    border-left: 3px solid transparent !important;
    border-bottom: none !important;
    border-top: none !important;
    border-right: none !important;
    padding-left: 0.6rem !important;
    transition: border-color .25s ease, padding-left .25s ease, color .25s ease !important;
  }

  .elementor-location-header .elementskit-navbar-nav .ekit-menu-nav-link:hover,
  .elementor-location-header .elementskit-navbar-nav .menu-link:hover,
  .elementor-location-header .elementskit-menu-offcanvas-elements .ekit-menu-nav-link:hover,
  .elementor-location-header .elementskit-menu-offcanvas-elements .menu-link:hover,
  .elementor-location-header .ast-mobile-popup-drawer .menu-link:hover,
  .elementor-location-header .ast-mobile-popup-drawer a.menu-link:hover,
  .elementor-location-header .elementskit-navbar-nav .menu-item:hover > .ekit-menu-nav-link,
  .elementor-location-header .elementskit-navbar-nav .menu-item:hover > .menu-link,
  .elementskit-navbar-nav .ekit-menu-nav-link:hover,
  .elementskit-navbar-nav .menu-link:hover,
  .elementskit-menu-offcanvas-elements .ekit-menu-nav-link:hover,
  .elementskit-menu-offcanvas-elements .menu-link:hover,
  .ast-mobile-popup-drawer .menu-link:hover,
  .ast-mobile-popup-drawer a.menu-link:hover,
  .elementskit-navbar-nav .menu-item:hover > .ekit-menu-nav-link,
  .elementskit-navbar-nav .menu-item:hover > .menu-link {
    color: #3f6800 !important;
    border-left-color: #5d8b1e !important;
    padding-left: 1rem !important;
    background: transparent !important;
  }

  /* Strip any red/colored borders on mobile menu items */
  .elementskit-navbar-nav .menu-item,
  .elementskit-navbar-nav li,
  .elementskit-menu-offcanvas-elements .menu-item,
  .elementskit-menu-offcanvas-elements li,
  .ast-mobile-popup-drawer .menu-item,
  .ast-mobile-popup-drawer li {
    border-bottom: none !important;
    border-top: none !important;
    background: transparent !important;
  }
  .elementskit-navbar-nav .menu-item + .menu-item,
  .elementskit-menu-offcanvas-elements .menu-item + .menu-item {
    border-top: none !important;
  }
}

/* ===== Footer/icon-list inline SVG icon alignment ===== */
.elementor-icon-list-icon svg {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  display: inline-block;
}
.elementor-icon-list-item .elementor-icon-list-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}
/* Footer SVGs inherit white color */
.elementor-location-footer .elementor-icon-list-icon svg {
  color: #ffffff;
  stroke: #ffffff;
}
.elementor-location-footer .elementor-icon-list-icon svg * {
  stroke: #ffffff;
}

/* ===== Floating "Ценоразпис" CTA button (sitewide) ===== */
.gips-pricelist-fab {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.85rem 1.4rem;
  background: url('/newsite/Gipsokarton/wp-content/uploads/btn-green-bg.jpg') center/cover no-repeat, #5d8b1e;
  color: #fff !important;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.05rem;
  font-weight: 700;
  text-decoration: none !important;
  border: none;
  border-radius: 50px;
  box-shadow: 0 6px 22px rgba(0,0,0,0.28);
  text-shadow: 0 1px 2px rgba(0,0,0,0.45);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  cursor: pointer;
}
.gips-pricelist-fab:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.36);
  filter: brightness(1.08);
  color: #fff !important;
}
.gips-pricelist-fab svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

@media (max-width: 640px) {
  .gips-pricelist-fab {
    bottom: 16px;
    right: 16px;
    padding: 0.7rem 1.1rem;
    font-size: 0.95rem;
  }
  .gips-pricelist-fab svg { width: 18px; height: 18px; }
}