/*
 * QlickCRM Iframe Stílusok
 * Cél: Az űrlap "negatívba" fordítása és középre igazítása.
 */

/* 1. A konténer középre igazítása és a maximális szélesség beállítása */
.qcrm-section,
.qcrm-frame-wrap {
    max-width: 720px; /* Ezt az értéket módosíthatod, ha szélesebb vagy keskenyebb űrlapot szeretnél */
    margin-left: auto;
    margin-right: auto;
    padding: 1rem 0; /* Opcionális függőleges térköz */
}

/* 2. A "negatív" hatás elérése a CSS filter tulajdonsággal */
.qcrm-frame-wrap {
  /*
   * Ez a CSS filter "megfordítja" az iframe színeit.
   * A 'hue-rotate(180deg)' korrigálja a színeket, hogy pl. a kék ne legyen narancssárga.
   * A 'contrast' és 'brightness' értékekkel finomhangolhatod a végeredményt.
   */
  filter: invert(1) hue-rotate(180deg) contrast(1.05);

  /* További stílusok a szép, "üvegszerű" megjelenésért */
  border-radius: 12px;
  overflow: hidden; /* A lekerekítéshez és a belső tartalom elrejtéséhez szükséges */
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05); /* Enyhe háttér az invertálás előtt */
}

/* 3. Az iframe méretezése, hogy kitöltse a konténert */
.qcrm-iframe {
  width: 100%;
  height: 1200px; /* Ezt lehet, hogy növelned kell, ha az űrlap alja nem látszik */
  border: 0;
}