/* === Startseite: Kategorie-Kacheln an Header/Slider angleichen ===
 * Reine Darstellungsebene - die Elementor-Inhalte bleiben unangetastet.
 * Betroffen sind ausschliesslich die 12 Kacheln in den 4er-Spalten
 * (geprueft: alle Buttons auf Seite 15 gehoeren zu diesen Kacheln).
 */

.elementor-15 .elementor-col-25 > .elementor-widget-wrap {
    --nmk-navy: #16233F;
    --nmk-gold: #EDBE4A;
}

/* === Kategorie-Kacheln: schlichte Bildkacheln ===
 * Vorbild: grosses freigestelltes Produktbild auf hellem Grund, Name
 * zentriert darunter. Der gelbe Balken war ein Elementor-Button - er
 * bleibt als Element bestehen, wird aber zur schlichten Beschriftung.
 * Beschreibungstext und "Details ansehen" entfallen; die ganze Kachel
 * ist ohnehin anklickbar (siehe nm-home-google-reviews.js). */

.elementor-15 .elementor-col-25 > .elementor-widget-wrap.elementor-element-populated {
    background: #f7f7f5 !important;
    border: 1px solid transparent;
    border-radius: 14px;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: hidden;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.elementor-15 .elementor-col-25 > .elementor-widget-wrap.elementor-element-populated:hover {
    background: #f2f1ee !important;
    border-color: #e7e4d9;
    transform: translateY(-2px);
    box-shadow: none !important;
}

/* Bild gross und luftig */
.elementor-15 .elementor-col-25 .elementor-widget-image {
    background: transparent !important;
    border-bottom: 0;
    padding: 18px 18px 4px !important;
    margin: 0 !important;
}
.elementor-15 .elementor-col-25 .elementor-widget-image img {
    border-radius: 0 !important;
    max-height: 190px;
    width: auto;
    margin: 0 auto;
    object-fit: contain;
    mix-blend-mode: multiply;
    /* Das Bild ist ein freigestelltes Produkt auf weissem Grund - ein
       Kastenschatten zeichnet dessen unsichtbare Kante als graue Linie nach. */
    box-shadow: none !important;
}

/* Kategoriename: aus dem gelben Button wird eine schlichte Zeile */
.elementor-15 .elementor-col-25 .elementor-widget-button { margin: 0 !important; }
.elementor-15 .elementor-col-25 .elementor-widget-button .elementor-button {
    background-image: none !important;
    background-color: transparent !important;
    color: #16233F !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 4px 16px 22px !important;
    width: 100%;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -.002em;
    text-align: center;
    justify-content: center;
    transition: color .18s ease !important;
}
.elementor-15 .elementor-col-25 > .elementor-widget-wrap:hover .elementor-button { color: #0d1526 !important; }
/* Der Pfeil im grauen Kreis ist ein ::after am Button (nicht im Markup) -
   er gehoerte zum alten Balken-Look und wuerde den Namen aus der Mitte
   druecken. ::before war die Klickflaeche des alten Designs. */
.elementor-15 .elementor-col-25 .elementor-button::after,
.elementor-15 .elementor-col-25 .elementor-button::before { content: none !important; display: none !important; }
.elementor-15 .elementor-col-25 .elementor-button .elementor-button-icon { display: none !important; }
.elementor-15 .elementor-col-25 .elementor-button .elementor-button-content-wrapper { justify-content: center; width: 100%; }

/* Beschreibung + "Details ansehen" ausblenden: Text steht weiterhin im
   HTML (fuer Suchmaschinen), ist visuell aber nicht mehr Teil der Kachel. */
.elementor-15 .elementor-col-25 .elementor-widget-text-editor {
    position: absolute;
    width: 1px; height: 1px;
    margin: -1px; padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}