/* --- SCANCLIMBER DOCMAN LIST & TABLE WRAPPER --- */
.k-docman .k-list, 
.k-docman table {
    font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
    width: 100% !important;
}

/* Header/Header row matching Scanclimber Dark Blue */
.k-docman th, 
.k-docman .k-list-header {
    background-color: #1E2530 !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
    padding: 14px 20px !important;
    border: none !important;
}
/* Keskittää DOCman-listauksen ja rajoittaa sen leveyden valikon tasolle */
.k-ui-namespace {
    max-width: 1200px !important; /* Säätää listauksen maksimileveyttä */
    margin-left: auto !important;  /* Keskittää automaattisesti vasemmalta */
    margin-right: auto !important; /* Keskittää automaattisesti oikealta */
    padding-left: 20px !important;  /* Lisää hieman turvaväliä reunoihin mobiilissa */
    padding-right: 20px !important; /* Lisää hieman turvaväliä reunoihin mobiilissa */
}
/* Keskittää DOCmanin hallintapainikkeet ja työkalupalkit */
.k-docman .k-toolbar, 
.k-docman .k-button-bar {
    display: flex !important;
    justify-content: center !important; /* Keskittää painikerivin */
    flex-wrap: wrap !important;
    gap: 10px !important; /* Lisää siistin välin painikkeiden väliin */
}
/* Individual list item rows styled as technical cards */
.k-docman .k-item, 
.k-docman tr {
    background-color: #F4F6F8 !important;
    border-left: 5px solid #FFD200 !important; /* Scanclimber Accent Yellow */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Row hover states mimicking active construction site components */
.k-docman .k-item:hover, 
.k-docman tr:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(30, 37, 48, 0.12) !important;
    background-color: #FFFFFF !important;
}

/* Row padding data cells */
.k-docman td, 
.k-docman .k-item-content {
    padding: 16px 20px !important;
    color: #333333 !important;
    vertical-align: middle !important;
    border: none !important;
}

/* Document/Category links styling */
.k-docman a.k-category-title, 
.k-docman a.k-document-title,
.k-docman td a {
    color: #1E2530 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    font-size: 16px !important;
}

.k-docman a.k-category-title:hover, 
.k-docman a.k-document-title:hover,
.k-docman td a:hover {
    color: #F1B90B !important; /* Hover transitions to industrial amber */
}

/* Download button mimicking Scanclimber action buttons */
.k-docman .k-button, 
.k-docman .k-btn-download {
    background-color: #1E2530 !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    padding: 10px 18px !important;
    border-radius: 3px !important;
    border: 2px solid #1E2530 !important;
    transition: all 0.2s ease !important;
}

.k-docman .k-button:hover, 
.k-docman .k-btn-download:hover {
    background-color: #FFD200 !important;
    color: #1E2530 !important;
    border-color: #FFD200 !important;
}
.k-docman .k-icon, 
.k-docman [class^="k-icon-"] {
    color: #1E2530 !important; /* Forces all file type icons to look unified dark gray */
}
/* --- SCANCLIMBER DOCMAN GALLERY GRID --- */
.k-docman .k-gallery {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 25px !important;
    padding: 20px 0 !important;
}

/* Grid item card construction layout */
.k-docman .k-gallery .k-item {
    background: #FFFFFF !important;
    border: 1px solid #EAEAEA !important;
    border-bottom: 4px solid #1E2530 !important; /* Dark structural baseline */
    border-radius: 4px !important;
    padding: 24px !important;
    text-align: left !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Top bar accent reveal on hover */
.k-docman .k-gallery .k-item::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 4px !important;
    background-color: #FFD200 !important; /* Scanclimber Accent Yellow */
    transform: scaleX(0) !important;
    transition: transform 0.25s ease !important;
}

.k-docman .k-gallery .k-item:hover::before {
    transform: scaleX(1) !important;
}

.k-docman .k-gallery .k-item:hover {
    transform: translateY(-5px) !important;
    border-bottom-color: #FFD200 !important;
    box-shadow: 0 12px 24px rgba(30, 37, 48, 0.15) !important;
}

/* Document Icon Tweaks */
.k-docman .k-gallery .k-file-icon {
    font-size: 40px !important;
    color: #1E2530 !important;
    margin-bottom: 15px !important;
}
/* ============================================================
   DOCMAN CATEGORY VIEW – ELEMENTOR STYLE (FORCE OVERRIDE)
   ============================================================ */

/* --- CATEGORY GRID WRAPPER --- */
.docman_categories {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
    gap: 24px !important;
    margin-top: 20px !important;
}

/* --- CATEGORY CARD --- */
.docman_category {
    background: #f5f7fa !important;
    border: 1px solid #dfe3e8 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.06) !important;
}

.docman_category:hover {
    background: #eef2f6 !important;
    border-color: #c7d0d9 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.10) !important;
}

/* --- CATEGORY TITLE WRAPPER --- */
.koowa_header {
    margin: 0 0 12px 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* --- CATEGORY ICON --- */
.k-icon-document-folder {
    font-size: 32px !important;
    color: #003366 !important;
}

/* --- CATEGORY TITLE TEXT --- */
.koowa_header__item .whitespace_preserver {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #003366 !important;
}

/* --- CATEGORY THUMBNAIL IMAGE --- */
.k-ui-namespace .docman_thumbnail img {
    width: 100% !important;
    max-width: 150px !important;
    border-radius: 6px !important;
    margin-top: 10px !important;
    border: 1px solid #dfe3e8 !important;
    object-fit: cover !important;
}

/* --- CATEGORY DESCRIPTION --- */
.k-ui-namespace .docman_description {
    margin-top: 12px !important;
    font-size: 15px !important;
    color: #444 !important;
    line-height: 1.5 !important;
}