/* ========================================================== */
/* TEMA HAZIA — CSS Dinamico (identidad hazia v3)             */
/* ========================================================== */

:root {
  --hz-primary: #1E1E1E;
  --hz-primary-light: #3f3f3f;
  --hz-primary-dark: #191919;
  --hz-primary-bg: #e8e8e8;
  --hz-secondary: #33601E;
  --hz-secondary-light: #51773f;
  --hz-secondary-dark: #2b5119;
  --hz-secondary-bg: #eaefe8;
  --hz-accent: #F8A030;
  --hz-accent-light: #f9ae4f;
  --hz-accent-bg: #fef5ea;
  --hz-success: #22c55e;
  --hz-success-light: #43cd76;
  --hz-success-bg: #e8f9ee;
  --hz-bg: #FCFCFB;
  --hz-dark: #1E1E1E;
  --hz-grey: #667085;
  --hz-grey-light: #e0e2e6;
  --hz-grey-medium: #c1c5ce;
  --hz-header-bg: #FCFCFB;
  --hz-header-text: #1E1E1E;
  --hz-header-text-70: rgba(30,30,30,0.7);
  --hz-footer-bg: #EEF2E8;
  --hz-footer-text: #1E1E1E;
  --hz-footer-text-60: rgba(30,30,30,0.6);
  --hz-bg-2: #EEF2E8;
  --hz-card-bg: #FFFFFF;
  --hz-border: rgba(30,30,30,0.12);
  --hz-primary-80: rgba(30,30,30,0.8);
  --hz-primary-60: rgba(30,30,30,0.6);
  --hz-primary-10: rgba(30,30,30,0.1);
  --hz-primary-05: rgba(30,30,30,0.05);
  --hz-red: #33601E;
  --hz-vivid: #F8A030;
  --hz-btn-radius: 24px;
  --hz-card-radius: 24px;
  --hz-card-shadow: 0 10px 30px rgba(30, 30, 30,0.04);
  --hz-font-body: 'Lato', sans-serif;
  --hz-font-headings: 'Oswald', sans-serif;
  --hz-font-serif: 'Oswald', sans-serif;
  --hz-shadow-focus: 0 0 0 3px rgba(30,30,30,0.2);
  --hz-shadow-focus-sec: 0 0 0 3px rgba(51,96,30,0.2);
}

/* ── Base ────────────────────────────────────────────────── */
body, #wrapwrap {
  font-family: 'Lato', sans-serif !important;
  background-color: #FCFCFB !important;
  color: #1E1E1E !important;
  line-height: 1.7;
}

/* ── Typography ──────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.display-1, .display-2, .display-3, .display-4 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0;
  text-transform: none;
  color: #1E1E1E;
}

p, li, span, td, th, label, input, textarea, select {
  font-family: 'Lato', sans-serif;
}

a { color: #1E1E1E; text-decoration: none; }
a:hover { color: #33601E; }

/* ── Header / Navbar ─────────────────────────────────────── */
header .navbar,
header .o_header_standard,
header .o_header_affixed,
header #top_menu_container,
header nav.navbar {
  background-color: rgba(252,252,251,0.88) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(30,30,30,0.12) !important;
  padding: 16px 48px !important;
  font-family: 'Lato', sans-serif !important;
}
header.o_header_affixed,
header .o_header_affixed {
  background-color: #FCFCFB !important;
}
header .navbar-brand { color: #1E1E1E !important; font-family: 'Lato', sans-serif !important; font-weight: 800 !important; }
header .nav-item .nav-link,
header .navbar-nav .nav-link {
  color: rgba(30,30,30,0.7) !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
header .nav-item .nav-link:hover,
header .nav-item .nav-link.active,
header .navbar-nav .nav-link:hover,
header .navbar-nav .nav-link.active {
  color: #1E1E1E !important;
}
header .fa, header .oi { color: rgba(30,30,30,0.7) !important; }
header .dropdown-menu {
  background: #FCFCFB !important;
}
header .dropdown-menu .dropdown-item {
  color: rgba(30,30,30,0.7) !important;
}
header .dropdown-menu .dropdown-item:hover {
  color: #1E1E1E !important;
}
header .navbar-toggler { color: #1E1E1E !important; }

/* ── Buttons (overrides Bootstrap compiled CSS) ──────────── */
.btn-primary, .btn.btn-primary, a.btn-primary {
  background-color: #1E1E1E !important;
  border-color: #1E1E1E !important;
  color: #fff !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  border-radius: 24px;
}
.btn-primary:hover, .btn-primary:focus, a.btn-primary:hover {
  background-color: rgba(30,30,30,0.8) !important;
  border-color: rgba(30,30,30,0.8) !important;
  box-shadow: 0 0 0 3px rgba(30,30,30,0.2);
}
.btn-secondary, .btn.btn-secondary, a.btn-secondary {
  background-color: #33601E !important;
  border-color: #33601E !important;
  color: #fff !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  border-radius: 24px;
}
.btn-secondary:hover, .btn-secondary:focus, a.btn-secondary:hover {
  background-color: #51773f !important;
  border-color: #51773f !important;
}
.btn-outline-primary {
  color: #1E1E1E !important;
  border-color: #1E1E1E !important;
  background: transparent !important;
  border-radius: 24px;
}
.btn-outline-primary:hover {
  background-color: #1E1E1E !important;
  color: #fff !important;
}

/* ── Cards ───────────────────────────────────────────────── */
.card, .s_card {
  border-radius: 24px;
  background: #fff;
  border: 1px solid rgba(30,30,30,0.12);
  box-shadow: 0 10px 30px rgba(30, 30, 30,0.04);
}
.card .card-header {
  background: rgba(30,30,30,0.05);
  color: #1E1E1E;
  font-family: 'Lato', sans-serif;
}

/* ── Footer ──────────────────────────────────────────────── */
footer, #footer {
  background-color: #EEF2E8 !important;
  color: #1E1E1E !important;
  font-family: 'Lato', sans-serif !important;
  padding: 64px 0 32px !important;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
  color: #1E1E1E !important;
  font-family: 'Oswald', sans-serif !important;
}
footer p, footer span, footer div, footer li,
#footer p, #footer span, #footer div, #footer li {
  color: rgba(30,30,30,0.6) !important;
}
footer a, #footer a { color: #1E1E1E !important; }
footer a:hover, #footer a:hover { color: #33601E !important; }

/* ── Color combinations (Odoo snippets) ──────────────────── */
.o_cc1 { background-color: #FCFCFB !important; color: #1E1E1E !important; }
.o_cc2 { background-color: #1E1E1E !important; color: #FCFCFB !important; }
.o_cc2 h1, .o_cc2 h2, .o_cc2 h3, .o_cc2 h4, .o_cc2 h5, .o_cc2 h6 { color: #FCFCFB !important; }
.o_cc3 { background-color: #33601E !important; color: #fff !important; }
.o_cc3 h1, .o_cc3 h2, .o_cc3 h3, .o_cc3 h4, .o_cc3 h5, .o_cc3 h6 { color: #fff !important; }
.o_cc4 { background-color: #1E1E1E !important; color: #fff !important; }
.o_cc4 h1, .o_cc4 h2, .o_cc4 h3, .o_cc4 h4, .o_cc4 h5, .o_cc4 h6 { color: #fff !important; }
.o_cc5 { background-color: #fff !important; color: #1E1E1E !important; }

/* ── Bootstrap overrides ─────────────────────────────────── */
.text-primary { color: #1E1E1E !important; }
.text-secondary { color: #33601E !important; }
.bg-primary { background-color: #1E1E1E !important; }
.bg-secondary { background-color: #33601E !important; }
.border-primary { border-color: #1E1E1E !important; }
.badge-primary, .bg-primary { background-color: #1E1E1E !important; }
.badge-secondary, .bg-secondary { background-color: #33601E !important; }

/* ── Forms ───────────────────────────────────────────────── */
.form-control:focus, .form-select:focus,
input:focus, textarea:focus {
  border-color: #1E1E1E;
  box-shadow: 0 0 0 3px rgba(30,30,30,0.2);
}

/* ── Table ───────────────────────────────────────────────── */
.table th {
  background-color: #1E1E1E;
  color: #fff;
  font-family: 'Oswald', sans-serif;
}

/* ── Selection & scrollbar ───────────────────────────────── */
::selection { background: #1E1E1E; color: #fff; }

/* ── Success / Warning / Danger buttons ──────────────────── */
.btn-success {
  background-color: #22c55e !important;
  border-color: #22c55e !important;
  color: #fff !important;
  border-radius: 24px;
}
.btn-success:hover, .btn-success:focus {
  background-color: #43cd76 !important;
  border-color: #43cd76 !important;
}
.btn-warning {
  background-color: #F8A030 !important;
  border-color: #F8A030 !important;
  color: #1E1E1E !important;
  border-radius: 24px;
}
.btn-danger {
  background-color: #1E1E1E !important;
  border-color: #1E1E1E !important;
  color: #fff !important;
  border-radius: 24px;
}
.btn-danger:hover, .btn-danger:focus {
  background-color: #3f3f3f !important;
  border-color: #3f3f3f !important;
}

/* ── Alerts ──────────────────────────────────────────────── */
.alert-success {
  background-color: #e8f9ee !important;
  border-color: #22c55e !important;
  color: #22c55e !important;
}
.alert-warning {
  background-color: #fef5ea !important;
  border-color: #F8A030 !important;
}
.alert-danger {
  background-color: #e8e8e8 !important;
  border-color: #1E1E1E !important;
}

/* ── Notifications ───────────────────────────────────────── */
.o_notification.o_notification_success {
  border-left: 4px solid #22c55e !important;
  background-color: #e8f9ee !important;
  color: #22c55e !important;
}
.o_notification.o_notification_warning {
  border-left: 4px solid #F8A030 !important;
  background-color: #fef5ea !important;
}
.o_notification.o_notification_danger {
  border-left: 4px solid #1E1E1E !important;
  background-color: #e8e8e8 !important;
}

/* ── Badges ──────────────────────────────────────────────── */
.badge-primary, .badge.bg-primary, .badge.text-bg-primary { background-color: #33601E !important; }
.badge-secondary, .badge.bg-secondary { background-color: #667085 !important; }
.badge.bg-danger, .badge.text-bg-danger { background-color: #1E1E1E !important; }
.badge.bg-warning, .badge.text-bg-warning { background-color: #F8A030 !important; color: #1E1E1E !important; }
.badge.bg-success, .badge.text-bg-success { background-color: #22c55e !important; }

/* ── Backend overrides ───────────────────────────────────── */
.o_main_navbar {
  background-color: #1E1E1E !important;
  border-bottom: 2px solid #33601E !important;
}
.o_main_navbar .o_menu_brand,
.o_main_navbar .o_menu_brand:hover {
  color: #FCFCFB !important;
  font-family: 'Oswald', sans-serif !important;
}
.o_main_navbar > ul > li > a,
.o_main_navbar .nav-link {
  color: #FCFCFB !important;
}
.o_main_navbar .o_menu_sections .o_nav_entry.active,
.o_main_navbar .o_menu_sections .dropdown-toggle.active,
.o_main_navbar .o_menu_sections [aria-expanded="true"],
.o_main_navbar .o_menu_sections [aria-current="page"] {
  background: #33601E !important;
  border-color: #33601E !important;
}
.o_main_navbar .dropdown-menu {
  background-color: #1E1E1E !important;
}
.o_main_navbar .dropdown-menu .dropdown-item:hover,
.o_main_navbar .dropdown-menu .dropdown-item:focus,
.o_main_navbar .dropdown-menu .dropdown-item.active {
  background-color: #33601E !important;
}
.o_content,
.o_action_manager > .o_action {
  background-color: #FCFCFB !important;
}
.o_home_menu, .o_apps { background-color: #FCFCFB !important; }

/* ── Backend buttons ─────────────────────────────────────── */
.o_web_client .btn-primary,
.o_form_button_save,
.o_statusbar_buttons .btn-primary {
  background-color: #33601E !important;
  border-color: #33601E !important;
  color: #FCFCFB !important;
  font-family: 'Oswald', sans-serif !important;
  border-radius: 24px !important;
}
.o_web_client .btn-primary:hover,
.o_web_client .btn-primary:focus {
  background-color: #2b5119 !important;
  border-color: #2b5119 !important;
  box-shadow: rgba(51,96,30,0.2) 0 0 0 3px !important;
}
.o_web_client .btn-secondary,
.o_form_button_discard {
  font-family: 'Oswald', sans-serif !important;
  border-radius: 24px !important;
}

/* ── Backend forms ───────────────────────────────────────── */
.o_form_view .o_field_widget input:focus,
.o_form_view .o_field_widget textarea:focus,
.o_form_view .o_field_widget .o_input:focus {
  border-color: #33601E !important;
  box-shadow: 0 0 0 2px rgba(51,96,30,0.15) !important;
}
.o_form_view .o_horizontal_separator {
  color: #33601E !important;
  border-bottom-color: #eaefe8 !important;
}
.o_form_view .o_notebook .nav-tabs .nav-link.active {
  color: #33601E !important;
  border-bottom-color: #33601E !important;
}
.o_form_view .o_notebook .nav-tabs .nav-link:hover {
  color: #33601E !important;
}
.o_control_panel .breadcrumb .breadcrumb-item a {
  color: #33601E !important;
}
.o_control_panel .breadcrumb .breadcrumb-item a:hover {
  color: #2b5119 !important;
}

/* ── Backend list view ───────────────────────────────────── */
.o_list_view thead {
  background-color: #1E1E1E !important;
}
.o_list_view thead th {
  color: #FCFCFB !important;
  font-family: 'Oswald', sans-serif !important;
}
.o_list_view tbody tr:hover {
  background-color: #eaefe8 !important;
}
.o_pivot_view table thead th {
  background-color: #1E1E1E !important;
  color: #FCFCFB !important;
  font-family: 'Oswald', sans-serif !important;
}

/* ── Backend kanban ──────────────────────────────────────── */
.o_kanban_view { background-color: #FCFCFB !important; }
.o_kanban_view .o_kanban_record:hover {
  border-color: #51773f !important;
  box-shadow: 0 4px 16px rgba(51,96,30,0.15) !important;
}

/* ── Backend status bar ──────────────────────────────────── */
.o_statusbar_status .btn:hover {
  color: #33601E !important;
  background-color: #eaefe8 !important;
}
.o_statusbar_status .btn.o_arrow_button_current {
  color: #FCFCFB !important;
  background-color: #33601E !important;
}

/* ── Backend calendar ────────────────────────────────────── */
.o_calendar_view .fc-day-today {
  background-color: #eaefe8 !important;
}
.o_calendar_view .fc-event {
  background-color: #33601E !important;
  border-color: #2b5119 !important;
}

/* ── Backend modals ──────────────────────────────────────── */
.modal .modal-header {
  background-color: #1E1E1E !important;
}
.modal .modal-header .modal-title {
  color: #FCFCFB !important;
  font-family: 'Oswald', sans-serif !important;
}
.modal .modal-footer {
  background-color: #FCFCFB !important;
}

/* ── Backend chatter ─────────────────────────────────────── */
.o_chatter {
  background-color: #FCFCFB !important;
}

/* ── Backend links ───────────────────────────────────────── */
.o_web_client a { color: #33601E !important; }
.o_web_client a:hover { color: #2b5119 !important; }

/* ── Backend search ──────────────────────────────────────── */
.o_searchview .o_searchview_facet {
  background-color: #eaefe8 !important;
  color: #33601E !important;
}

/* ── Backend tags ────────────────────────────────────────── */
.o_tag {
  background-color: #eaefe8 !important;
  color: #33601E !important;
}

/* ── Backend checkbox & radio ────────────────────────────── */
.form-check-input:checked {
  background-color: #33601E !important;
  border-color: #33601E !important;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  background-color: #33601E !important;
  border-color: #33601E !important;
  accent-color: #33601E !important;
}

/* ── Backend settings ────────────────────────────────────── */
.o_base_settings_view .o_form_renderer {
  --settings__tab-bg: #1E1E1E !important;
  --settings__tab-bg--active: #33601E !important;
  --settings__tab-color: #FCFCFB !important;
}
.o_base_settings_view .o_setting_container .settings_tab .selected {
  box-shadow: inset 2px 0 0 #F8A030 !important;
}

/* ── Backend loading / spinner ───────────────────────────── */
.o_spinner, .o_loading, .spinner-border {
  color: #33601E !important;
}

/* ── Backend pager ───────────────────────────────────────── */
.o_pager .o_pager_previous, .o_pager .o_pager_next {
  color: #33601E !important;
}
.o_pager .o_pager_previous:hover, .o_pager .o_pager_next:hover {
  background-color: #eaefe8 !important;
}

/* ── Backend scrollbar ───────────────────────────────────── */
::-webkit-scrollbar-thumb:hover {
  background: #33601E;
}

/* ── Editor overrides ────────────────────────────────────── */
#oe_main_menu_navbar,
#oe_main_menu_navbar .o_main_navbar {
  background-color: #1E1E1E !important;
  border-bottom: 2px solid #33601E !important;
}
#oe_main_menu_navbar .btn-primary,
.o_we_website_top_actions .btn-primary {
  background-color: #1E1E1E !important;
  border-color: #1E1E1E !important;
}
#oe_main_menu_navbar .btn-primary:hover,
.o_we_website_top_actions .btn-primary:hover {
  background-color: #3f3f3f !important;
  border-color: #3f3f3f !important;
}
#oe_main_menu_navbar .btn-secondary,
.o_we_website_top_actions .btn-secondary {
  background-color: #33601E !important;
  border-color: #33601E !important;
  color: #FCFCFB !important;
}
#oe_main_menu_navbar .btn-secondary:hover,
.o_we_website_top_actions .btn-secondary:hover {
  background-color: #51773f !important;
  border-color: #51773f !important;
}
#oe_main_menu_navbar .nav-link.active,
#oe_main_menu_navbar .dropdown-toggle.active {
  background-color: #33601E !important;
}
#oe_main_menu_navbar .dropdown-menu {
  background-color: #1E1E1E !important;
}
#oe_main_menu_navbar .dropdown-item:hover {
  background-color: #33601E !important;
}
#oe_main_menu_navbar .form-check-input:checked {
  background-color: #33601E !important;
  border-color: #33601E !important;
}