/* ==================================================
   Wagtail Admin — Tema IFRN DSGov (v3.0)
   Alinhamento da identidade visual do CMS editorial ao Gov.br DS
   ================================================== */

@import url("./fonts.e6f4d4ca0ee5.css");

:root {
    --w-color-primary: #1351b4;
    --w-color-primary-200: #c5d6f5;
    --w-color-primary-400: #155bcb;
    --w-color-primary-hover: #0c326f;
    --w-color-surface-menu: #071d41;
    --w-color-surface-menu-item-active: #1351b4;
    --w-font-sans: 'Rawline', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body {
    font-family: var(--w-font-sans);
}

/* Sidebar do Wagtail */
[data-sidebar] {
    background-color: #071d41 !important;
}

.sidebar,
.sidebar-main,
.sidebar-footer {
    background-color: #071d41 !important;
}

.sidebar-wagtail-branding {
    padding: 1.25rem 0.5rem 0.75rem !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 60px !important;
}

.sidebar-wagtail-branding__icon-wrapper {
    background: url("../img/ifrn-logo.6e2fc82df6fd.png") no-repeat center center / contain !important;
    width: 140px !important;
    height: 42px !important;
    min-height: 42px !important;
    position: relative !important;
    display: block !important;
}

.sidebar-wagtail-branding svg,
svg.sidebar-wagtail-branding__icon {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.sidebar-menu-item--active,
.sidebar-menu-item:hover {
    background-color: #1351b4 !important;
}

/* Botões Primários */
.button-primary,
button.button-primary,
.w-button--primary,
.w-action--primary,
.c-btn--primary,
.w-bg-primary {
    background-color: #1351b4 !important;
    border-color: #1351b4 !important;
    color: #ffffff !important;
}

.button-primary:hover,
button.button-primary:hover,
.w-button--primary:hover,
.w-action--primary:hover,
.c-btn--primary:hover,
.w-bg-primary:hover {
    background-color: #0c326f !important;
    border-color: #0c326f !important;
}

/* Links */
a:not(.button):not(.c-btn):not([class*="sidebar"]) {
    color: #1351b4;
}

a:not(.button):not(.c-btn):not([class*="sidebar"]):hover {
    color: #0c326f;
}

/* Tela de Login do Wagtail Admin */
body.login {
    background: linear-gradient(135deg, #071d41 0%, #1351b4 100%) !important;
}

body.login .login-panel,
body.login [class*="login-panel"],
body.login form {
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}

body.login .button-primary,
body.login button[type="submit"] {
    background-color: #1351b4 !important;
    border-radius: 24px !important;
    padding: 0.75rem 1.5rem !important;
    font-weight: 700 !important;
}

body.login .button-primary:hover,
body.login button[type="submit"]:hover {
    background-color: #0c326f !important;
}