/* Allflow ERP Custom Styles */

:root {
    --allflow-orange: #FF6B35;
    --allflow-orange-hover: #E55A2B;
    --allflow-orange-light: #FFE5DB;
    --allflow-orange-dark: #CC5528;
}

/* ========== OCULTAR REFERENCIAS A FRAPPE/ERPNEXT ========== */

/* Ocultar elementos que contengan texto de Frappe/ERPNext */
*[title*="Frappe" i],
*[title*="ERPNext" i],
*[alt*="Frappe" i],
*[alt*="ERPNext" i],
*[placeholder*="Frappe" i],
*[placeholder*="ERPNext" i] {
    visibility: hidden;
    position: relative;
}

/* Ocultar footer "Powered by" */
.footer-powered-by,
.powered-by,
footer [href*="frappe"],
footer [href*="erpnext"],
.web-footer [href*="frappe"],
.web-footer [href*="erpnext"] {
    display: none !important;
}

/* Ocultar enlaces específicos a Frappe/ERPNext */
a[href*="frappe.io"],
a[href*="erpnext.com"],
a[href*="frappe.cloud"],
a[href*="frappeframework.com"] {
    display: none !important;
}

/* Ocultar menú de ayuda si contiene referencias */
.navbar-nav .dropdown-help {
    display: none !important;
}

/* ========== ESTILOS ORIGINALES DE ALLFLOW ========== */

/* Navbar/Toolbar - Color naranja con texto blanco */
.navbar {
    background-color: var(--allflow-orange) !important;
}

.navbar-brand {
    color: white !important;
}

.navbar .navbar-nav .nav-link {
    color: white !important;
}

.navbar .navbar-nav .nav-link:hover {
    background-color: var(--allflow-orange-hover) !important;
    color: white !important;
}

/* Standard navbar background */
.navbar-default, 
.navbar-light {
    background-color: var(--allflow-orange) !important;
    border-color: var(--allflow-orange-dark) !important;
}

/* Textos específicos en la navbar que deben ser blancos */
.navbar .navbar-brand,
.navbar .navbar-nav .nav-link,
.navbar-nav .dropdown-toggle {
    color: white !important;
}

/* Iconos en la navbar */
.navbar .navbar-icon,
.navbar svg:not(.feather-search),
.navbar .icon:not(.search-icon) {
    color: white !important;
    fill: white !important;
}

/* Dropdown en navbar (NO el del buscador) */
.navbar .dropdown-menu:not(.search-dropdown) {
    background-color: white !important;
}

.navbar .dropdown-menu:not(.search-dropdown) a,
.navbar .dropdown-menu:not(.search-dropdown) .dropdown-item {
    color: var(--allflow-orange) !important;
}

.navbar .dropdown-menu:not(.search-dropdown) a:hover,
.navbar .dropdown-menu:not(.search-dropdown) .dropdown-item:hover {
    background-color: var(--allflow-orange-light) !important;
    color: var(--allflow-orange-dark) !important;
}

/* Breadcrumbs en navbar */
.navbar .breadcrumb-item,
.navbar .breadcrumb-item a,
#navbar-breadcrumbs,
#navbar-breadcrumbs li,
#navbar-breadcrumbs li a,
.navbar #navbar-breadcrumbs li a {
    color: white !important;
}

#navbar-breadcrumbs li.disabled,
#navbar-breadcrumbs li.disabled a,
.navbar .breadcrumb-item.active {
    color: white !important;
    opacity: 0.8;
}

/* Search bar - Mantener estilos del tema */
.navbar .form-control,
.navbar input[type="search"],
.navbar .search-bar input,
.navbar #navbar-search,
.navbar .search-box input {
    /* No sobrescribir colores - usar los del tema */
    color: var(--text-color) !important;
    background-color: var(--control-bg) !important;
    border-color: var(--border-color) !important;
}

/* Placeholder del buscador */
.navbar .form-control::placeholder,
.navbar input[type="search"]::placeholder,
.navbar #navbar-search::placeholder {
    color: var(--text-muted) !important;
    opacity: 0.6;
}

/* Autocomplete/dropdown del buscador */
.search-dropdown,
.awesomplete,
.navbar .awesomplete ul {
    background-color: var(--control-bg) !important;
}

.search-dropdown *,
.awesomplete li,
.navbar .awesomplete li {
    color: var(--text-color) !important;
}

.awesomplete li:hover,
.awesomplete li[aria-selected="true"] {
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
}

/* Botones primarios - Color naranja */
.btn-primary {
    background-color: var(--allflow-orange) !important;
    border-color: var(--allflow-orange) !important;
    color: white !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--allflow-orange-hover) !important;
    border-color: var(--allflow-orange-hover) !important;
}

/* Botones outline */
.btn-outline-primary {
    color: var(--allflow-orange) !important;
    border-color: var(--allflow-orange) !important;
}

.btn-outline-primary:hover {
    background-color: var(--allflow-orange) !important;
    border-color: var(--allflow-orange) !important;
    color: white !important;
}

/* Títulos H1, H2, H3, H4, H5, H6 */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--allflow-orange) !important;
}

/* Page headers */
.page-head h1,
.page-title {
    color: var(--allflow-orange) !important;
}

/* Form headers */
.form-heading,
.form-title,
.section-head {
    color: var(--allflow-orange) !important;
}

/* Enlaces */
a {
    color: var(--allflow-orange);
}

a:hover,
a:focus {
    color: var(--allflow-orange-hover);
}

/* Tabs activos */
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
    background-color: var(--allflow-orange) !important;
    border-color: var(--allflow-orange) !important;
    color: white !important;
}

/* Progress bars */
.progress-bar {
    background-color: var(--allflow-orange) !important;
}

/* Badges */
.badge-primary {
    background-color: var(--allflow-orange) !important;
}

/* Menú de ayuda - Mantener visible (configurar desde Frappe si se desea ocultar) */

/* Indicadores y estados */
.indicator-pill.blue,
.indicator.blue {
    background-color: var(--allflow-orange) !important;
}

/* Selección de texto */
::selection {
    background-color: var(--allflow-orange-light);
    color: var(--allflow-orange-dark);
}

/* Focus styles */
.form-control:focus {
    border-color: var(--allflow-orange) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 107, 53, 0.25) !important;
}

/* Switches/toggles */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--allflow-orange) !important;
    border-color: var(--allflow-orange) !important;
}

/* Dropdown items hover */
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: var(--allflow-orange-light) !important;
    color: var(--allflow-orange-dark) !important;
}

/* Sidebar active items */
.sidebar-item.active,
.list-sidebar .list-link.active {
    background-color: var(--allflow-orange-light) !important;
    border-left-color: var(--allflow-orange) !important;
}

/* Card headers */
.card-header {
    background-color: var(--allflow-orange-light);
    border-bottom-color: var(--allflow-orange);
}

/* Alert primary */
.alert-primary {
    background-color: var(--allflow-orange-light);
    border-color: var(--allflow-orange);
    color: var(--allflow-orange-dark);
}

/* ========== PÁGINA DE LOGIN ========== */

/* Estilos globales para páginas web */
body.for-login,
body.login-page {
    --primary: var(--allflow-orange) !important;
    --primary-color: var(--allflow-orange) !important;
}

/* Navbar en página de login */
.login-content .navbar,
.page-card-head .navbar {
    background-color: var(--allflow-orange) !important;
}

.login-content .navbar *,
.page-card-head .navbar * {
    color: white !important;
}

/* Botón de login */
.btn-login,
.login-content .btn-primary,
#login_btn,
.btn-sm.btn-primary {
    background-color: var(--allflow-orange) !important;
    border-color: var(--allflow-orange) !important;
    color: white !important;
}

.btn-login:hover,
.login-content .btn-primary:hover,
#login_btn:hover,
.btn-sm.btn-primary:hover {
    background-color: var(--allflow-orange-hover) !important;
    border-color: var(--allflow-orange-hover) !important;
}

/* Enlaces en login */
.login-content a,
.forgot-password-message a {
    color: var(--allflow-orange) !important;
}

.login-content a:hover,
.forgot-password-message a:hover {
    color: var(--allflow-orange-hover) !important;
}

/* Título del login */
.login-content h3,
.login-content h4,
.login-content h5,
.page-card-head h3,
.page-card-head h4 {
    color: var(--allflow-orange) !important;
}

/* Input focus en login */
.login-content .form-control:focus,
.login-content input:focus {
    border-color: var(--allflow-orange) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 107, 53, 0.25) !important;
}

/* Checkbox en login */
.login-content .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--allflow-orange) !important;
    border-color: var(--allflow-orange) !important;
}

/* Social login buttons */
.btn-default.btn-xs.btn-block.btn-social {
    border-color: var(--allflow-orange) !important;
}

.btn-default.btn-xs.btn-block.btn-social:hover {
    background-color: var(--allflow-orange-light) !important;
    border-color: var(--allflow-orange) !important;
}

/* Login page card */
.login-content .page-card {
    border-top: 3px solid var(--allflow-orange);
}

/* For auth pages like login, signup, etc */
.for-login .navbar,
.for-signup .navbar,
.for-forgot .navbar,
.for-login-page .navbar {
    background-color: var(--allflow-orange) !important;
}

.for-login .navbar *,
.for-signup .navbar *,
.for-forgot .navbar *,
.for-login-page .navbar * {
    color: white !important;
}

/* Logo/Brand image en login */
.for-login .navbar-brand img,
.for-signup .navbar-brand img {
    filter: brightness(0) invert(1); /* Hace el logo blanco si es oscuro */
    max-height: 30px;
}