/*
Theme Name: Cenos Child by GP
Description:  This is a child theme for Cenos Theme
Author: Good Production (good-production.ru)
Template: cenos
Version: 1.0.0
*/

/*
  Show the Cenos mobile header on phones.
  1) Parent theme.css hides .site-header at max-width 767px.
  2) cenos-child/assets/css/portfolio.css (loaded globally) moves
     a bare "header" selector off-canvas (left: -1000%) at max-width 650px
     and makes it a full-viewport overlay. Override that too.
*/
@media (max-width: 767px) {
  header.site-header,
  header#masthead {
    display: block !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 0 !important;
    background: transparent !important;
    float: none !important;
  }
  header.site-header.cenos_transparent_header {
    position: absolute !important;
  }
  header.site-header:not(.cenos_transparent_header) {
    position: relative !important;
  }
  /* Only restore heading offset when a transparent header actually overlays the title. */
  body:has(header.site-header.cenos_transparent_header) .page-heading-wrap {
    padding-top: 100px !important;
  }
}

/* Disable leftover entrance animations (Elementor + WOW.js on the portfolio shortcode).
   Does not target sliders, off-canvas menus, or the cart toast. */
.elementor-invisible,
.wow {
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-animation: none !important;
  animation: none !important;
}

/* Show Elementor lazy section backgrounds immediately, without waiting for frontend JS. */
.elementor-element[data-e-bg-lazyload] {
  --e-bg-lazyload-loaded: var(--e-bg-lazyload);
}

/* -------------------------------------------------------------------------
   1) Homepage three-card row (section 741ba85): equal height, shared
      title/body baselines, buttons pinned to the bottom of each card.
      Colors, photos and copy are unchanged.
   ------------------------------------------------------------------------- */
.elementor-element-741ba85 > .elementor-container > .elementor-row {
  display: flex !important;
  align-items: stretch !important;
}
.elementor-element-741ba85 > .elementor-container > .elementor-row > .elementor-column {
  display: flex !important;
  align-self: stretch !important;
}
.elementor-element-741ba85 .elementor-column-wrap,
.elementor-element-741ba85 .elementor-widget-wrap {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  width: 100%;
}
.elementor-element-ff4afb6,
.elementor-element-9f55822,
.elementor-element-4083747 {
  --justify-content: flex-start !important;
  --align-items: stretch !important;
  --flex-direction: column !important;
  --padding-top: 15% !important;
  --padding-right: 8% !important;
  --padding-bottom: 10% !important;
  --padding-left: 8% !important;
  --gap: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 460px !important;
  box-sizing: border-box;
}
/* Reserve two title lines so body text starts on one baseline. */
.elementor-element-ff4afb6 > .elementor-widget-heading:first-of-type .elementor-heading-title,
.elementor-element-9f55822 > .elementor-widget-heading:first-of-type .elementor-heading-title,
.elementor-element-4083747 > .elementor-widget-heading:first-of-type .elementor-heading-title {
  min-height: 2.5em;
  display: flex;
  align-items: flex-start;
}
/* Pin «Подробнее» to the bottom of every card. */
.elementor-element-ff4afb6 > .elementor-widget-button,
.elementor-element-9f55822 > .elementor-widget-button,
.elementor-element-4083747 > .elementor-widget-button {
  margin-top: auto !important;
}

@media (max-width: 767px) {
  .elementor-element-ff4afb6,
  .elementor-element-9f55822,
  .elementor-element-4083747 {
    min-height: 0 !important;
    height: auto !important;
    --padding-top: 16% !important;
    --padding-bottom: 12% !important;
  }
}

/* -------------------------------------------------------------------------
   2) Photo-overlay contrast, site-wide.

   a) Pre-footer lead form (copied section 0f9d35c on 27 pages, living 71d51b8).
      Headings are white; overlay was a weak light/white gradient at 50%
      opacity, so text and labels disappeared into the photo. Keep the photo,
      use a dark gradient, keep labels/fields/button usable.
   b) Content blocks with a pale #E3E3E3 overlay or a white-to-clear
      gradient (e.g. wardrobe «Лаки и краски»): body text is dark (#242424 /
      #595959) but Elementor also sets overlay opacity 0.5, so the photo
      shows through and contrast collapses. Strengthen the light frost;
      do not invert these to a dark overlay (that would hide dark text).
   c) Heroes (dd15ffe and the home hero) already have a readable dark
      gradient — left alone. Production dark overlays left alone.
   d) Horeca «Комплексное оснащение» (b7cff41): white text, mid-gray
      overlay — slightly darken.
   ------------------------------------------------------------------------- */

/* --- 2a. Lead form --- */
.elementor-section.p_service-page__contact-form > .elementor-background-overlay,
.elementor-element-0f9d35c > .elementor-background-overlay,
.elementor-element-71d51b8 > .elementor-background-overlay,
.elementor-section:has(> .elementor-background-overlay):has(.elementor-widget-wpforms) > .elementor-background-overlay {
  background-color: rgba(12, 12, 12, 0.55) !important;
  background-image: linear-gradient(180deg, rgba(20, 20, 20, 0.48) 0%, rgba(0, 0, 0, 0.68) 100%) !important;
  opacity: 1 !important;
}
.elementor-section.p_service-page__contact-form .elementor-heading-title,
.elementor-element-0f9d35c .elementor-heading-title,
.elementor-element-71d51b8 .elementor-heading-title {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.elementor-section.p_service-page__contact-form .wpforms-container,
.elementor-element-0f9d35c .wpforms-container,
.elementor-element-71d51b8 .wpforms-container {
  --wpforms-label-color: #ffffff;
  --wpforms-label-sublabel-color: rgba(255, 255, 255, 0.85);
}
.elementor-section.p_service-page__contact-form .wpforms-field-label,
.elementor-section.p_service-page__contact-form .wpforms-field-label-inline,
.elementor-element-0f9d35c .wpforms-field-label,
.elementor-element-0f9d35c .wpforms-field-label-inline,
.elementor-element-71d51b8 .wpforms-field-label,
.elementor-element-71d51b8 .wpforms-field-label-inline {
  color: #fff !important;
}
.elementor-section.p_service-page__contact-form .wpforms-field input,
.elementor-section.p_service-page__contact-form .wpforms-field textarea,
.elementor-element-0f9d35c .wpforms-field input,
.elementor-element-0f9d35c .wpforms-field textarea,
.elementor-element-71d51b8 .wpforms-field input,
.elementor-element-71d51b8 .wpforms-field textarea {
  background-color: #fff !important;
  color: #222 !important;
}
.elementor-section.p_service-page__contact-form button[type=submit],
.elementor-element-0f9d35c button[type=submit],
.elementor-element-71d51b8 button[type=submit] {
  background-color: #111 !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.65) !important;
}

/* --- 2b. Pale overlay + dark text (wardrobe «Лаки и краски» and copies) --- */
.elementor-element-04c966b > .elementor-background-overlay,
.elementor-element-177bdc5 > .elementor-background-overlay,
.elementor-element-2c95b33 > .elementor-background-overlay,
.elementor-element-2d24e6c > .elementor-background-overlay,
.elementor-element-4b2ad23 > .elementor-background-overlay,
.elementor-element-5b18e54 > .elementor-background-overlay,
.elementor-element-6604a84 > .elementor-background-overlay,
.elementor-element-6e0bd70 > .elementor-background-overlay,
.elementor-element-99993ea > .elementor-background-overlay,
.elementor-element-9fe2ebe > .elementor-background-overlay,
.elementor-element-ae23daf > .elementor-background-overlay,
.elementor-element-ca75195 > .elementor-background-overlay,
.elementor-element-cc2d3b0 > .elementor-background-overlay,
.elementor-element-d72a3cb > .elementor-background-overlay,
.elementor-element-e62b9c9 > .elementor-background-overlay,
.elementor-element-f466205 > .elementor-background-overlay,
.elementor-element-109a20a > .elementor-background-overlay,
.elementor-element-1b36c76 > .elementor-background-overlay,
.elementor-element-1e801d1 > .elementor-background-overlay,
.elementor-element-327f4af > .elementor-background-overlay,
.elementor-element-4d36a2f > .elementor-background-overlay,
.elementor-element-4eb49f7 > .elementor-background-overlay,
.elementor-element-54743bd > .elementor-background-overlay,
.elementor-element-5b45bf2 > .elementor-background-overlay,
.elementor-element-6bbd2e7 > .elementor-background-overlay,
.elementor-element-6d4d6bf > .elementor-background-overlay,
.elementor-element-7b1b273 > .elementor-background-overlay,
.elementor-element-90b6e2c > .elementor-background-overlay,
.elementor-element-a041113 > .elementor-background-overlay,
.elementor-element-b004394 > .elementor-background-overlay,
.elementor-element-b3da63a > .elementor-background-overlay,
.elementor-element-b7a3f7d > .elementor-background-overlay,
.elementor-element-bbbb3ba > .elementor-background-overlay,
.elementor-element-c083d61 > .elementor-background-overlay,
.elementor-element-c96f814 > .elementor-background-overlay,
.elementor-element-e3e1aa8 > .elementor-background-overlay,
.elementor-element-f1582e6 > .elementor-background-overlay {
  background-color: rgba(236, 236, 236, 0.84) !important;
  background-image: none !important;
  opacity: 1 !important;
}

/* --- 2d. White text on a mid-gray overlay (horeca complex-equipment) --- */
.elementor-element-b7cff41 > .elementor-background-overlay {
  background-color: rgba(0, 0, 0, 0.55) !important;
  background-image: none !important;
  opacity: 1 !important;
}