/* ==========================================================================
   CKEditor Dokumentum Letöltő Kártyák (Media -- Document)
   ========================================================================== */

/* A letöltő kártya alapvető flex elrendezése és átmenete */
.media-document-download-box {
  transition: all 0.2s ease-in-out;
}

/* --- BAL OLDAL --- */
.file-content-wrapper .file {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  text-decoration: none !important;
  color: #333 !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
}

/* A gyári kis ikon stílusa (16x16), szép távolsággal a szövegtől */
.file-content-wrapper .file img, 
.file-content-wrapper .file svg {
  margin-right: 0.75rem !important;
  flex-shrink: 0 !important;
}

/* --- JOBB OLDAL: Letöltés gomb, TELJESEN IKONMENTESEN --- */
.file-download-button-wrapper .file {
  display: inline-block !important;
  background-image: none !important; /* Letakarítjuk a háttérképet a konténerről */
  padding-left: 0 !important; /* Elvesszük az ikon miatti behúzást */
}

/* Elrejtjük a HTML alapú (img/svg) ikonokat is, ha lennének a gombban */
.file-download-button-wrapper .file img,
.file-download-button-wrapper .file svg,
.file-download-button-wrapper .file span {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Átalakítjuk a gombban lévő linket egy szép Bootstrap stílusú gombbá */
.file-download-button-wrapper .file a {
  display: inline-block !important;
  padding: 0.4rem 1.2rem !important;
  font-size: 0 !important; /* Eltünteti a gyári fájlnevet a gombból */
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #0056b3 !important;
  border: 1px solid #0056b3 !important;
  border-radius: 0.25rem !important;
  background-color: transparent !important;
  background-image: none !important; /* Letakarítjuk a háttérkép-ikont magáról a linkről is */
  padding-left: 1.2rem !important; /* Tiszta, szimmetrikus belső margó a gombnak */
  transition: all 0.2s ease-in-out !important;
  text-decoration: none !important;
}

/* Fix felirat elhelyezése a gombon belül */
.file-download-button-wrapper .file a::before {
  content: "Megnyitás" !important;
  font-size: 0.85rem !important;
}

/* --- HOVER ÁLLAPOTOK --- */
.media-document-download-box:hover {
  background-color: #f8f9fa !important;
  border-color: #0056b3 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

/* A gomb beszínezése, ha a kártya fölé téved az egér */
.media-document-download-box:hover .file-download-button-wrapper .file a {
  background-color: #0056b3 !important;
  color: #ffffff !important;
}

.file-content-wrapper .file a:hover {
  color: #0056b3 !important;
}