/* Lagom2 theme deltas — load AFTER wgs_aiassistant.css (order: base, lagom, rtl) */

button.chat-option-btn.select-dept {
    border: 1px solid;
}

.domain-suggestion-container {
    background: var(--body-bg) !important;
}

button.btn.btn-primary.mr-2.lagom2-theme.askToAssistantBtn,
button.btn.mr-2.lagom2-theme.askToAssistantBtn,
.lagom2-theme.askToAssistantBtn {
    height: auto;
    min-height: 44px;
    padding: 8px 24px !important;
    background: var(--btn-primary-bg, var(--brand-primary, #0052cc)) !important;
    border: 1px solid var(--btn-primary-border, var(--brand-primary, #0052cc)) !important;
    color: var(--btn-primary-color, #ffffff) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 600;
    border-radius: var(--border-radius-base, 4px);
    transition: all 0.2s ease-in-out;
}

button.btn.btn-primary.mr-2.lagom2-theme.askToAssistantBtn:hover,
button.btn.btn-primary.mr-2.lagom2-theme.askToAssistantBtn:focus,
.lagom2-theme.askToAssistantBtn:hover,
.lagom2-theme.askToAssistantBtn:focus {
    background: var(--btn-primary-hover-bg, #0041a8) !important;
    border-color: var(--btn-primary-hover-border, #0041a8) !important;
    color: var(--btn-primary-hover-color, #ffffff) !important;
}

.lagom #chatbot-toggle-btn {
    width: 64px;
    height: 54px;
}

label.radio.content-3.lagom2-theme.checked .box:before {
    transition: .3s;
    position: absolute;
    top: -26px;
    right: -6px;
    background: var(--brand-primary);
    height: 60px;
    width: 32px;
    transform: rotate(-45deg);
    content: "";
    z-index: 1;
    opacity: 1;
    visibility: visible;

}

label.radio.content-3.lagom2-theme.checked .box::after {
    position: absolute;
    top: 3px;
    right: 4px;
    font: normal normal normal 15px / 1 lagom-small-icons;
    content: "\e911";
    color: #fff;
    z-index: 2;
    opacity: 1;
    visibility: visible;
}

label.radio.content-3.lagom2-theme .box {
    justify-content: center;

}

table.table.table-list.chatbot_table thead tr th:last-child {
    text-align: end;
}

table.table.table-list.chatbot_table tbody tr td:last-child {
    text-align: end;
}

/* Status labels in chatbot tables */
table.table.table-list.chatbot_table tbody tr td .label,
table.table.table-list.chatbot_table tbody tr td span[class*="label-"],
table.table.table-list.chatbot_table tbody tr td span[class*="status-"] {
    display: inline-block;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 4px;
    color: #ffffff !important;
}

table.table.table-list.chatbot_table tbody tr td .label-success,
table.table.table-list.chatbot_table tbody tr td .label-active,
table.table.table-list.chatbot_table tbody tr td .status-active,
table.table.table-list.chatbot_table tbody tr td .status-paid,
table.table.table-list.chatbot_table tbody tr td .label-paid {
    background-color: #28a745 !important;
    color: #ffffff !important;
}

table.table.table-list.chatbot_table tbody tr td .label-danger,
table.table.table-list.chatbot_table tbody tr td .label-pending,
table.table.table-list.chatbot_table tbody tr td .status-pending,
table.table.table-list.chatbot_table tbody tr td .status-unpaid,
table.table.table-list.chatbot_table tbody tr td .label-unpaid,
table.table.table-list.chatbot_table tbody tr td .status-terminated,
table.table.table-list.chatbot_table tbody tr td .label-terminated,
table.table.table-list.chatbot_table tbody tr td .status-fraud,
table.table.table-list.chatbot_table tbody tr td .label-fraud,
table.table.table-list.chatbot_table tbody tr td .status-collections,
table.table.table-list.chatbot_table tbody tr td .label-collections {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

table.table.table-list.chatbot_table tbody tr td .label-warning,
table.table.table-list.chatbot_table tbody tr td .label-suspended,
table.table.table-list.chatbot_table tbody tr td .status-suspended,
table.table.table-list.chatbot_table tbody tr td .status-expired,
table.table.table-list.chatbot_table tbody tr td .label-expired,
table.table.table-list.chatbot_table tbody tr td .status-refunded,
table.table.table-list.chatbot_table tbody tr td .label-refunded,
table.table.table-list.chatbot_table tbody tr td .status-payment-pending,
table.table.table-list.chatbot_table tbody tr td .label-payment-pending,
table.table.table-list.chatbot_table tbody tr td .status-pending-registration,
table.table.table-list.chatbot_table tbody tr td .status-pending-transfer {
    background-color: #f0ad4e !important;
    color: #ffffff !important;
}

table.table.table-list.chatbot_table tbody tr td .label-info,
table.table.table-list.chatbot_table tbody tr td .status-draft,
table.table.table-list.chatbot_table tbody tr td .label-draft,
table.table.table-list.chatbot_table tbody tr td .status-completed,
table.table.table-list.chatbot_table tbody tr td .label-completed {
    background-color: #17a2b8 !important;
    color: #ffffff !important;
}

table.table.table-list.chatbot_table tbody tr td .label-default,
table.table.table-list.chatbot_table tbody tr td .label-cancelled,
table.table.table-list.chatbot_table tbody tr td .status-cancelled,
table.table.table-list.chatbot_table tbody tr td .status-transferred-away,
table.table.table-list.chatbot_table tbody tr td .label-transferred-away {
    background-color: #6c757d !important;
    color: #ffffff !important;
}

.chatbot-options.ticket-option-btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.chatbot-options.department-btns .chat-option-btn.select-dept {
    padding: 7px;
    font-size: 14px;
    margin-bottom: 6px;
    color: var(--btn-primary-color) !important;
    background: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-border) !important;
}

.chatbot-options.department-btns .chat-option-btn.select-dept:last-child {
    margin-bottom: 0;
}

#chatbot-toggle-btn,
button#chatbot-toggle-btn {
    background: var(--btn-primary-bg, var(--brand-primary, #0052cc)) !important;
    border: none !important;
    color: var(--btn-primary-color, #ffffff) !important;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.2s ease-in-out;
}

#chatbot-toggle-btn:hover,
#chatbot-toggle-btn:focus,
button#chatbot-toggle-btn:hover,
button#chatbot-toggle-btn:focus {
    background: var(--btn-primary-hover-bg, #0041a8) !important;
    color: var(--btn-primary-hover-color, #ffffff) !important;
    transform: scale(1.05);
}

#chatbot-container {
    background: var(--body-bg);
}

#chatbot-header {
    background: var(--brand-primary, #0052cc) !important;
    color: #ffffff !important;
}

.chat-option-btn {
    background: var(--ui-block-bg-form);
    color: var(--text-body-color);
}

.chatbot-options .chat-option-btn {
    background: var(--ui-block-bg-form) !important;
}

.bot-message {
    background: var(--ui-block-bg-form) !important;
}

#chatbot-input {
    background-color: var(--input-bg);
    color: var(--input-color);
}

#send-message,
button#send-message {
    background: var(--btn-primary-bg, var(--brand-primary, #0052cc)) !important;
    border: 1px solid var(--btn-primary-border, var(--brand-primary, #0052cc)) !important;
    color: var(--btn-primary-color, #ffffff) !important;
    transition: all 0.2s ease-in-out;
}

#send-message:hover,
#send-message:focus,
button#send-message:hover,
button#send-message:focus {
    background: var(--btn-primary-hover-bg, #0041a8) !important;
    border-color: var(--btn-primary-hover-border, #0041a8) !important;
    color: var(--btn-primary-hover-color, #ffffff) !important;
}

.chatbotcustomize {
    background: var(--ui-block-bg-form);
}

#customDomainButtons.lagom2-theme .dbtn,
.lagom2-theme #customDomainButtons .dbtn,
.lagom2-theme .dbtn {
    border: 1px solid var(--btn-primary-border, var(--brand-primary, #0052cc)) !important;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}

#customDomainButtons.lagom2-theme .dbtn-active,
.lagom2-theme #customDomainButtons .dbtn-active,
.lagom2-theme .dbtn-active {
    background: var(--btn-primary-bg, var(--brand-primary, #0052cc)) !important;
    border-color: var(--btn-primary-border, var(--brand-primary, #0052cc)) !important;
    color: var(--btn-primary-color, #ffffff) !important;
}

#customDomainButtons.lagom2-theme .dbtn-inactive,
.lagom2-theme #customDomainButtons .dbtn-inactive,
.lagom2-theme .dbtn-inactive {
    background: transparent !important;
    border-color: var(--btn-primary-border, var(--brand-primary, #0052cc)) !important;
    color: var(--btn-primary-color, #ffffff) !important;
}

#customDomainButtons.lagom2-theme .dbtn-inactive:hover,
.lagom2-theme #customDomainButtons .dbtn-inactive:hover,
.lagom2-theme .dbtn-inactive:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    color: var(--btn-primary-color, #ffffff) !important;
}

.show_more_btn {
    background: var(--btn-primary-bg, var(--brand-primary, #0052cc)) !important;
    border: 1px solid var(--btn-primary-border, var(--brand-primary, #0052cc)) !important;
    color: var(--btn-primary-color, #ffffff) !important;
    transition: all 0.2s ease-in-out;
}

.show_more_btn:hover,
.show_more_btn:focus,
.show_more_btn:active {
    background: var(--btn-primary-hover-bg, #0041a8) !important;
    border-color: var(--btn-primary-hover-border, #0041a8) !important;
    color: var(--btn-primary-hover-color, #ffffff) !important;
}

.domain-textarea {
    background-color: var(--input-bg) !important;
    color: var(--input-color) !important;
}

.generate-btn,
button#generateSuggestions {
    background: var(--btn-primary-bg, var(--brand-primary, #0052cc)) !important;
    border: 1px solid var(--btn-primary-border, var(--brand-primary, #0052cc)) !important;
    color: var(--btn-primary-color, #ffffff) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 24px;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}

.generate-btn:hover,
.generate-btn:focus,
.generate-btn:active,
button#generateSuggestions:hover,
button#generateSuggestions:focus,
button#generateSuggestions:active {
    background: var(--btn-primary-hover-bg, #0041a8) !important;
    border-color: var(--btn-primary-hover-border, #0041a8) !important;
    color: var(--btn-primary-hover-color, #ffffff) !important;
}

button#generateSuggestions img,
button#generateSuggestions .wgs_ai_logo {
    width: 20px;
    height: auto;
    vertical-align: middle;
    margin-right: 0;
}

body .domain-item {
    border: .5px solid #ddd;
}

body .domain-item:nth-child(even) {
    background: var(--panel-default-bg);
}

.recommendation-card {
    background: var(--panel-default-bg);
}

table.table.table-list.chatbot_table th {
    background-color: var(--table-container-header-bg) !important;
}

.modal-body.aiAssistanceModalBody textarea#SummarizeText {
    background: var(--panel-default-bg);
}

.modal .modal-header {
    background-color: var(--text-primary-color);
}

.aiAssistanceModal .btn.btn-primary,
.aiAssistanceModal #askToAssistantModalBtn,
.aiAssistanceModal #domainSuggestModalBtn,
.aiAssistanceModal #copyBtn,
button#openTicketSubmit {
    background: var(--btn-primary-bg, var(--brand-primary, #0052cc)) !important;
    border: 1px solid var(--btn-primary-border, var(--brand-primary, #0052cc)) !important;
    color: var(--btn-primary-color, #ffffff) !important;
    border-radius: var(--border-radius-base, 4px);
    transition: all 0.2s ease-in-out;
}

.aiAssistanceModal .btn.btn-primary:hover,
.aiAssistanceModal .btn.btn-primary:focus,
.aiAssistanceModal #askToAssistantModalBtn:hover,
.aiAssistanceModal #domainSuggestModalBtn:hover,
.aiAssistanceModal #copyBtn:hover,
button#openTicketSubmit:hover,
button#openTicketSubmit:focus {
    background: var(--btn-primary-hover-bg, #0041a8) !important;
    border-color: var(--btn-primary-hover-border, #0041a8) !important;
    color: var(--btn-primary-hover-color, #ffffff) !important;
}

.aiAssistanceModal .btn.btn-secondary,
.text-center a.btn.btn-default {
    background: var(--btn-default-bg, #f8f9fa) !important;
    border: 1px solid var(--btn-default-border, #ced4da) !important;
    color: var(--btn-default-color, #495057) !important;
    border-radius: var(--border-radius-base, 4px);
    transition: all 0.2s ease-in-out;
}

.aiAssistanceModal .btn.btn-secondary:hover,
.aiAssistanceModal .btn.btn-secondary:focus,
.text-center a.btn.btn-default:hover,
.text-center a.btn.btn-default:focus {
    background: var(--btn-default-hover-bg, #e2e6ea) !important;
    border-color: var(--btn-default-hover-border, #dae0e5) !important;
    color: var(--btn-default-hover-color, #212529) !important;
}

.aiAssistanceModal label.col-form-label {
    color: var(--main-header-title-color);
}

.domain-results {
    background: var(--panel-default-bg);
}

.domain-item_info {
    color: var(--text-body-color);
}

button.buy-now.btn.btn-primary.domain_addToCart {
    color: var(--text-body-color) !IMPORTANT;
}

button.buy-now.btn.btn-primary.domain_addToCart.checkout-btn {
    background: var(--btn-primary-bg, var(--brand-primary, #0052cc)) !important;
    border-color: var(--btn-primary-border, var(--brand-primary, #0052cc)) !important;
    color: var(--btn-primary-color, #ffffff) !important;
}

.lagom2-theme .recommendation-card h3 {
    color: var(--tile-title-color);
}

#start-chat-btn,
button#start-chat-btn {
    width: 100%;
    background: var(--btn-primary-bg, var(--brand-primary, #0052cc)) !important;
    border: 1px solid var(--btn-primary-border, var(--brand-primary, #0052cc)) !important;
    color: var(--btn-primary-color, #ffffff) !important;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 16px;
    border-radius: var(--border-radius-base, 4px);
    transition: all 0.2s ease-in-out;
}

#start-chat-btn:hover,
#start-chat-btn:focus,
#start-chat-btn:active,
button#start-chat-btn:hover,
button#start-chat-btn:focus,
button#start-chat-btn:active {
    background: var(--btn-primary-hover-bg, #0041a8) !important;
    border-color: var(--btn-primary-hover-border, #0041a8) !important;
    color: var(--btn-primary-hover-color, #ffffff) !important;
}

#summarizeBtn,
button#summarizeBtn,
.summarizeBtn-lagom2-theme {
    background: var(--btn-primary-bg, var(--brand-primary, #0052cc)) !important;
    border: 1px solid var(--btn-primary-border, var(--brand-primary, #0052cc)) !important;
    color: var(--btn-primary-color, #ffffff) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: none !important;
    padding: 8px 18px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: var(--border-radius-base, 4px) !important;
    transition: all 0.2s ease-in-out;
}

#summarizeBtn:hover,
#summarizeBtn:focus,
#summarizeBtn:active,
button#summarizeBtn:hover,
button#summarizeBtn:focus,
button#summarizeBtn:active,
.summarizeBtn-lagom2-theme:hover,
.summarizeBtn-lagom2-theme:focus {
    background: var(--btn-primary-hover-bg, #0041a8) !important;
    border-color: var(--btn-primary-hover-border, #0041a8) !important;
    color: var(--btn-primary-hover-color, #ffffff) !important;
    box-shadow: none !important;
}

#summarizeBtn img,
#summarizeBtn .wgs_ai_logo {
    width: 18px !important;
    height: auto;
    vertical-align: middle;
    margin-right: 0 !important;
}

.chat-suggestions {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    flex-wrap: unset;
}

.chat-suggestion-btn {
    background: var(--ui-block-bg-form, #f6f9fc);
    border: 1px solid var(--border-color, #d0d7de);
    padding: 10px 14px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 23px;
    cursor: pointer;
    color: var(--text-body-color, #333333);
    transition: all 0.2s ease-in-out;
}

.chat-suggestion-btn:hover {
    border-color: var(--btn-primary-bg, var(--brand-primary, #0d6efd));
    color: var(--btn-primary-bg, var(--brand-primary, #0d6efd));
    background: var(--body-bg, #ffffff);
}

.chatbot-options.cf-options .chat-option-btn.select-cf-option {
    color: var(--btn-primary-color, #fff) !important;
    background: var(--btn-primary-bg, #007bff) !important;
    border: 1px solid var(--btn-primary-border, #007bff) !important;
    width: unset;
}

.chatbot-options.cf-options .chat-option-btn.select-cf-option:hover {
    background: var(--btn-primary-hover-bg, #0041a8) !important;
    border-color: var(--btn-primary-hover-border, #0041a8) !important;
    color: var(--btn-primary-hover-color, #ffffff) !important;
    opacity: 0.95;
}

.chatbot-options.cf-options .chat-option-btn.select-cf-option.btn-cf-skip {
    color: #fff !important;
    background: #6c757d !important;
    border-color: #6c757d !important;
}

.chatbot-options.cf-options .chat-option-btn.select-cf-option.btn-cf-skip:hover {
    background: #5a6268 !important;
    border-color: #545b62 !important;
}

#close-chatbot,
button#close-chatbot {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    cursor: pointer;
    padding: 4px 6px;
    font-size: 16px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s ease-in-out;
}

#close-chatbot:hover,
button#close-chatbot:hover {
    opacity: 0.8;
}

div#chatbot_close_div {
    background: var(--panel-default-bg, #ffffff) !important;
    border-radius: var(--border-radius-base, 8px) !important;
}

.chatbot_close_msg {
    color: var(--text-body-color, #333333) !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 8px;
}

div#chatbot_close_div button.chatbot_close_yes_btn,
button.chatbot_close_yes_btn {
    background: var(--btn-primary-bg, var(--brand-primary, #0052cc)) !important;
    border: 1px solid var(--btn-primary-border, var(--brand-primary, #0052cc)) !important;
    color: var(--btn-primary-color, #ffffff) !important;
    padding: 6px 18px !important;
    border-radius: var(--border-radius-base, 4px) !important;
    cursor: pointer;
    font-size: 13px !important;
    font-weight: 600 !important;
    min-width: 65px;
    margin: 10px 4px 0 4px !important;
    transition: all 0.2s ease-in-out;
}

div#chatbot_close_div button.chatbot_close_yes_btn:hover,
button.chatbot_close_yes_btn:hover {
    background: var(--btn-primary-hover-bg, #0041a8) !important;
    border-color: var(--btn-primary-hover-border, #0041a8) !important;
    color: var(--btn-primary-hover-color, #ffffff) !important;
}

div#chatbot_close_div button.chatbot_close_no_btn,
button.chatbot_close_no_btn {
    background: var(--btn-default-bg, #ffffff) !important;
    border: 1px solid var(--btn-default-border, #ced4da) !important;
    color: var(--btn-default-color, var(--text-body-color, #333333)) !important;
    padding: 6px 18px !important;
    border-radius: var(--border-radius-base, 4px) !important;
    cursor: pointer;
    font-size: 13px !important;
    font-weight: 600 !important;
    min-width: 65px;
    margin: 10px 4px 0 4px !important;
    transition: all 0.2s ease-in-out;
}

div#chatbot_close_div button.chatbot_close_no_btn:hover,
button.chatbot_close_no_btn:hover {
    background: var(--btn-default-hover-bg, #e9ecef) !important;
    border-color: var(--btn-default-hover-border, #adb5bd) !important;
    color: var(--btn-default-hover-color, #212529) !important;
}

.copy-btn,
.feedback-btn {
    background: transparent !important;
    border: none !important;
    cursor: pointer;
    color: var(--text-body-color, #6c757d);
    transition: color 0.2s ease-in-out;
}

.copy-btn:hover,
.feedback-btn:hover {
    color: var(--brand-primary, #0052cc) !important;
}