/* =========================================================
   HomeHarbor – Difference (Inline Compatibility Layer)
   Zweck:
   - schützt Original-Optik gegen Theme/Elementor Global Styles
   - ändert NICHT absichtlich das Design
   ========================================================= */

/* Scope-Safety */
#hh-difference,
#hh-difference *{
  box-sizing:border-box;
}

/* Theme-Resets auf Listen/Typo neutralisieren (ohne Originalwerte zu verändern) */
#hh-difference .hh-diff-grid,
#hh-difference .hh-diff-col,
#hh-difference .hh-diff-list,
#hh-difference .hh-diff-list li,
#hh-difference .hh-diff-head{
  margin-block-start:0;
}

/* Viele Themes setzen ul-Padding / list-style global */
#hh-difference .hh-diff-list{
  list-style:none !important;
  padding-left:0 !important;
}

/* Manche Themes setzen eigene li::marker / li::before */
#hh-difference .hh-diff-list li::marker{
  content:"";
}

/* Theme kann h3/p line-height/letter-spacing verfälschen */
#hh-difference .hh-diff-head,
#hh-difference .hh-diff-list li{
  letter-spacing:normal;
  text-transform:none;
}

/* Anchor/hover styles global sollen Karten nicht beeinflussen */
#hh-difference .hh-diff-col a{
  color:inherit;
}

/* Elementor/Theme kann transform/filter auf focus/hover setzen */
#hh-difference .hh-diff-col{
  filter:none;
}

/* Pseudo-Layer sicher hinter Content (wenn Theme z-index spielt) */
#hh-difference .hh-diff-col.highlight::before,
#hh-difference [data-col="hhc"]::before{
  will-change:opacity;
}
#hh-difference .hh-diff-col.highlight > *,
#hh-difference [data-col="hhc"] > *{
  position:relative;
  z-index:1;
}

/* Optionaler Schutz gegen Theme-Transitions auf allen children */
#hh-difference .hh-diff-col *{
  transition-property: none;
}
#hh-difference .hh-diff-col{
  transition-property: transform, box-shadow, border-color, background;
}

/* Falls ein globales Theme h3 zu groß/klein macht (nur scoped Fallback) */
#hh-difference .hh-diff-head{
  line-height:1.3;
}

/* Falls globale p/ul/li font-family reingrätscht, wrapper-Font respektieren */
#hh-difference .hh-diff-head,
#hh-difference .hh-diff-list li{
  font-family:inherit;
}