/*
Downloadio admin style.
Contain all admin style of the plugin.

Since: 1.0.0

Table of contents:
==================
1. Post table
2. Files metabox
3. Utility metabox
4. Setting fields
5. Responsive
*/

/* 1. Post table
======================================================= */
/* Columns */
table.wp-list-table .column-thumb,
table.wp-list-table .column-thumbm {
	width: 52px;
	text-align: center;
    white-space: nowrap;
}
table.wp-list-table .column-thumb a,
table.wp-list-table .column-thumb span,
table.wp-list-table .column-thumbm a,
table.wp-list-table .column-thumbm span {
	display: inline-block;
	line-height: 0;
}
table.wp-list-table .column-thumb .dashicons,
table.wp-list-table .column-thumbm .dashicons,
table.wp-list-table .column-downloaded .dashicons {
	width: 14px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
}

/* Hide mobile column */
table.wp-list-table .column-thumbm {
    display: none !important;
}

/* Row actions */
table.wp-list-table .row-actions span.id > span {
    color: #999;
}

/* 2. Files metabox
======================================================= */
.downloadio-download-files .simple-download-files .csf-cloneable-clone,
.downloadio-download-files .variable-download-files .csf-cloneable-clone {
    display:  none !important;
    visibility: hidden;
    opacity: 0;
}
.downloadio-download-files .expiry-input .csf--input .csf--icon {
    display:  none !important;
    visibility: hidden;
    opacity: 0;
}
.downloadio-download-files .expiry-input .csf--input input.csf-input-number {
    width: 100px;
    border-radius: 4px;
    text-align: inherit;
}

.downloadio-download-files .access-input .csf-fieldset input[type="radio"]:disabled {
    border-color:  #8c8f94;
    background: #fff;
    color: #50575e;
    box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
    opacity: 0.5;
}
.downloadio-download-files .access-input .csf-fieldset input[type="radio"]:disabled + .csf--text {
    opacity:  0.5;
}
.downloadio-download-files .access-input .csf-fieldset input[type="radio"]:disabled + .csf--text a,
.downloadio-download-files .access-input .csf-fieldset input[type="radio"]:disabled + .csf--text a:hover,
.downloadio-download-files .access-input .csf-fieldset input[type="radio"]:disabled + .csf--text a:focus,
.downloadio-download-files .access-input .csf-fieldset input[type="radio"]:disabled + .csf--text a:visited {
    color:  inherit;
    text-decoration: none;
    outline: 0;
}
.downloadio-download-files .access-input .csf-fieldset input[type="radio"]:disabled + .csf--text a::after {
    display: inline-block;
    content: "?";
    width: 17px;
    height: 17px;
    background-color: #000;
    line-height: 17px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    margin-left: 5px;
}

.downloadio-download-files .file-preview-buttons .csf-repeater-item {
    border-color: #ccd0d4;
}

/* 3. Utility metabox
======================================================= */
.downloadio-download-utility .details-layout select,
.downloadio-download-utility .details-variation-input-type select,
.downloadio-download-utility .archive-variation-input-type select {
    width: 100%;
}
.downloadio-download-utility .csf-field,
.downloadio-download-utility .csf-field::before,
.downloadio-download-utility .csf-field::after,
.downloadio-download-utility .csf-field *,
.downloadio-download-utility .csf-field *::before,
.downloadio-download-utility .csf-field *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 4. Setting fields
======================================================= */
.downloadio-settings .expiry-input .csf--input .csf--icon {
    display:  none !important;
    visibility: hidden;
    opacity: 0;
}
.downloadio-settings .expiry-input .csf--input input.csf-input-number {
    width: 100px;
    border-radius: 4px;
    text-align: inherit;
}

/* Notice inside field desc */
.downloadio-settings .downloadio-field-desc-notice {
    margin-top: 15px;
}

/* Options group */
.downloadio-settings .options-group-heading {
    font-size: 1.25em;
    line-height: 1.5;
}

/* Pro tabs */
.csf-tab-item-anchor-pro {
    position: relative;
    padding-right: 35px !important;
}
.csf-tab-item-anchor-pro::after {
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f023";
    background-color: transparent;
    color: #999;
    padding: 0;
    border-radius: 3px;
    transform: translateY( -50% );
}

/* Pro sectons */
.csf-section-title-pro h3 {
    position: relative;
    padding-right: 60px !important;
}
.csf-section-title-pro h3::after {
    position: absolute;
    top: 50%;
    right: 0;
    content: "Pro";
    background-color: #ad39ce;
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    transform: translateY( -50% );
}

/* 5. Responsive
======================================================= */
/* Min width: 1px and Max width: 782px */
@media only screen and (max-width: 782px) {
    /* Post table */
    table.wp-list-table .column-thumb,
    table.wp-list-table .is-expanded .column-thumb {
        display: none !important;
    }
    table.wp-list-table .is-expanded .column-thumbm {
        display: block !important;
        padding: 3px 8px 3px 35%;
        text-align: unset;
    }
    table.wp-list-table .row-actions span.id > span {
        display: inline-block;
        padding: 4px 8px;
        line-height: 1.5;
    }
}