.elementor-8956 .elementor-element.elementor-element-5c05c88{width:100%;max-width:100%;}/* Start custom CSS for section, class: .elementor-element-b7d015c *//* ==========================================================
   Powermotors – užsakymo puslapis (Booktics forma + skaičiuoklė)
   Įklijuoti: Elementor → Site Settings → Custom CSS
   (po paslaugų ir skaičiuoklės CSS; pakeisk ankstesnę šio failo versiją)

   Veikia AUTOMATIŠKAI KIEKVIENAME puslapyje, kuriame yra kainos skaičiuoklė
   ir Booktics trumpasis kodas (Shortcode valdiklis). Naujam užsakymo puslapiui
   (perkraustymas, atliekų išvežimas ir pan.) CSS keisti nereikia.
   Viską, ką norėsi keisti, rasi žymėse "KEISTI".
   ========================================================== */

/* ---------- 1. Booktics rėmas – toks pat kaip skaičiuoklės ---------- */

.pm-booking,
body:has(.pm-calc):has(.elementor-widget-shortcode) .elementor-widget-shortcode {
  --pm-section-bg: #163a4b;   /* tamsi žydra, ta pati kaip skaičiuoklėje */
  --pm-radius: 22px;          /* apvalumas, toks pat kaip skaičiuoklėje */

  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 16px;
  background: var(--pm-section-bg);
  border-radius: calc(var(--pm-radius) + 8px);
  box-sizing: border-box;

  /* Vidinis baltas langas užpildo visą rėmo aukštį */
  display: flex;
  flex-direction: column;
}

.pm-booking > .elementor-widget-container,
body:has(.pm-calc):has(.elementor-widget-shortcode) .elementor-widget-shortcode > .elementor-widget-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.pm-booking .elementor-shortcode,
body:has(.pm-calc):has(.elementor-widget-shortcode) .elementor-widget-shortcode .elementor-shortcode {
  display: flex;
  flex: 1;
  flex-direction: column;
}

/* Pati Booktics forma – baltas suapvalintas langas rėmo viduje */
.pm-booking .elementor-shortcode > *,
body:has(.pm-calc):has(.elementor-widget-shortcode) .elementor-widget-shortcode .elementor-shortcode > * {
  flex: 1 1 auto;
  background: #fff;
  border-radius: var(--pm-radius);
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.07);
}

/* Formos laukai ir mygtukai naudoja tą patį šriftą kaip svetainė */
.pm-booking button,
.pm-booking input,
.pm-booking select,
.pm-booking textarea,
body:has(.pm-calc):has(.elementor-widget-shortcode) .elementor-widget-shortcode button,
body:has(.pm-calc):has(.elementor-widget-shortcode) .elementor-widget-shortcode input,
body:has(.pm-calc):has(.elementor-widget-shortcode) .elementor-widget-shortcode select,
body:has(.pm-calc):has(.elementor-widget-shortcode) .elementor-widget-shortcode textarea {
  font-family: inherit;
}

/* ---------- 2. Skaičiuoklė siauresnėje kolonoje ----------
   Forma dedama per visą kortelės plotį, nuotrauka lieka fone.
   Kitam puslapiui: apgaubk skaičiuoklę konteineriu su CSS klase pm-compact. */

body:has(.pm-calc):has(.elementor-widget-shortcode) .pm-calc,
.pm-compact .pm-calc {
  width: 100%;
  max-width: none;
  margin: 0;

  /* Skaičiuoklės kortelė užpildo visą rėmo aukštį */
  display: flex;
  flex-direction: column;
  height: 100%;
}

body:has(.pm-calc):has(.elementor-widget-shortcode) .pm-calc .pm-calc__card,
.pm-compact .pm-calc .pm-calc__card {
  flex: 1;
}

body:has(.pm-calc):has(.elementor-widget-shortcode) .pm-calc .pm-calc__content,
.pm-compact .pm-calc .pm-calc__content {
  width: 100%;
  padding: 32px 26px;
}

body:has(.pm-calc):has(.elementor-widget-shortcode) .pm-calc .pm-calc__card::before,
.pm-compact .pm-calc .pm-calc__card::before {
  background: linear-gradient(
    180deg,
    rgba(var(--pm-overlay-rgb), 0.78) 0%,
    rgba(var(--pm-overlay-rgb), var(--pm-shade-strong)) 100%
  );
}

body:has(.pm-calc):has(.elementor-widget-shortcode) :has(> .elementor-widget-shortcode) > .elementor-widget-html > .elementor-widget-container {
  height: 100%;
}

/* ---------- 3. Išdėstymas: dvi kolonos vienodo aukščio ---------- */

@media (min-width: 1025px) {
  /* Konteineris, kuriame guli Booktics valdiklis, tampa eilute */
  body:has(.pm-calc):has(.elementor-widget-shortcode) :has(> .elementor-widget-shortcode) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 28px !important;
  }

  /* KEISTI: kolonų santykis. Booktics forma plati, todėl jai daugiau vietos (58 / 42). */
  body:has(.pm-calc):has(.elementor-widget-shortcode) .elementor-widget-shortcode {
    flex: 58 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body:has(.pm-calc):has(.elementor-widget-shortcode) :has(> .elementor-widget-shortcode) > .elementor-widget-html {
    flex: 42 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body:has(.pm-calc):has(.elementor-widget-shortcode) .pm-calc,
  body:has(.pm-calc):has(.elementor-widget-shortcode) .elementor-widget-shortcode {
    padding: 28px;
  }
}

/* Planšetė ir telefonas: viskas vienoje kolonoje, o SKAIČIUOKLĖ PIRMA,
   kad klientas pirmiausia matytų preliminarią kainą. */
@media (max-width: 1024px) {
  body:has(.pm-calc):has(.elementor-widget-shortcode) :has(> .elementor-widget-shortcode) {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  body:has(.pm-calc):has(.elementor-widget-shortcode) .elementor-widget-shortcode,
  body:has(.pm-calc):has(.elementor-widget-shortcode) :has(> .elementor-widget-shortcode) > .elementor-widget-html {
    flex: none !important;
    width: 100% !important;
    max-width: none !important;
  }

  body:has(.pm-calc):has(.elementor-widget-shortcode) :has(> .elementor-widget-shortcode) > .elementor-widget-html {
    order: -1;
  }
}

/* ---------- Elementor redaktorius ----------
   Redaktoriuje tikros formos nesimato (trumpieji kodai ten neveikia),
   todėl paliekame matomą rėmą. Tikrą vaizdą žiūrėk per Preview. */

.elementor-editor-active:has(.pm-calc) .elementor-widget-shortcode .elementor-shortcode,
.elementor-editor-active .pm-booking .elementor-shortcode {
  align-items: center;
  justify-content: center;
  min-height: 140px;
  color: rgba(255, 255, 255, 0.75);
}/* End custom CSS */