/* Theme color overrides — backgrounds only; does not change layout/spacing.
   Exclude .theme-live-preview so Theme Color page previews can update live. */
.nobel-single-header {
    background: var(--theme-header-grad, linear-gradient(88deg, rgba(45, 135, 50, 1) 0%, rgba(45, 44, 156, 1) 100%)) !important;
}

.page-toolbar-title-btn:not(.theme-live-preview) {
    background: var(--theme-title-grad, linear-gradient(180deg, #5b96ff 0%, #3b82f6 28%, #2563eb 55%, #1d4ed8 100%)) !important;
}

.rojmel-entry-submit-btn:not(.theme-live-preview):not(.theme-page-save-btn),
.list-filter-submit-btn:not(.theme-live-preview):not(.js-whatsapp-trigger),
.client-2grid-page .list-filter-submit-btn:not(.theme-live-preview):not(.js-whatsapp-trigger) {
    background: var(--theme-btn-grad, linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #1e40af 100%)) !important;
}

/* WhatsApp list buttons — always brand green (not theme button color) */
.list-filter-submit-btn.js-whatsapp-trigger,
.client-2grid-page .list-filter-submit-btn.js-whatsapp-trigger,
.btn.js-whatsapp-trigger {
    background: #47B44B !important;
    background-image: none !important;
    border-color: #47B44B !important;
    color: #fff !important;
}

.list-filter-submit-btn.js-whatsapp-trigger:hover,
.client-2grid-page .list-filter-submit-btn.js-whatsapp-trigger:hover,
.btn.js-whatsapp-trigger:hover {
    background: #47B44B !important;
    background-image: none !important;
    border-color: #47B44B !important;
    color: #fff !important;
}

/* Table section headers — same as Header (menu background) from Theme Color */
.party-list-section-title,
.divide-data-print .divide-data-section-title,
.rojmel-4grid-page .rojmel-grid-cell-title.table-header-background,
.client-table-header,
.client-2grid-page .client-grid-cell-title {
    background: var(--theme-header-grad, linear-gradient(88deg, rgba(45, 135, 50, 1) 0%, rgba(45, 44, 156, 1) 100%)) !important;
    color: #fff !important;
}

/* Login page (Layout=null) — Header menu color on logo, Submit button color on Sign In */
.nobel-login-logo {
    background: var(--theme-header-grad, linear-gradient(88deg, rgba(45, 135, 50, 1) 0%, rgba(45, 44, 156, 1) 100%)) !important;
    background-image: var(--theme-header-grad, linear-gradient(88deg, rgba(45, 135, 50, 1) 0%, rgba(45, 44, 156, 1) 100%)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

.nobel-login .btn-signin,
.nobel-login .btn.btn-signin {
    background: var(--theme-btn-grad, linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #1e40af 100%)) !important;
    background-image: var(--theme-btn-grad, linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #1e40af 100%)) !important;
    background-color: transparent !important;
    border: none !important;
    color: #fff !important;
}

@media (max-width: 991.98px) {
    header .nobel-nav-center {
        background: var(--theme-header-grad, linear-gradient(88deg, rgba(45, 135, 50, 1) 0%, rgba(45, 44, 156, 1) 100%)) !important;
    }
}