/**
 * Tilburg112 Admin Polish
 * Loaded only in wp-admin/login.
 */

:root {
    --t112-admin-dark: #07111f;
    --t112-admin-dark-2: #111827;
    --t112-admin-yellow: #ffd60a;
    --t112-admin-yellow-2: #fbbf24;
    --t112-admin-text: #0f172a;
    --t112-admin-muted: #64748b;
    --t112-admin-line: rgba(15, 23, 42, .10);
    --t112-admin-bg: #f3f6fa;
    --t112-admin-card: #ffffff;
    --t112-admin-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}

/* Algemene wp-admin look */
body.t112-admin-polish {
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 214, 10, .12), transparent 24%),
        linear-gradient(180deg, #f8fafc 0%, var(--t112-admin-bg) 100%);
    color: var(--t112-admin-text);
}

body.t112-admin-polish #wpcontent,
body.t112-admin-polish #wpfooter {
    background: transparent;
}

body.t112-admin-polish #wpbody-content {
    padding-bottom: 42px;
}

body.t112-admin-polish .wrap h1,
body.t112-admin-polish .wrap h2 {
    letter-spacing: -.04em;
    color: var(--t112-admin-dark);
}

body.t112-admin-polish .wrap h1 {
    font-size: 2rem;
    font-weight: 850;
}

body.t112-admin-polish .wp-heading-inline {
    margin-right: 10px;
}

/* Adminbar */
body.t112-admin-polish #wpadminbar {
    background: var(--t112-admin-dark);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

body.t112-admin-polish #wpadminbar .ab-item,
body.t112-admin-polish #wpadminbar a.ab-item,
body.t112-admin-polish #wpadminbar > #wp-toolbar span.ab-label {
    color: rgba(255,255,255,.88);
}

body.t112-admin-polish #wpadminbar .ab-top-menu > li.hover > .ab-item,
body.t112-admin-polish #wpadminbar .ab-top-menu > li:hover > .ab-item,
body.t112-admin-polish #wpadminbar .ab-top-menu > li > .ab-item:focus {
    background: rgba(255, 214, 10, .14);
    color: var(--t112-admin-yellow);
}

/* Linkermenu */
body.t112-admin-polish #adminmenuback,
body.t112-admin-polish #adminmenuwrap,
body.t112-admin-polish #adminmenu {
    background: linear-gradient(180deg, #07111f 0%, #101827 100%);
}

body.t112-admin-polish #adminmenu {
    margin-top: 10px;
}

body.t112-admin-polish #adminmenu li.menu-top {
    margin: 2px 8px;
}

body.t112-admin-polish #adminmenu .wp-has-current-submenu .wp-submenu,
body.t112-admin-polish #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
body.t112-admin-polish #adminmenu .wp-submenu,
body.t112-admin-polish #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
    background: #0b1323;
    border-radius: 14px;
}

body.t112-admin-polish #adminmenu a.menu-top,
body.t112-admin-polish #adminmenu .wp-submenu a {
    border-radius: 14px;
    color: rgba(255,255,255,.78);
}

body.t112-admin-polish #adminmenu div.wp-menu-image::before {
    color: rgba(255,255,255,.62);
}

body.t112-admin-polish #adminmenu li.menu-top:hover,
body.t112-admin-polish #adminmenu li.opensub > a.menu-top,
body.t112-admin-polish #adminmenu li > a.menu-top:focus {
    background: rgba(255, 255, 255, .08);
    border-radius: 14px;
}

body.t112-admin-polish #adminmenu li.current a.menu-top,
body.t112-admin-polish #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
body.t112-admin-polish #adminmenu li.current a.menu-top:hover {
    background: var(--t112-admin-yellow);
    color: var(--t112-admin-dark);
    border-radius: 14px;
    font-weight: 850;
}

body.t112-admin-polish #adminmenu li.current div.wp-menu-image::before,
body.t112-admin-polish #adminmenu li.wp-has-current-submenu div.wp-menu-image::before {
    color: var(--t112-admin-dark);
}

body.t112-admin-polish #adminmenu .wp-submenu a:hover,
body.t112-admin-polish #adminmenu .wp-submenu a:focus {
    color: var(--t112-admin-yellow);
}

body.t112-admin-polish #collapse-button {
    color: rgba(255,255,255,.72);
}

/* Kaarten en blokken */
body.t112-admin-polish .postbox,
body.t112-admin-polish .stuffbox,
body.t112-admin-polish .notice,
body.t112-admin-polish div.updated,
body.t112-admin-polish div.error,
body.t112-admin-polish .card,
body.t112-admin-polish .health-check-accordion,
body.t112-admin-polish .theme-browser .theme {
    border: 1px solid var(--t112-admin-line);
    border-radius: 18px;
    background: var(--t112-admin-card);
    box-shadow: var(--t112-admin-shadow);
}

body.t112-admin-polish .postbox .postbox-header {
    border-bottom: 1px solid rgba(15,23,42,.07);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 214, 10, .10), transparent 28%),
        #ffffff;
    border-radius: 18px 18px 0 0;
}

body.t112-admin-polish .postbox .hndle,
body.t112-admin-polish .postbox h2.hndle,
body.t112-admin-polish .postbox-header h2 {
    color: var(--t112-admin-dark);
    font-weight: 850;
}

body.t112-admin-polish .inside {
    color: #334155;
}

/* Tabellen */
body.t112-admin-polish .widefat {
    border: 1px solid var(--t112-admin-line);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--t112-admin-shadow);
}

body.t112-admin-polish .widefat thead th,
body.t112-admin-polish .widefat tfoot th {
    background: #f8fafc;
    color: var(--t112-admin-dark);
    font-weight: 850;
}

body.t112-admin-polish .widefat tbody tr:hover {
    background: rgba(255, 214, 10, .08);
}

body.t112-admin-polish .tablenav .tablenav-pages a,
body.t112-admin-polish .tablenav .tablenav-pages span.current {
    border-radius: 10px;
}

/* Formulieren/knoppen */
body.t112-admin-polish input[type="text"],
body.t112-admin-polish input[type="search"],
body.t112-admin-polish input[type="email"],
body.t112-admin-polish input[type="url"],
body.t112-admin-polish input[type="password"],
body.t112-admin-polish input[type="number"],
body.t112-admin-polish textarea,
body.t112-admin-polish select {
    border-radius: 12px;
    border-color: rgba(15,23,42,.14);
    box-shadow: inset 0 1px 0 rgba(15,23,42,.03);
}

body.t112-admin-polish input:focus,
body.t112-admin-polish textarea:focus,
body.t112-admin-polish select:focus {
    border-color: var(--t112-admin-yellow-2);
    box-shadow: 0 0 0 4px rgba(255, 214, 10, .18);
    outline: none;
}

body.t112-admin-polish .button,
body.t112-admin-polish .button-secondary,
body.t112-admin-polish .page-title-action {
    border-radius: 999px;
    font-weight: 750;
}

body.t112-admin-polish .button-primary,
body.t112-admin-polish .page-title-action:hover,
body.t112-admin-polish .page-title-action:focus {
    background: var(--t112-admin-dark);
    border-color: var(--t112-admin-dark);
    color: #fff;
    border-radius: 999px;
}

body.t112-admin-polish .button-primary:hover,
body.t112-admin-polish .button-primary:focus {
    background: #000;
    border-color: #000;
}

/* Editor/metabox polish */
body.t112-admin-polish .edit-post-layout,
body.t112-admin-polish .interface-interface-skeleton__content {
    background: var(--t112-admin-bg);
}

body.t112-admin-polish .editor-styles-wrapper {
    background: #fff;
}

body.t112-admin-polish .components-panel,
body.t112-admin-polish .interface-complementary-area,
body.t112-admin-polish .edit-post-sidebar {
    background: #ffffff;
}

/* Tilburg112 dashboard widget */
.t112-admin-widget p {
    margin: 0 0 14px;
    color: var(--t112-admin-muted);
    font-weight: 650;
}

.t112-admin-widget-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
}

.t112-admin-widget-links a {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 14px;
    background:
        radial-gradient(circle at 100% 0%, rgba(255,214,10,.18), transparent 30%),
        #f8fafc;
    border: 1px solid rgba(15,23,42,.08);
    color: var(--t112-admin-dark);
    font-weight: 850;
    text-decoration: none;
}

.t112-admin-widget-links a:hover {
    background: var(--t112-admin-yellow);
    border-color: var(--t112-admin-yellow);
}

/* Loginpagina */
body.login {
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 214, 10, .16), transparent 26%),
        linear-gradient(135deg, #07111f 0%, #111827 100%);
}

body.login h1 a {
    width: 280px;
    height: auto;
    min-height: 74px;
    background: none !important;
    text-indent: 0;
    overflow: visible;
    color: #fff;
    font-size: 0;
    text-decoration: none;
}

body.login h1 a::before {
    content: "Tilburg112.NL";
    display: block;
    color: #ffffff;
    font-size: 34px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.05em;
}

body.login h1 a::after {
    content: "Redactie login";
    display: inline-flex;
    margin-top: 10px;
    min-height: 28px;
    align-items: center;
    padding: 0 11px;
    border-radius: 999px;
    background: var(--t112-admin-yellow);
    color: var(--t112-admin-dark);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.login form {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 24px;
    box-shadow: 0 22px 60px rgba(0,0,0,.32);
}

body.login form .input,
body.login input[type="text"] {
    border-radius: 14px;
}

body.login .button-primary {
    min-height: 42px;
    border-radius: 999px;
    background: var(--t112-admin-yellow);
    border-color: var(--t112-admin-yellow);
    color: var(--t112-admin-dark);
    font-weight: 950;
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a {
    color: rgba(255,255,255,.78);
}

body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-page-link a:hover {
    color: var(--t112-admin-yellow);
}

@media (max-width: 782px) {
    body.t112-admin-polish #adminmenu li.menu-top {
        margin-left: 0;
        margin-right: 0;
    }

    .t112-admin-widget-links {
        grid-template-columns: 1fr;
    }
}


/* v1.0.45.46 - 100x mooier WP-Admin dashboard + Customizer */

/* Dashboard als eigen redactie-omgeving */
body.t112-admin-polish.index-php #wpbody-content .wrap {
    max-width: 1280px;
}

body.t112-admin-polish.index-php #dashboard-widgets-wrap {
    margin-top: 18px;
}

body.t112-admin-polish.index-php #dashboard-widgets .postbox {
    overflow: hidden;
    border-radius: 24px;
}

body.t112-admin-polish.index-php #dashboard-widgets .postbox .postbox-header {
    min-height: 54px;
    background:
        radial-gradient(circle at 100% 0%, rgba(255,214,10,.16), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

body.t112-admin-polish.index-php #dashboard-widgets .postbox-header h2 {
    font-size: 15px;
    font-weight: 950;
    letter-spacing: -.015em;
}

#tilburg112_dashboard_command_center .inside {
    padding: 0;
}

.t112-admin-dashboard-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 170px;
    gap: 18px;
    align-items: end;
    padding: 26px;
    background:
        radial-gradient(circle at 100% 0%, rgba(255,214,10,.24), transparent 26%),
        linear-gradient(135deg, #07111f 0%, #111827 100%);
    color: #ffffff;
}

.t112-admin-dashboard-hero-copy > span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    background: var(--t112-admin-yellow);
    color: var(--t112-admin-dark);
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.t112-admin-dashboard-hero h2 {
    margin: 14px 0 8px;
    color: #ffffff;
    font-size: clamp(28px, 4vw, 44px);
    line-height: .95;
    letter-spacing: -.07em;
}

.t112-admin-dashboard-hero p {
    max-width: 58ch;
    margin: 0;
    color: rgba(255,255,255,.72);
    line-height: 1.55;
    font-weight: 650;
}

.t112-admin-dashboard-hero-badge {
    display: grid;
    gap: 3px;
    justify-items: end;
    padding: 16px;
    border-radius: 22px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.13);
}

.t112-admin-dashboard-hero-badge strong {
    color: var(--t112-admin-yellow);
    font-size: 32px;
    line-height: .95;
    letter-spacing: -.05em;
}

.t112-admin-dashboard-hero-badge small {
    color: rgba(255,255,255,.65);
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 11px;
}

.t112-admin-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
    padding: 18px;
}

.t112-admin-stat-grid div {
    padding: 16px;
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0%, rgba(255,214,10,.16), transparent 30%),
        #f8fafc;
    border: 1px solid rgba(15,23,42,.07);
}

.t112-admin-stat-grid strong {
    display: block;
    color: var(--t112-admin-dark);
    font-size: 28px;
    line-height: 1;
    letter-spacing: -.05em;
}

.t112-admin-stat-grid span {
    display: block;
    margin-top: 6px;
    color: var(--t112-admin-muted);
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.t112-admin-recent {
    margin: 0 18px 18px;
    padding: 18px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid rgba(15,23,42,.07);
}

.t112-admin-recent h3 {
    margin: 0 0 12px;
    color: var(--t112-admin-dark);
    font-size: 16px;
}

.t112-admin-recent ul {
    margin: 0;
}

.t112-admin-recent li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    padding: 11px 0;
    border-top: 1px solid rgba(15,23,42,.07);
}

.t112-admin-recent li:first-child {
    border-top: 0;
    padding-top: 0;
}

.t112-admin-recent a {
    color: var(--t112-admin-dark);
    font-weight: 850;
    text-decoration: none;
}

.t112-admin-recent a:hover {
    color: #b45309;
}

.t112-admin-recent li span {
    flex: 0 0 auto;
    color: var(--t112-admin-muted);
    font-size: 12px;
    font-weight: 850;
}

.t112-admin-flow {
    display: grid;
    gap: 16px;
}

.t112-admin-big-action {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 18px;
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0%, rgba(255,214,10,.28), transparent 32%),
        var(--t112-admin-dark);
    color: #ffffff !important;
    font-weight: 950;
    text-decoration: none;
    box-shadow: 0 14px 30px rgba(7,17,31,.16);
}

.t112-admin-flow ol {
    margin: 0;
    padding: 0;
    counter-reset: t112-flow;
    list-style: none;
}

.t112-admin-flow li {
    counter-increment: t112-flow;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin: 0 0 10px;
    color: #334155;
    font-weight: 750;
}

.t112-admin-flow li::before {
    content: counter(t112-flow);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 13px;
    background: var(--t112-admin-yellow);
    color: var(--t112-admin-dark);
    font-weight: 950;
}

.t112-admin-checklist {
    display: grid;
    gap: 9px;
}

.t112-admin-checklist label {
    display: grid;
    grid-template-columns: 20px minmax(0,1fr);
    gap: 10px;
    align-items: start;
    padding: 12px;
    border-radius: 15px;
    background: #f8fafc;
    border: 1px solid rgba(15,23,42,.07);
    color: #334155;
    font-weight: 750;
}

.t112-admin-checklist input {
    margin-top: 2px;
    accent-color: var(--t112-admin-yellow-2);
}

.t112-admin-shortcut-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
}

.t112-admin-shortcut-grid a {
    display: grid;
    grid-template-columns: 36px minmax(0,1fr);
    gap: 10px;
    align-items: center;
    min-height: 54px;
    padding: 10px 12px;
    border-radius: 17px;
    background: #f8fafc;
    border: 1px solid rgba(15,23,42,.07);
    color: var(--t112-admin-dark);
    text-decoration: none;
}

.t112-admin-shortcut-grid a:hover {
    background: var(--t112-admin-yellow);
    border-color: var(--t112-admin-yellow);
}

.t112-admin-shortcut-grid a span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(15,23,42,.08);
}

.t112-admin-shortcut-grid a strong {
    font-size: 13px;
}

/* Verberg oude dashboardwidget subtiel als de nieuwe custom widgets er zijn */
#tilburg112_dashboard_overview {
    display: none;
}

/* Admin notices mooier */
body.t112-admin-polish .notice {
    border-left-width: 6px;
}

body.t112-admin-polish .notice-success {
    border-left-color: #16a34a;
}

body.t112-admin-polish .notice-warning {
    border-left-color: var(--t112-admin-yellow-2);
}

body.t112-admin-polish .notice-error {
    border-left-color: #dc2626;
}

/* Customizer volledig eigen look */
body.wp-customizer {
    background: #f3f6fa;
}

body.wp-customizer #customize-controls {
    background:
        radial-gradient(circle at 0% 0%, rgba(255,214,10,.14), transparent 28%),
        linear-gradient(180deg, #07111f 0%, #111827 100%);
}

body.wp-customizer #customize-header-actions,
body.wp-customizer #customize-info,
body.wp-customizer #customize-theme-controls .accordion-section-title,
body.wp-customizer #customize-controls .customize-info {
    border-color: rgba(255,255,255,.08);
}

body.wp-customizer #customize-header-actions {
    background: #07111f;
}

body.wp-customizer #customize-info {
    margin: 12px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 100% 0%, rgba(255,214,10,.20), transparent 30%),
        rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    color: #ffffff;
    overflow: hidden;
}

body.wp-customizer #customize-info .panel-title.site-title {
    color: #ffffff;
    font-weight: 950;
    letter-spacing: -.03em;
}

body.wp-customizer #customize-info .customize-panel-description {
    color: rgba(255,255,255,.68);
}

body.wp-customizer #customize-theme-controls .accordion-section-title {
    margin: 8px 12px;
    border-radius: 16px;
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.88);
    border: 1px solid rgba(255,255,255,.10);
    font-weight: 850;
}

body.wp-customizer #customize-theme-controls .accordion-section-title:hover,
body.wp-customizer #customize-theme-controls .accordion-section-title:focus,
body.wp-customizer #customize-theme-controls .control-section.open .accordion-section-title,
body.wp-customizer #customize-theme-controls .control-section:hover > .accordion-section-title {
    background: var(--t112-admin-yellow);
    color: var(--t112-admin-dark);
    border-color: var(--t112-admin-yellow);
}

body.wp-customizer #customize-theme-controls .accordion-section-title::after {
    color: currentColor;
}

body.wp-customizer .wp-full-overlay-sidebar-content {
    background: transparent;
}

body.wp-customizer .customize-section-description-container,
body.wp-customizer .control-section.open {
    background: #f8fafc;
}

body.wp-customizer .customize-section-title {
    background:
        radial-gradient(circle at 100% 0%, rgba(255,214,10,.16), transparent 30%),
        #ffffff;
    border-bottom: 1px solid rgba(15,23,42,.08);
}

body.wp-customizer .customize-section-title h3 {
    color: var(--t112-admin-dark);
    font-weight: 950;
    letter-spacing: -.03em;
}

body.wp-customizer .customize-control {
    margin-bottom: 18px;
    padding: 14px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid rgba(15,23,42,.07);
    box-shadow: 0 8px 22px rgba(15,23,42,.055);
}

body.wp-customizer .customize-control-title {
    color: var(--t112-admin-dark);
    font-weight: 900;
}

body.wp-customizer .description {
    color: var(--t112-admin-muted);
}

body.wp-customizer .customize-control input[type="text"],
body.wp-customizer .customize-control input[type="url"],
body.wp-customizer .customize-control select,
body.wp-customizer .customize-control textarea {
    border-radius: 12px;
    border-color: rgba(15,23,42,.12);
}

body.wp-customizer #customize-save-button-wrapper .button-primary {
    background: var(--t112-admin-yellow);
    border-color: var(--t112-admin-yellow);
    color: var(--t112-admin-dark);
    border-radius: 999px;
    font-weight: 950;
}

body.wp-customizer .customize-controls-close {
    background: rgba(255,255,255,.08);
    color: #ffffff;
    border-right: 1px solid rgba(255,255,255,.10);
}

body.wp-customizer .customize-controls-close:hover {
    background: var(--t112-admin-yellow);
    color: var(--t112-admin-dark);
}

/* JS voegt deze class toe aan dashboard wrap */
.t112-dashboard-ready .wrap > h1:first-child {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.t112-dashboard-ready .wrap > h1:first-child::before {
    content: "⚡";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 16px;
    background: var(--t112-admin-yellow);
    color: var(--t112-admin-dark);
    font-size: 20px;
}

@media (max-width: 1100px) {
    .t112-admin-dashboard-hero,
    .t112-admin-stat-grid {
        grid-template-columns: 1fr 1fr;
    }

    .t112-admin-dashboard-hero-copy {
        grid-column: 1 / -1;
    }
}

@media (max-width: 782px) {
    .t112-admin-dashboard-hero,
    .t112-admin-stat-grid,
    .t112-admin-shortcut-grid {
        grid-template-columns: 1fr;
    }

    .t112-admin-dashboard-hero-badge {
        justify-items: start;
    }
}


/* v1.0.45.47 - Login volledig instelbaar via Customizer */
body.login .t112-login-custom-message {
    border-left: 0;
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0%, rgba(255,214,10,.16), transparent 28%),
        #ffffff;
    box-shadow: 0 14px 34px rgba(0,0,0,.18);
    color: #334155;
    font-weight: 650;
}

body.login .t112-login-custom-message p {
    margin: 0;
}

body.wp-customizer #accordion-section-tilburg112_login_screen .accordion-section-title::before {
    content: "🔐";
    margin-right: 8px;
}

body.wp-customizer #sub-accordion-section-tilburg112_login_screen .customize-control {
    position: relative;
}

body.wp-customizer #sub-accordion-section-tilburg112_login_screen .customize-control::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 18px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--t112-admin-yellow);
    box-shadow: 0 0 0 5px rgba(255,214,10,.16);
}

body.wp-customizer #sub-accordion-section-tilburg112_login_screen .customize-control-title {
    padding-left: 18px;
}


/* v1.0.45.48 - Login Customizer Pro-achtige panelen */
body.wp-customizer #accordion-panel-tilburg112_login_panel .accordion-section-title::before {
    content: "🔐";
    margin-right: 8px;
}

body.wp-customizer #sub-accordion-panel-tilburg112_login_panel .accordion-section-title::before,
body.wp-customizer [id*="sub-accordion-section-tilburg112_login_"] .customize-control::before {
    content: "";
}

body.wp-customizer [id*="sub-accordion-section-tilburg112_login_"] .customize-control {
    border-left: 5px solid var(--t112-admin-yellow);
}

body.wp-customizer [id*="sub-accordion-section-tilburg112_login_"] .customize-control-title {
    padding-left: 0;
}

body.wp-customizer [id*="sub-accordion-section-tilburg112_login_"] input[type="number"] {
    max-width: 110px;
}

body.wp-customizer [id*="sub-accordion-section-tilburg112_login_"] textarea {
    min-height: 110px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}


/* v1.0.45.51 - Login merknaam: 112 geel */
body.login h1 a.t112-login-brand-markup {
    display: inline-block;
    text-indent: 0 !important;
    overflow: visible !important;
    background-image: none !important;
}

body.login h1 a.t112-login-brand-markup::before {
    content: "" !important;
    display: none !important;
}

body.login h1 a.t112-login-brand-markup .t112-login-brand-112 {
    color: var(--t112-admin-yellow);
}

body.login h1 a.t112-login-brand-markup .t112-login-brand-after {
    text-transform: none;
}


/* v1.0.45.52 - Fix tekstlogo login zichtbaar */
body.login h1 a.t112-login-brand-markup {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.05em !important;
    text-indent: 0 !important;
    overflow: visible !important;
    background-image: none !important;
}

body.login h1 a.t112-login-brand-markup::before {
    content: "" !important;
    display: none !important;
}

body.login h1 a.t112-login-brand-markup .t112-login-brand-before,
body.login h1 a.t112-login-brand-markup .t112-login-brand-after {
    color: #ffffff;
}

body.login h1 a.t112-login-brand-markup .t112-login-brand-112 {
    color: var(--t112-admin-yellow) !important;
}


/* v1.0.45.53 - Login label weer onder het tekstlogo */
body.login h1 a.t112-login-brand-markup::after {
    display: flex !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 10px auto 0 !important;
    align-items: center !important;
    justify-content: center !important;
}

body.login h1 a.t112-login-brand-markup {
    text-align: center !important;
}

body.login h1 a.t112-login-brand-markup .t112-login-brand-before,
body.login h1 a.t112-login-brand-markup .t112-login-brand-112,
body.login h1 a.t112-login-brand-markup .t112-login-brand-after {
    display: inline !important;
}


/* v1.0.45.54 - Login random backgrounds */
body.wp-customizer #customize-control-tilburg112_login_background_images_extra textarea {
    min-height: 150px;
}