/* Containerul principal - ridicat sub meniu și aliniat la stânga */
#edocman-category {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start; /* Aliniere la stânga pentru un aspect curat sub meniu */
  min-height: 120px; 
  padding: 20px 30px; 
  border-radius: 8px; 
  text-align: left;
  position: relative;
  overflow: hidden;
  
  /* Ridicare sub meniu: elimină spațiul de sus și aplică o marjă negativă dacă este nevoie */
  margin-top: -35px !important; 
  margin-bottom: 35px;

  /* Fundal alb-gheață cu efect de blur */
  background: rgba(238, 245, 250, 0.6) !important; 
  backdrop-filter: blur(16px); 
  -webkit-backdrop-filter: blur(16px);
  
  /* Contur fin gri-bleu subtil */
  border: 1px solid rgba(31, 111, 178, 0.12) !important;

  /* Umbră ambientală soft */
  box-shadow: 
    0 10px 30px rgba(31, 111, 178, 0.05),
    0 2px 8px rgba(0, 0, 0, 0.02);

  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Overlay Ice pentru reflexie pe fundal alb */
#edocman-category::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(198, 222, 245, 0.25) 100%
  );
  z-index: 0;
}

/* Forțare conținut peste overlay-ul de fundal */
#edocman-category * {
  position: relative;
  z-index: 1;
}

/* Efecte la trecerea cu mouse-ul (Hover) pe container */
#edocman-category:hover {
  transform: translateY(-3px);
  background: rgba(233, 242, 250, 0.85) !important; 
  border-color: rgba(31, 111, 178, 0.25) !important; 
  box-shadow: 
    0 15px 35px rgba(31, 111, 178, 0.12), 
    0 4px 12px rgba(0, 0, 0, 0.03);
}

/* Titlu - Configurat pe orizontală (iconiță în stânga) cu forțare font */
#edocman-category .edocman-page-heading {
  font-family: 'Helvetica Neue', Arial, sans-serif !important; 
  font-size: 36px !important; /* Modifică valoarea de aici pentru mărimea dorită */
  font-weight: 900 !important;
  color: #58595b !important; 
  letter-spacing: -0.2px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: row !important; /* Pune iconița în stânga */
  align-items: center !important;
  gap: 25px !important; /* Spațiu între iconiță și text */
}

/* Iconița din stânga textului */
#edocman-category .edocman-page-heading i.edicon {
  font-size: 52px !important; /* Dimensiune optimizată pentru rândul de text */
  color: #1f6fb2 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 4px 8px rgba(31, 111, 178, 0.15));
  transition: color 0.3s ease, transform 0.3s ease;
}

/* Schimbă culoarea și mișcă iconița la hover pe container */
#edocman-category:hover .edocman-page-heading i.edicon {
  transform: translateX(2px) translateY(-1px); /* Mișcare discretă spre dreapta-sus */
  color: #e74c3c !important; 
}

/* Sub-box (dacă are conținut) */
#edocman-category .edocman-page-sub-box {
  margin-top: 4px;
}

/* Linie de accent minimalistă sub element - aliniată la stânga */
#edocman-category::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  margin: 12px 0 0 0; /* Aliniere la stânga */
  background: #1f6fb2;
  border-radius: 1px;
  transition: width 0.3s ease, background-color 0.3s ease;
  position: relative;
  z-index: 1;
}

/* Extinderea liniei și schimbarea culorii la hover */
#edocman-category:hover::after {
  width: 150px;
  background: #ff5722; 
}

/* Optimizare și ridicare sub meniu pentru ecrane mobile */
@media (max-width: 768px) {
  #edocman-category {
    padding: 16px 20px !important;
    
    /* Ridică puternic containerul pe mobil - ajustează valoarea dacă e necesar */
    margin-top: -45px !important; 
    margin-bottom: 15px !important;
    
    min-height: auto !important;
  }
  
  #edocman-category .edocman-page-heading {
    font-size: 17px !important; /* Dimensiune text adaptată pentru ecrane înguste */
    flex-direction: row !important; 
    gap: 10px !important;
    align-items: center !important;
  }
  
  #edocman-category .edocman-page-heading i.edicon {
    font-size: 34px !important; /* Iconiță ușor mai mică pe mobil pentru a nu rupe rândul */
  }
}

}





/* ==========================================
   1. IMPORTUL FONTULUI PRINCIPAL (ROBOTO)
   ========================================== */
@import url('https://googleapis.com');

/* ==========================================
   2. GESTIONAREA TITLULUI DOCUMENTULUI
   ========================================== */
h3.edocman-document-title a.edocman-document-title-link {
    font-family: 'Arial', sans-serif !important;
    font-size: 20px !important;                  /* Mărime titlu */
    font-weight: 700 !important;                  /* Grosime text */
    color: #1a252f !important;                    /* Culoare text implicită (închisă) */
    line-height: 1.4 !important;
    letter-spacing: -0.2px !important;            /* Spațiere strânsă pentru titluri lungi */
    text-decoration: none !important;
    transition: color 0.2s ease-in-out !important;
}

/* Efectul la trecerea mouse-ului peste titlu */
h3.edocman-document-title a.edocman-document-title-link:hover {
    color: #007bff !important;                    /* Se schimbă în albastru la hover */
    text-decoration: underline !important;
}

/* ==========================================
   3. GESTIONAREA PICTOGRAMEI PDF (SVG)
   ========================================== */
h3.edocman-document-title a.edocman-document-title-link svg.bi-filetype-pdf {
    fill: #dc3545 !important;                     /* Forțează pictograma PDF să fie roșie */
    vertical-align: middle !important;            /* Aliniază perfect pictograma cu textul */
    margin-right: 8px !important;                 /* Spațiu între pictogramă și text */
}

/* ==========================================
   4. METADATE: TEXTUL „DOWNLOADS” DEDESUBT
   ========================================== */
.downloadinformation {
    font-family: 'Arial', sans-serif !important;
    font-size: 13px !important;                  /* Text mai mic pentru informații secundare */
    color: #6c757d !important;                    /* Gri șters profesional */
    margin-top: 5px !important;                   /* Spațiu față de titlu */
    font-weight: 400 !important;
}

/* ==========================================
   5. TEXTUL DESCRIERII (ORGANIGRAMA...)
   ========================================== */
.edocman-description-details {
    font-family: 'Arial', sans-serif !important;
    font-size: 15px !important;                  /* Dimensiunea textului explicativ */
    color: #495057 !important;                    /* Gri închis lizibil pentru citit */
    line-height: 1.6 !important;                  /* Spațiu aerisit între rânduri */
    margin-bottom: 15px !important;               /* Distanță până la butoane */
}

/* ==========================================
   6. BUTOANELE DE ACȚIUNE (Download, View, Detalii)
   ========================================== */
.edocman-taskbar ul li a.btn {
    font-family: 'Arial', sans-serif !important;
    font-size: 14px !important;                  /* Dimensiune text butoane */
    font-weight: 500 !important;
    padding: 6px 12px !important;                 /* Dimensiunea interioară a butonului */
    border-radius: 4px !important;                /* Colțuri ușor rotunjite */
}














/* CONTAINERUL PRINCIPAL - Mai mic și mai fin */
.sortPagiBar-layoutswicher .edocman-view-toggle {
    display: inline-flex !important;
    align-items: center;
    background-color: #490a69 !important;
    /* 1. AM MICȘORAT PADDING-UL de la 6px la 4px */
    padding: 4px !important; 
    border-radius: 50px !important;       
    box-shadow: 
        0 8px 20px rgba(30, 30, 36, 0.12), 
        0 3px 8px rgba(0, 0, 0, 0.08) !important; 
    border: 1px solid #2d2d35 !important;
    gap: 3px !important; /* Spațiu mai mic între butoane */
}

/* BUTOANELE DIN INTERIOR - Dimensiune redusă */
.sortPagiBar-layoutswicher .edocman-view-toggle button.toggle-btn {
    background: transparent !important;
    border: none !important;
    /* 2. AM MICȘORAT DIMENSIUNEA de la 42px la 32px */
    width: 32px !important;  
    height: 32px !important;
    border-radius: 50% !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #a0a0ab !important; 
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
    z-index: 2;
    outline: none !important;
    box-shadow: none !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; 
}

/* PICTOGRAMELE (Icoanele din interior) */
.sortPagiBar-layoutswicher .edocman-view-toggle button.toggle-btn i {
    /* 3. AM MICȘORAT ICOANA de la 18px la 14px ca să încapă perfect */
    font-size: 14px !important; 
}

/* EFECT LA HOVER */
.sortPagiBar-layoutswicher .edocman-view-toggle button.toggle-btn:not(.active):hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important; 
    transform: translateY(-1px) !important; /* Ridicare mai discretă fiindcă e mai mic */
}

/* STAREA ACTIVĂ (Pastila mobilă cu gradient și glow) */
.sortPagiBar-layoutswicher .edocman-view-toggle button.toggle-btn.active {
    color: #ffffff !important; 
    background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%) !important; 
    box-shadow: 
        0 0 10px rgba(0, 242, 254, 0.5), 
        0 3px 8px rgba(79, 172, 254, 0.3) !important; /* Glow adaptat pentru dimensiune mică */
    transform: scale(1.03) !important; 
}

/* Ascunderea sliderului nativ */
.sortPagiBar-layoutswicher .toggle-slider {
    display: none !important;
}