/*
 * Application-specific style overrides.
 * Moved out of the inline <style> blocks in templates/base.html.twig.
 * Loaded after the vendor CoreUI style.css so these overrides win.
 */

.adunits-left:hover {
    text-decoration: underline;
    text-underline: #0c1016;
}

a {
    color: #00E185;
}

label {
    z-index: 1000 !important;
}

#script_edit_field_code {
    min-height: 350px;
}

.bootstrap-tagsinput input {
    background-color: rgba(var(--cui-secondary-rgb), var(--cui-bg-opacity)) !important;
    /*background: #ccc;*/
}

.bootstrap-tagsinput span {
    margin-bottom: 10px;
}

.similar_dropdown .form-multi-select-optgroup-label {
    padding-left: 0;
    padding-right: 0;
}

.header-nav {
    justify-content: flex-end;
}

.form-multi-select.show {
    z-index: 100000 !important;
}

/*.similar_dropdown .form-multi-select-optgroup > .form-multi-select-option {*/
/*    display: none;*/
/*}*/

.form-multi-select-dropdown {
    background: #11111f;
}

input[disabled="disabled"] {
    width: 100%;
}

.my-table td,
.my-table th {
    min-width: 200px;
    white-space: nowrap;
}

div.form-multi-select {
    width: 100%;
}


[data-coreui-theme=dark] .btn-primary {
    --cui-btn-color: #fff;
    --cui-btn-bg: #009965;
    --cui-btn-border-color: #009965;
    --cui-btn-hover-color: #fff;
    --cui-btn-hover-bg: #007a52;
    --cui-btn-hover-border-color: #007a52;
    --cui-btn-focus-shadow-rgb: #007a52;
    --cui-btn-active-color: #fff;
    --cui-btn-active-bg: #007a52;
    --cui-btn-active-border-color: #007a52;
    --cui-btn-active-shadow: #007a52;
    --cui-btn-disabled-color: #fff;
    --cui-btn-disabled-bg: #009965;
    --cui-btn-disabled-border-color: #009965;
}

.bg-success {
    background-color: #009965 !important;
}

[data-coreui-theme=dark] .btn-outline-primary {
    --cui-btn-color: #009965;
    --cui-btn-border-color: #009965;
    --cui-btn-hover-color: #fff;
    --cui-btn-hover-bg: #009965;
    --cui-btn-hover-border-color: #009965;
    --cui-btn-focus-shadow-rgb: 94.2, 92.4, 207.6;
    --cui-btn-active-color: #fff;
    --cui-btn-active-bg: #009965;
    --cui-btn-active-border-color: #009965;
    --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
    --cui-btn-disabled-color: #009965;
    --cui-btn-disabled-bg: transparent;
    --cui-btn-disabled-border-color: #009965;
    --cui-gradient: none;
}

[data-coreui-theme=dark] .btn-outline-success {

    --cui-btn-color: #00E185;
    --cui-btn-border-color: #00E185;
    --cui-btn-hover-color: #080a0c;
    --cui-btn-hover-bg: #00E185;
    --cui-btn-hover-border-color: rgb(33.55, 151.45, 65.05);
    --cui-btn-focus-shadow-rgb: 33.55, 151.45, 65.05;
    --cui-btn-active-color: #080a0c;
    --cui-btn-active-bg: rgb(33.55, 151.45, 65.05);
    --cui-btn-active-border-color: rgb(33.55, 151.45, 65.05);
    --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
    --cui-btn-disabled-color: rgb(33.55, 151.45, 65.05);
    --cui-btn-disabled-bg: transparent;
    --cui-btn-disabled-border-color: rgb(33.55, 151.45, 65.05);
    --cui-gradient: none;
}


[data-coreui-theme=dark] .text-bg-primary {
    color: #fff !important;
    background-color: #009965 !important;
}


.bg-primary {
    background: #009965 !important;
}

.form-check-input:checked {
    background-color: #009965 !important;
    border-color: #009965 !important;
}

/*.btn-primary {*/
/*    --cui-btn-bg: #009965;*/
/*    --cui-btn-border-color: #009965;*/
/*}*/

.card-note-icon {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 10;
}
.card:hover > .card-note-icon,
th:hover .card-note-icon,
td:hover .card-note-icon {
    opacity: 1;
}
.card-note-icon.has-note {
    opacity: 1;
    background: rgba(0, 153, 101, 0.7);
}
.card-note-icon svg {
    width: 16px;
    height: 16px;
    fill: #fff;
}

.header-mode-toggle { color: #9ca3af; transition: all 0.2s; }
.header-mode-toggle.active { background: #009965 !important; color: #fff !important; box-shadow: 0 2px 8px rgba(0,153,101,0.3); }
.header-mode-toggle:not(.active):hover { color: #fff; }
.read-mode-active input:disabled,
.read-mode-active select:disabled,
.read-mode-active textarea:disabled,
.read-mode-active button[type="submit"]:disabled { opacity: 0.5; cursor: not-allowed; }
/* CoreUI MultiSelect widgets can't be disabled via the native attribute,
   so we lock the rendered widget (clone) directly. */
.read-mode-locked { opacity: 0.5; pointer-events: none; cursor: not-allowed; }
/* Action links (e.g. Activate/Deactivate AdUnit) that can't carry a disabled
   attribute — locked only while read mode is active. */
.read-mode-active .read-mode-disable { opacity: 0.5; pointer-events: none; cursor: not-allowed; }