/* =========================================================
   🎨 STYLE GLOBAL EDOCKMAN — Cohérent avec Helix / SP Page Builder
   ========================================================= */

/* Police générale */
.edocman-container,
.edocman-document-title,
.edocman-category-title-link,
.edocman-categories a {
    font-family: 'Poppins', sans-serif !important;
}

/* =========================================================
   📝 Paragraphe classique (maquette client)
   Appliqué aux descriptions et textes Edocman
   ========================================================= */
.edocman-container p,
.edocman-document-description,
.edocman-document-description p,
.edocman-category-description,
.edocman-category-description p,
.edocman-introtext,
.edocman-introtext p {
    color: #6D6E70 !important;
    text-align: center !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 28px !important; /* 175% */
}



/* =========================================================
   🔴 Boutons (alignés sur SP Page Builder)
   ========================================================= */
.btn.btn-primary,
.edocman-download-link {
    background: #FF0007 !important;
    border-color: #FF0007 !important;
    color: #FFF !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 12px 30px !important;
    border-radius: 30px !important; /* même arrondi que .sppb-btn-rounded */
    transition: all 0.3s ease !important;
}

.btn.btn-primary:hover,
.edocman-download-link:hover {
    background: #e60006 !important;
    border-color: #e60006 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
}


/* Désactive les vieux styles Bootstrap pour éviter les conflits */
.btn:hover {
    background-image: none !important;
}


/* =========================================================
   🧩 Formulaires / Inputs
   ========================================================= */
input[type="text"],
select {
    height: 48px !important;
    font-size: 16px !important;
    padding: 8px 14px !important;
    width: 100% !important;
    border: 1px solid #DDD !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    transition: border 0.3s ease, box-shadow 0.3s ease !important;
}

input[type="text"]:focus,
select:focus {
    border-color: #FF0007 !important;
    box-shadow: 0 0 6px rgba(255, 0, 0, 0.3) !important;
    outline: none !important;
}

/* Icône "select" modernisée */
select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg fill="%23000000" viewbox="'0" xmlns="http://www.w3.org/2000/svg"><polygon points="'0,0" /></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
}


/* =========================================================
   🔗 Liens & Titres
   ========================================================= */
.edocman-container a,
.edocman-document-title a,
.edocman-category-title-link,
.edocman-categories a {
    color: #FF0007 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.edocman-container a:hover,
.edocman-document-title a:hover,
.edocman-category-title-link:hover,
.edocman-categories a:hover {
    color: #e60006 !important;
}


/* =========================================================
   🗂️ Catégories (style “card” moderne)
   ========================================================= */
.edocman-category {
    background: #F8F8F8 !important;
    border: 1px solid #EEE !important;
    border-radius: 12px !important; /* plus moderne */
    padding: 20px !important;
    margin-bottom: 25px !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.edocman-category:hover {
    box-shadow: 0 6px 14px rgba(0,0,0,0.12) !important;
    transform: translateY(-3px) !important;
}


/* Image de catégories */
.edocman-thumb-left {
    width: 100% !important;
    max-height: 200px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    margin: 12px 0 !important;
}


/* Titre centré */
.edocman-box-heading {
    text-align: center !important;
    margin-bottom: 15px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}


/* Grid des catégories (flex responsive propre) */
.row-fluid.clearfix {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    justify-content: space-between !important;
}

/* Mobile : 1 par ligne */
@media (max-width: 768px) {
    .edocman-category {
        width: 100% !important;
        max-width: 100% !important;
    }

    .row-fluid.clearfix {
        display: block !important;
    }
}


/* =========================================================
   🆕 Pastille "NEW"
   ========================================================= */
.edocman_new {
    background: #FFF7F7 !important;
    color: #FF0007 !important;
    border: 1px solid #FF0007 !important;
    padding: 6px 12px !important;
    border-radius: 30px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
}

.edocman_new:hover {
    background: #FFECEC !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.12) !important;
}


/* =========================================================
   🔢 Pagination
   ========================================================= */
.pagination li a {
    font-size: 14px !important;
    color: #FF0007 !important;
    border-radius: 8px !important;
}

.pagination li.active a {
    background-color: #FF0007 !important;
    color: #FFF !important;
    border-color: #FF0007 !important;
}