/* Sennecey-les-dijon - Custom Eservices styles

/* --- Form controls (focus / current) --- */
.form-entry.current > .textbox input,
.form-entry.current > .integerbox input,
.form-entry.current > .realbox input,
.form-entry.current > .longtextbox textarea,
.form-entry.current > .combobox .custom-combobox,
.form-entry.current > .combobox select,
.form-entry.current > .datebox,
.form-entry.current > .timebox,
.form-entry.current > .datetimebox,
.form-entry.otm-row.current > td > .textbox.editable input,
.form-entry.otm-row.current > td > .longtextbox textarea,
.form-entry.otm-row.current > td > .datebox,
.form-entry.otm-row.current > td > .timebox,
.form-entry.otm-row.current > td > .datetimebox,
.form-entry.otm-row.current > td > .combobox .custom-combobox,
.form-entry.otm-row.current > td > .combobox select,
.form-group-content .form-entry.current > .textbox input,
.form-group-content .form-entry.current > .integerbox input,
.form-group-content .form-entry.current > .realbox input,
.form-group-content .form-entry.current > .longtextbox textarea,
.form-group-content .form-entry.current > .combobox .custom-combobox,
.form-group-content .form-entry.current > .combobox select,
.form-group-content .form-entry.current > .datebox,
.form-group-content .form-entry.current > .timebox,
.form-group-content .form-entry.current > .datetimebox,
.form-group-content .form-entry.otm-row.current > td > .textbox.editable input,
.form-group-content .form-entry.otm-row.current > td > .longtextbox textarea,
.form-group-content .form-entry.otm-row.current > td > .datebox,
.form-group-content .form-entry.otm-row.current > td > .timebox,
.form-group-content .form-entry.otm-row.current > td > .datetimebox,
.form-group-content .form-entry.otm-row.current > td > .combobox .custom-combobox,
.form-group-content .form-entry.otm-row.current > td > .combobox select {
    border-color: var(--main-color);
}

/* Checkbox / radio */
.sennecey-les-dijon .form-entry .checkboxview input:checked + label:before,
.sennecey-les-dijon .form-entry .checkboxview input:checked + label:after,
.form-group-content .form-entry .control.checkboxview input:checked + label::after {
    border-color: var(--main-color);
}

.sennecey-les-dijon .form-entry .radiobuttonview td input:checked + label:before {
    border: 1px solid var(--main-dark-color);
}
.sennecey-les-dijon .form-entry .radiobuttonview td input:checked + label:after {
    background-color: var(--main-dark-color);
}

.form-entry .required { 
    color: var(--main-color); 
}

#waiting-overlay #loader.loader span { 
    background-color: var(--main-color); 
}

/* --- Structure / content area --- */
main#skipToContent .dijon-content { 
    background: inherit; 
    box-shadow: none; 
}

.sennecey-les-dijon .sidy__content main#skipToContent .dijon-content,
.sennecey-les-dijon .cygnus .sidy__content { 
    background: white; 
}

.dijon-content .vdd-form.connexionwpc .bandeau { 
    background: white; box-shadow: none; 
}

/* --- Headers / decorative lines --- */
.dijon-content .connexionwpc .authentification .header::after,
.dijon-content .connexionwpc .creation-compte .header::after,
.sennecey-les-dijon .connexionwpc .authentification .header::after,
.sennecey-les-dijon .connexionwpc .creation-compte .header::after,
.sennecey-les-dijon .dijon-content .vdd-form.murteleserviceswpc .ts-title:after,
.cygnus .dijon-content legend::after,
.cygnus .dijon-content .form-entry .diarycontrol.control .filter-radio-calendar .current-month::after {
    background-color: var(--second-color) !important;
}

/* Special legend style for Sennecey cygnus (overrides decorative color) */
.sennecey-les-dijon .cygnus legend:after {
    background-color: var(--second-color) !important;
}

/* Eservice header underline */
.sennecey-les-dijon .eserviceheader span.title:after,
.dijon-content .eserviceheader span.title::after {
    background-color: var(--second-color);
}

/* --- Connexion / authentication --- */
.dijon-content .connexionwpc .authentification .footer input,
.sennecey-les-dijon .connexionwpc .authentification .footer input { 
    background: var(--main-color); 
}

.sennecey-les-dijon .connexionwpc .creation-compte a { 
    border: 1px solid var(--second-color) !important; 
}

.cygnus header .header .myDijonSSO.account,
.cygnus header .header .myDijonSSO button,
.cygnus header .header .div-notif { 
    background-color: var(--main-color); 
}

.cygnus header .header .myDijonSSO ul li:before {
    border-top: solid 2px var(--second-color);
    border-right: solid 2px var(--second-color);
}

    .cygnus header .header .myDijonSSO.account:hover,
    .cygnus header .header .myDijonSSO.account .login-info:hover {
        background-color: color-mix(in srgb, var(--main-color) 90%, white);
        color: white;
    }

.cygnus header .header .myDijonSSO.account a:hover { 
    color: white; 
}

.cygnus header .header .myDijonSSO.account .login-info { 
    text-decoration: none; 
}

/* --- Navigation / menus --- */
.dijon-content .vdd-form .menu a.active,
div.header-menu a.active,
.dijon-content .vdd-form .topnavigationmenu a.active { 
    background: var(--second-color); 
    border-bottom: 2px solid var(--second-color); 
}

.sennecey-les-dijon .dijon-content .vdd-form.murteleserviceswpc .menu-thematique li.active { 
    background-color: var(--second-color); 
    border-color: var(--second-color); 
    color: white; 
}

.sennecey-les-dijon .dijon-content .vdd-form.murteleserviceswpc .menu-thematique li:hover { 
    border-color: var(--second-color); 
}

.sennecey-les-dijon .dijon-content .vdd-form.murteleserviceswpc .menu-teleservices li li { 
    border-left: 5px solid var(--main-color); 
}

.sennecey-les-dijon .dijon-content .vdd-form.murteleserviceswpc .srv-item { 
    background-color: var(--main-color); 
}

/* --- Time widget --- */
.wrapper.with-time span.time,
.sennecey-les-dijon .wrapper.with-time .time { 
    color: var(--second-color); 
    margin-top: 6px; 
    background: url("../images/time-background-gold.svg") no-repeat right / contain; 
}

.sennecey-les-dijon .wrapper.with-time .title,
.dijon-content .wrapper.with-time .title {
    border-right: 2px solid var(--second-color);
    text-align: left;
}

/* --- Messages / validation --- */
.dijon-content .vdd-form .message .note,
.sennecey-les-dijon .form-entry.invalid > .error,
.onetomanycontrol.invalid > .error,
.sennecey-les-dijon .authentification .invalid .error,
.step div.active { 
    background-color: var(--second-color); 
    border-color: var(--second-color); 
}

.sennecey-les-dijon .form-entry .invalid .error { 
    background-color: var(--second-color); 
    font-weight: normal; 
}

/* Availability */
.cygnus .dijon-content .form-entry span.availability { 
    background-color: var(--second-color) !important; 
}
.cygnus .dijon-content .form-entry span.availability::before { 
    border-right: 7px solid var(--second-color); 
}

/* --- Titles / groups --- */
.main-content.summary-content h2,
.summary .group .collapsable,
.summary .form-entry > label,
#share .title,
.class_group_intern h3,
.class_group_intern .fake-h3,
.class_group_intern h4,
.class_group_intern .fake-h4 { 
    color: var(--main-dark-color); 
}

.class_group_intern .dijon-content .form-entry .ui-state-default:active,
.class_group_intern .dijon-content .ui-state-default:focus,
.class_group_intern .dijon-content .form-entry .ui-state-default:hover { 
    border-color: var(--main-color); 
}

/* --- Buttons --- */
html body.class_group_intern .vdd-base-button { 
    border-radius: 5px; 
    border: 1px solid var(--main-color); 
    background-color: var(--main-color); 
}

html body.class_group_intern .vdd-base-button:hover,
html body.class_group_intern .vdd-base-button:active,
html body.class_group_intern .vdd-base-button:focus { 
    background-color: var(--main-light-color); 
    border: 1px solid var(--main-light-color); 
}

html body.class_group_intern .vdd-base-button.light:hover,
html body.class_group_intern a.vdd-base-button.light.is-checked { 
    background: var(--main-light-color); 
    color: #fff; 
    text-decoration: none; 
}

html body.class_group_intern .vdd-base-button::after { 
    background: none; 
}

/* --- Misc / lists / grids --- */
.class_group_intern .grid-list-recherche a:hover,
.class_group_intern .grid-list-annuaire a:hover,
.class_group_intern .grid-list-agenda a:hover { 
    background-color: var(--main-dark-color); 
}

.class_group_intern .grid-list-recherche .grid-item-visu:before,
.class_group_intern .grid-list-annuaire .grid-item-visu:before,
.class_group_intern .grid-list-agenda .grid-item-visu:before { 
    background-color: rgba(60, 143, 73, 0.65); 
}

.class_group_intern .control.simpleadressbox .codepostalville .control ul a:hover { 
    background-color: var(--main-color); 
}

.cygnus .sennecey-les-dijon .connect .connect-body .error { 
    background-color: var(--second-color); 
}

.cygnus .vdd-form .citizen-request .request-menu li:hover { 
    border-bottom: 2px solid var(--second-color); 
}

.helper-expanded { 
    background-color: var(--second-color); 
}

/* CNIL banner */
#cnil_banner_consent { 
    background-color: var(--main-light-color); 
}

#cnil_banner_consent .close { 
    background-color: var(--main-dark-color); 
}

#cnil_banner_consent .close:after { 
    background-color: var(--main-dark-color); 
}

/* UI menu */
.sennecey-les-dijon .cygnus .vdd-form .ui-menu .ui-menu-item div.ui-state-active,
.sennecey-les-dijon .cygnus .vdd-form .ui-menu .ui-menu-item div.ui-state-active {
    background: var(--second-color);
    color: white;
}

.sennecey-les-dijon .cygnus .vdd-form .ui-menu .ui-menu-item div.ui-state-active { 
    border: 1px solid var(--second-color); 
}

.sennecey-les-dijon .cygnus .vdd-form .citizen-request .request-menu li.active {
    background: var(--second-color) !important;
}

.sennecey-les-dijon .cygnus .vdd-form .citizen-request .request-menu li:hover {
    border-bottom: solid 2px var(--second-color);
}

.sennecey-les-dijon .cygnus .vdd-form .citizen-request .request-list li {
    border-bottom: solid 5px var(--main-color);
}

    .sennecey-les-dijon .cygnus .vdd-form .citizen-request .request-list li .srv-item {
        background: var(--main-color);
    }

        .sennecey-les-dijon .cygnus .vdd-form .citizen-request .request-list li .srv-item i {
            color: white;
        }

    .sennecey-les-dijon .cygnus .vdd-form .citizen-request .request-list li .ts-descr .title::before {
        border: 2px solid var(--main-color);
    }

    .sennecey-les-dijon .cygnus .vdd-form .citizen-request .request-list li .ts-descr .title::after {
        border: 2px solid var(--main-color);
    }



.sennecey-les-dijon .mobile-nav.navigation a {
    width: 300px;
    display: block;
}