/** 
 * epbase: Add borders and colors to the page module to make backend layout columns more distinct.
 */

/* Adjust padding to handle the background colors */
.t3-grid-table {
    border-spacing: 10px;
}

.t3-page-column-header,
.t3-page-column-unused .t3-page-column-header {
    margin: 0 !important;
    margin-inline-end: 0 !important;
}

/* remove extraneous borders */
.t3-grid-cell,
.t3-page-column .t3-page-column-header {
    border-bottom: none;
}

/* improve position of "edit column" icons */
.t3-page-column-header-icons {
    float: right;
    position: unset !important;
}

/* language columns */
.t3-page-column.t3-page-column-lang-name,
.t3-page-column.t3-page-lang-label {
    border: none;
}

/* Default for all columns, and for custom ones */
.t3-page-column .t3-page-column-header {
    color: #333;
    padding: 2px 5px 5px;
    font-size: 18px;
    text-transform: none;
    font-weight: 500;
    font-family: 'Source Sans 3', sans-serif;
}

.t3-page-column .t3-page-column-header {
    background-color: #ddd;
}

.t3-page-column {
    border: 3px solid #ddd;
}

/* top and bottom */
.t3-page-column-3 .t3-page-column-header,
.t3-page-column-4 .t3-page-column-header {
    background-color: #b8daf5;
}

.t3-page-column-3,
.t3-page-column-4 {
    border: 3px solid #b8daf5;
}

/* primary */
.t3-page-column-0 .t3-page-column-header {
    background-color: #cae59e;
    color: #374f08; 
}

.t3-page-column-0 {
    border: 3px solid #cae59e;
}


/* left and right */
.t3-page-column-1 .t3-page-column-header,
.t3-page-column-2 .t3-page-column-header {
    background-color: #eaf5b7;
}

.t3-page-column-1,
.t3-page-column-2 {
    border: 3px solid #eaf5b7;
}

/* extra - extra5 */
.t3-page-column-5 .t3-page-column-header,
.t3-page-column-6 .t3-page-column-header,
.t3-page-column-7 .t3-page-column-header,
.t3-page-column-8 .t3-page-column-header,
.t3-page-column-9 .t3-page-column-header,
.t3-page-column-10 .t3-page-column-header,
.t3-page-column-11 .t3-page-column-header {
    background-color: #f5f4b8;
}

.t3-page-column-5,
.t3-page-column-6,
.t3-page-column-7,
.t3-page-column-8,
.t3-page-column-9,
.t3-page-column-10,
.t3-page-column-11 {
    border: 3px solid #f5f4b8;
}

/* restricted */
.t3-grid-cell-restricted {
    background-color: unset;
    background: repeating-linear-gradient(
        135deg,
        #eee, #eee 1rem,
        #fafafa 0, #fafafa 2rem
    );
}

/* unused */
.t3-page-column-unused .t3-page-column-header {
    background-color: #f5e4a5;
}

.t3-page-column-unused {
    border: 3px solid #f5e4a5;
}

/* Hide language flag in Page module */
/* @todo: TSconfig or site configuration way to hide this. OR at least wrap the language name in something so CSS can target it. */
/* hide contents, including language flag and label */
.t3-page-ce-header-icons-left {
    visibility: collapse;
}
/* CType clickmenu */ 
.t3-page-ce-header-icons-left > a {
    visibility: visible;
}
/* hide flag */
/*
.t3-page-ce-header-icons-left > :not(a) {
    display: none;
}
*/

.t3-page-ce .t3-page-ce-footer {
    font-family: inherit;
}