/*
    RescueFleet Light Theme

    Professionelles, cleanes Design basierend auf dem RescueFleet Farbschema:
    - Navy (#002B5C) als Hauptfarbe
    - Rot (#E3000F) als Akzentfarbe
    - Klare, moderne Optik

    Fuer die Klasse .theme_rescuefleet_light
*/

/*
This first :root section is for setting any values of the main theme variables found in the 0_00_default_theme_vars.css file.
*/
:root {
    /* RescueFleet Hauptfarben */
    --primary: #002B5C;
    --secondary: #1e4d8b;
    --tertiary: #2563eb;

    --surface: #ffffff;
    --main-background: #F8F9FA;

    --font__pri-clr: #1E1E2D;
    --font__sec-clr: #6C727F;

    /* Header - Navy */
    --header__bg: #002B5C;
    --header_logo__clr: #ffffff;
    --header_nav__clr: #ffffff;
    --header_nav__hover_clr: rgba(255, 255, 255, 0.8);

    /* Suche */
    --search__bg: rgba(0, 43, 92, 0.05);

    /* Links */
    --breadcrumbs__a-hover-clr: #002B5C;
    --link__pri-hover-clr: #002B5C;
    --link__sec-hover-clr: #1e4d8b;

    --info: #2563eb;
    --info-2: #eff6ff;

    --input-bg: #ffffff;

    --datepicker__clr: var(--gray-5);

    --shadow-1-30: var(--shadow-1-10);

    --notification__clr: var(--font__pri-clr);

    --table_row__bg-hover: rgba(0, 43, 92, 0.06);

    /* Navigation */
    --navlink__title-clr: #002B5C;
    --navlink__hover-bg: rgba(0, 43, 92, 0.05);
    --preview__clr: var(--font__pri-clr);
    --preview__hover-bg: rgba(0, 43, 92, 0.03);
    --preview__border-clr: #E5E7EB;
    --suggest_preview__hover-icon-fill: var(--primary);

    --ticket_response__bg: rgba(27, 167, 132, 0.05);

    /* Profil */
    --header_profile__clr: #ffffff;

    --icon_circle__clr: #ffffff;
    --icon_circle__bg: #1e4d8b;
    --navlink_icon_hover__clr: #ffffff;
    --navlink_icon_hover__bg: #002B5C;

    --dropdown__clr: var(--font__pri-clr);
}

/* ADDITIONAL OVERWRITES BELOW - CSS helper vars, and general selector overwrites:
(needed for specifically desired themes, which are currently not part of admin variables.
They ALL require !important; to properly override followup loaded CSS!
*/
:root {
    --header_border__clr: rgba(0, 43, 92, 0.1) !important;
    --btn_full__hover_bg: #002B5C !important;
    --dropdown_input__border-clr: #E5E7EB !important;
    --dropdown_label__border-clr: #E5E7EB !important;
    --dropdown_list__border-clr: #E5E7EB !important;
}

/* Cleane Preview-Boxen */
.preview {
    box-shadow: 0 1px 3px rgba(0, 43, 92, 0.08) !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
}
.preview:hover {
    box-shadow: 0 4px 12px rgba(0, 43, 92, 0.12) !important;
}
.preview .preview__text span:not(.lightgrey),
.preview .preview__text .navlink__descr {
    color: #6C727F !important;
}

/* Tabs */
.tabbed__head .tabbed__head_tabs li.current {
    background: rgba(0, 43, 92, 0.05) !important;
    box-shadow: none !important;
    color: #002B5C !important;
}
.tabbed__tabs .tabbed__tabs_tab {
    box-shadow: none !important;
}

/* Trennlinien */
.divider {
    height: 1px !important;
    margin: 24px 0 !important;
    background: #E5E7EB !important;
}

/* Tickets */
.ticket__block-footer {
    border-top: 1px solid #E5E7EB !important;
    color: #6C727F !important;
}
a.link {
    text-decoration: none !important;
}
.ticket__params .params--block .row {
    border-bottom: 1px solid rgba(0, 43, 92, 0.05) !important;
}
.ticket__params .params--block .row .title {
    color: #6C727F !important;
}
.ticket__body_block h1,
.ticket__body_block h2 {
    color: #1E1E2D !important;
}
.ticket__body_block.naked {
    box-shadow: 0 1px 3px rgba(0, 43, 92, 0.08) !important;
    border-radius: 12px !important;
}

/* Artikel */
.main__content .article .block__head {
    background: rgba(0, 43, 92, 0.02) !important;
    box-shadow: none !important;
}
.main__content .article .block__head .h-3 {
    color: #002B5C !important;
}
.preview:hover .icon-in-circle .icon {
    fill: #002B5C !important;
}
.article__heading {
    color: #002B5C !important;
}

/* Ueberschriften */
.cust-help .h-3 {
    color: #1E1E2D !important;
}
.title-link {
    color: #1E1E2D !important;
}
.select__title {
    color: #1E1E2D !important;
}

/* Formulare */
.form input.form-control, .form textarea.form-control {
    border-color: #E5E7EB !important;
    border-radius: 10px !important;
}
.form input.form-control:focus, .form textarea.form-control:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}
.form input.form-control::placeholder, .form textarea.form-control::placeholder {
    color: #6C727F !important;
}

/* Profil-Menu */
.header .header__nav .profile__user .profile__menu .profile--view a:hover {
    color: #002B5C !important;
}

/* Dropdowns */
.dropdown-select .icon-chevron-down {
    fill: #6C727F;
}

/* Kalender */
.param.calendar .calendar--value {
    color: #1E1E2D !important;
}

/* Radio & Checkbox */
.radio-custom [type="radio"]:checked + label {
    color: #002B5C !important;
}
.checkbox-custom [type="checkbox"]:not(:checked) + label,
.checkbox-custom [type="checkbox"]:checked + label {
    color: #1E1E2D !important;
}