/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ============================================
   Custom Fixes - fink.touch2be.de
   ============================================ */

/* ------------------------------------------
   FIX 1: Brüder-Bild mobil - beide sichtbar
   Container 49ccc4a1: background_position auf center,
   min-height entfernen damit Text nicht abgeschnitten wird.
   ------------------------------------------ */
@media (max-width: 767px) {
  .elementor-117052 .elementor-element.elementor-element-49ccc4a1 {
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: #2C2E33 !important;
  }
  /* Overlay-Text auf volle Breite auf Mobile */
  .elementor-117052 .elementor-element.elementor-element-5ff78007 {
    width: 100% !important;
    --width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-117052 .elementor-element.elementor-element-49ccc4a1 {
    background-position: center center !important;
  }
}

/* ------------------------------------------
   FIX 2: Header-Icons vertikal zentrieren
   Die Icons (Globus + Brief) im mobilen Header
   Container ee859ba müssen auf einer Linie stehen.
   ------------------------------------------ */
@media (max-width: 1024px) {
  .elementor-100949 .elementor-element.elementor-element-ee859ba {
    --align-items: center;
    align-items: center;
  }

  .elementor-100949 .elementor-element.elementor-element-546301e,
  .elementor-100949 .elementor-element.elementor-element-e6c8bd3,
  .elementor-100949 .elementor-element.elementor-element-289c3f2,
  .elementor-100949 .elementor-element.elementor-element-35bab7f,
  .elementor-100949 .elementor-element.elementor-element-4036d78 {
    --align-self: center;
    align-self: center;
    display: flex;
    --justify-content: center;
    justify-content: center;
    --align-items: center;
    align-items: center;
  }

  .elementor-100949 .elementor-element.elementor-element-e6c8bd3 {
    --padding-top: 0px;
    padding-top: 0px !important;
  }
}

/* ------------------------------------------
   FIX 3: Produktionsbild auf /baumaschinen-fink/
   Container 1b8c1aaf - Bild mobil besser sichtbar
   ------------------------------------------ */
@media (max-width: 767px) {
  .elementor-117024 .elementor-element.elementor-element-1b8c1aaf {
    min-height: 250px !important;
    background-position: center center !important;
  }
}

/* FINK Webshop button: outlined brand treatment */
.elementor-100949 .elementor-element.elementor-element-bdef17c .elementor-button {
  min-height: 52px;
  padding: 12px 16px;
  border: 2px solid #1a1a18;
  border-radius: 0;
  background-color: #ffffff;
  color: #1a1a18;
  white-space: nowrap;
  transition: background-color 180ms ease, color 180ms ease;
}

.elementor-100949 .elementor-element.elementor-element-bdef17c .elementor-button-content-wrapper {
  align-items: center;
  flex-wrap: nowrap;
}

.elementor-100949 .elementor-element.elementor-element-bdef17c .elementor-button-content-wrapper::before {
  content: "";
  display: inline-block;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: url("assets/images/icon-webshop.svg") center / contain no-repeat;
}

.elementor-100949 .elementor-element.elementor-element-bdef17c .elementor-button-text {
  color: #1a1a18;
  font-size: 0;
  font-weight: 600;
}

.elementor-100949 .elementor-element.elementor-element-bdef17c .elementor-button-text::before,
.elementor-100949 .elementor-element.elementor-element-bdef17c .elementor-button-text::after {
  font-size: 16px;
}

.elementor-100949 .elementor-element.elementor-element-bdef17c .elementor-button-text::before {
  content: "FINK ";
  color: #1a1a18;
}

.elementor-100949 .elementor-element.elementor-element-bdef17c .elementor-button-text::after {
  content: "Webshop";
  color: #1a1a18;
}

.elementor-100949 .elementor-element.elementor-element-bdef17c .elementor-button:hover .elementor-button-text::after,
.elementor-100949 .elementor-element.elementor-element-bdef17c .elementor-button:focus-visible .elementor-button-text::after {
  color: #1a1a18;
}

.elementor-100949 .elementor-element.elementor-element-bdef17c .elementor-button:hover,
.elementor-100949 .elementor-element.elementor-element-bdef17c .elementor-button:focus-visible {
  background-color: #e5e5e5;
  color: #1a1a18;
}

.elementor-100949 .elementor-element.elementor-element-bdef17c .elementor-button:focus-visible {
  outline: 3px solid #1a1a18;
  outline-offset: 3px;
}

/* Header utilities: consistent color and optical alignment */
.elementor-100949 :is(
  .elementor-element-5821638,
  .elementor-element-689b4d4,
  .elementor-element-21d4982
) .elementor-icon,
.elementor-100949 :is(
  .elementor-element-7daba0d,
  .elementor-element-7629319
) .elementor-search-form__toggle,
.elementor-100949 .elementor-element-c0d1f88 .elementor-menu-toggle {
  color: #1a1a18 !important;
}

@media (max-width: 1024px) {
  .elementor-100949 .elementor-element.elementor-element-ee859ba
  :is(
    .elementor-element-e6c8bd3,
    .elementor-element-35bab7f,
    .elementor-element-4036d78
  ) {
    --align-self: center;
    --justify-content: center;
    --align-items: center;
    align-self: center;
    justify-content: center;
    align-items: center;
    padding-top: 0 !important;
  }

  /* External destination marker for the mobile/tablet Webshop item */
  .elementor-100949 .elementor-element-c0d1f88
  .elementor-nav-menu--dropdown .menu-item-121251 > a.elementor-item::after {
    content: "";
    position: static;
    display: inline-block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background-color: currentColor;
    opacity: 1;
    transform: none;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5h5v5'/%3E%3Cpath d='M10 14 19 5'/%3E%3Cpath d='M19 13v6H5V5h6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5h5v5'/%3E%3Cpath d='M10 14 19 5'/%3E%3Cpath d='M19 13v6H5V5h6'/%3E%3C/svg%3E") center / contain no-repeat;
  }
}