/*
============================================================
IRIUS RISK KNOWLEDGE BASE THEME
============================================================
Custom CSS theme for IriusRisk Knowledge Base
Brand Colors:
- Primary: #01ECB4 (Bright Teal)
- Secondary: #00FFD1 (Light Teal)
- Dark: #1F433F (Dark Teal)
- Background: #1E2B2E (Dark Gray)
- Text: #FFFFFF (White)
============================================================
*/

/* ============================================================
   FONT SETTINGS
   ============================================================ */
@font-face {
	font-family: 'Overpass';
    src: url('/s/sfsites/c/resource/Font_Overpass/Overpass-VariableFont_wght.ttf'),
         url('/IriusSupport/s/sfsites/c/resource/Font_Overpass/Overpass-VariableFont_wght.ttf');
}

/* ============================================================
   BASE STYLES
   ============================================================ */

/* Heading Styles */
h1, h2, h3, h4, h5, h6,
.forceCommunityEmptyComponentPlaceholder .header,
.forceTopicSubTopicNavigation .topic-subTopicItem:not(.topic-last):after,
.forceCommunityRelatedTopics .forceTopicTopicList .topicItemLink:hover,
.forceCommunityRelatedTopics .forceTopicTopicList .topicItemLink:focus,
.forceCommunityRelatedTopics .forceTopicTopicList .topicItemLink:active,
.supportCompactFeedItemHeader .preamble_left a.cuf-actorLink,
.supportCompactFeedItemHeader .preamble_left {
	color: #01ECB4 !important;
}

/* Dark Title Styling */
.forcePageBlockSection .section-header-title,
.forceCommunityEmptyComponentPlaceholder .content,
.slds-rich-text-editor__output p,
.article-summary,
a.comm-topic__link,
.forceCommunityRelatedTopics .forceTopicTopicList .topicItemLink {
    color: #FFFFFF !important;
}

/* ============================================================
   LAYOUT & COMPONENTS
   ============================================================ */

/* Home Page Hero Section */
.forceCommunityThemeHeroStarter {
    padding: 100px 30px 25px !important;
}

.forceCommunityThemeHeroBase .contentTitle {
    font-weight: bold;
}

/* Featured Topics Styling */
.forceTopicFeaturedTopicItem .topicImage {
    background-size: contain !important;
}

.forceTopicFeaturedTopicItem.topicItem {
    padding: 15px !important;
}

/* Featured Topics Layout - 4 items per row on larger screens */
@media only screen and (min-width: 48em) and (min-aspect-ratio: 4 / 3),
       only screen and (min-width: 64.0625em) {
    .forceTopicFeaturedTopics .topicList {
        width: 75% !important;
        margin: 0 auto !important;
    }
    .forceTopicFeaturedTopicItem.topicItem {
        width: 25% !important;
    }
}

/* Featured Topics Hover Effect */
.forceTopicFeaturedTopicItem .topicLink:hover {
    transform: translateY(-5px);
}

/* ============================================================
   BACKGROUND COLORS
   ============================================================ */

/* Primary Background Color (#1F433F) */
.forceCommunityFlowCommunityDesignSubstitute.container,
.slds-spinner_container,
.uiTabset--task .tabs__item.active>a,
.slds-popover,
.siteforceBaseInvalidComponent,
.selfServiceOutputRichTextWithSmartLinks [class^=language-],
.slds-theme_shade,
.slds-theme--shade,
.forcePlaceholder .placeholder,
.forcePlaceholder .placeholder .body,
.forcePlaceholder .placeholder .card,
.forcePlaceholder .placeholder .anchor,
.forcePlaceholder .placeholder.record_home_anchor .below-text-body,
.forceChatterFeedContentFilePreview.previewContainer,
.slds-table .slds-cell-edit.slds-has-focus,
.slds-table_edit.slds-table tbody tr:hover>.slds-cell-edit:hover,
.slds-table--edit.slds-table tbody tr:hover>.slds-cell-edit:hover,
.cuf-auxBodyCaseComment,
.slds-comment__content,
.forceChatterFeedBodyText.cuf-feedBodyText,
.slds-button_brand[disabled],
.slds-button_brand:disabled,
.slds-button--brand[disabled],
.slds-button--brand:disabled,
.slds-resizable__divider:before,
.slds-image_card, .slds-image--card, .slds-file_card, .slds-file--card,
.slds-image__title_card, .slds-image__title--card, .slds-file__title_card, .slds-file__title--card {
    background-color: #1F433F !important;
}

/* Modal Background Colors */
.slds-modal__header,
.slds-modal__content,
.slds-modal__footer,
.unsNotificationsListRow.notification-read {
    background-color: #1E2B2E !important;
}

/* Pill Tags Styling */
.slds-pill,
.slds-badge,
mark {
    background-color: #1F433F !important;
    border-color: #1F433F !important;
}

/* ============================================================
   FORM ELEMENTS
   ============================================================ */

/* Input Fields, Dropdowns, Textareas */
.slds-dropdown,
.slds-input,
.slds-select,
.slds-select:focus,
.slds-textarea,
.slds-textarea:focus,
.slds-input_faux,
.uiInput--input .input,
.uiInput--input .input:focus,
.uiInput--input.input,
.uiInput--input.input:focus,
.uiInput--textarea .textarea,
.uiInput--textarea .textarea:focus,
.uiInput--textarea.textarea,
.uiInput--textarea.textarea:focus,
.uiInput--select.select,
.uiInput--select.select:focus,
.uiInput--select .select,
.uiInput--select .select:focus,
.uiInput--select .uiPopupTrigger a,
.uiInput--select .uiPopupTrigger a:focus,
.uiMenuList--default.uiMenuList,
.uiInput--lookup.lookup__menu,
.uiInput--lookup .lookup__menu,
.notesTitle input.slds-input,
.slds-rich-text-editor__toolbar,
.slds-rich-text-area__content {
    background-color: #1F433F !important;
    color: #FFFFFF !important;
}

/* Placeholder Text Color */
.slds-input::placeholder,
.slds-button_neutral[disabled],
.slds-button_neutral:disabled,
.slds-button--neutral[disabled],
.slds-button--neutral:disabled,
.forceChatterFeedCommentInputDesktop .cuf-submit .cuf-commentSubmit:disabled {
    color: #909090 !important;
}

/* ============================================================
   BUTTONS & INTERACTIVE ELEMENTS
   ============================================================ */

/* Icon Buttons */
.slds-button_icon-more, .slds-button--icon-more,
.slds-button_icon-border-filled, .slds-button--icon-border-filled,
.slds-button_icon-more:hover .slds-button__icon,
.slds-button_icon-more:focus .slds-button__icon,
.slds-button--icon-more:hover .slds-button__icon,
.slds-button--icon-more:focus .slds-button__icon,
.slds-button_neutral,
.slds-button--neutral,
.slds-button_icon-border-filled,
.slds-button--icon-border-filled,
.slds-button_icon-border,
.slds-button--icon-border,
.forceListViewPicker.triggerLink .downIcon,
button.slds-button.slds-button_icon.slds-button_icon-container.iconTrigger.cuf-publisherAttachmentButton.toolbarIcon.slds-p-left--xxx-small.slds-p-right--xxx-small.uiButton {
    color: #1E2B2E;
    background-color: #01ECB4 !important;
    border: unset;
    fill: unset;
}

/* Case Detail Buttons */
.forceChatterFeedAuxBodyRecordSummary .rsLink,
.uiPanel--medium .panel-header button,
.uiPanel--default .panel-header button,
.forceChatterFeedCommentInputDesktop .cuf-submit .cuf-commentSubmit:disabled,
.forcePublisherQuickActionCollapser .dummyButtonCallToAction,
.forceChatterStyle .cuf-ftcLink,
.forceChatterFeedBodyText code ol.linenums,
.forceChatterFeedBodyText code {
    color: #1E2B2E !important;
    background-color: #01ECB4 !important;
}

/* Button Styling */
.comm-user-profile-menu__login-button,
.forceCommunityContactSupportButton {
    border-radius: 5px !important;
}

/* Embedded Messaging */
.embeddedMessagingConversationButton {
    background-color: #01ECB4 !important;
}

svg.embeddedMessagingIconChat {
    fill: #1E2B2E !important;
}

/* ============================================================
   ICONS & VISUAL ELEMENTS
   ============================================================ */

/* Icon Colors */
svg.slds-icon.slds-icon_xx-small {
    fill: #1e2b2e;
}

.slds-icon-utility-add svg.slds-icon.slds-icon_xx-small,
.slds-page-header__title .slds-icon,
.forceVirtualAction .slds-icon_container .slds-icon_xx-small {
    fill: #1e2b2e !important;
}

.forceIcon.slds-button__icon .slds-icon {
    fill: #00FFD1;
}

/* Notification Icons */
.forceCommunityThemeHeaderCompact .themeUtils .themeUtil.themeNotifications button svg,
.forceListViewManagerHeader .slds-input-has-icon .slds-input__icon,
.slds-icon-text-default {
    fill: #FFFFFF !important;
}

/* ============================================================
   TOOLTIPS & DROPDOWNS
   ============================================================ */

.slds-popover_tooltip, .slds-popover--tooltip,
.slds-popover_tooltip .slds-popover__body,
.slds-popover--tooltip .slds-popover__body,
.uiPanel,
.uiPanel>.pointer,
.forceTopicSubTopicNavigationDropDown .select {
    color: #FFFFFF !important;
    background-color: #1F433F !important;
}

/* ============================================================
   TABLES
   ============================================================ */

table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #01ECB4;
}

.selfServiceArticleLayout table th,
.selfServiceArticleLayout table td {
  border: 1px solid #01ECB4;
  padding: 8px;
  text-align: left;
}

.selfServiceArticleLayout table th {
  background-color: #01ECB4;
  color: #1E2B2E;
  font-weight: bold;
}

/* ============================================================
   SCROLLBAR STYLING
   ============================================================ */

/* Webkit Browsers */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: #1E2B2E;
}

::-webkit-scrollbar-thumb {
  background-color: #01ECB4;
  border-radius: 5px;
  border: 3px solid #1E2B2E;
}

/* Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: #01ECB4 #1E2B2E;
}

/* Internet Explorer & Edge */
* {
  -ms-overflow-style: scrollbar;
}

/* ============================================================
   FOOTER STYLING
   ============================================================ */

.footer-container {
    margin-top: 50px;
    background-color: #11121D;
    padding: 40px 20px;
    color: #fff;
}

.footer-content-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.footer-text-section {
    max-width: 60%;
}

.footer-text-section h1 {
    color: #00FFD1;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 15px;
}

.footer-text-section p {
    font-size: 1rem;
    line-height: 1.5;
}

.footer-cta-button {
    background-color: #01ECB4;
    border: none;
    padding: 10px 25px;
    font-size: 1rem;
    cursor: pointer;
    color: #11121D !important;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.footer-cta-button:hover, .footer-cta-button:focus {
    background-color: #00FFD1 !important;
    text-decoration: none !important;
}

.footer-logo-section img {
    width: 400px;
    height: 150px;
    object-fit: contain;
}

@media (max-width: 768px) {
    .footer-content-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .footer-text-section, .footer-logo-section {
        max-width: 100%;
        margin-bottom: 20px;
    }
}

/* ============================================================
   ARTICLE-SPECIFIC STYLING
   ============================================================ */

.article-column {
  font-family: 'Overpass', sans-serif;
  color: #FFFFFF;
}

/* Collapsible sections */
.article-column details {
  background-color: #1F433F;
  border: 1px solid #01ECB4;
  border-radius: 6px;
  margin: 15px 0;
  padding: 0.75em 1em;
  transition: all 0.2s ease-in-out;
}

.article-column details[open] {
  background-color: #243E3A;
  border-color: #00FFD1;
  box-shadow: 0 0 8px rgba(1, 236, 180, 0.25);
}

.article-column summary {
  cursor: pointer;
  font-weight: 600;
  font-size: 1rem;
  color: #01ECB4;
  list-style: none;
  position: relative;
  padding-left: 25px;
  outline: none;
}

.article-column summary::before {
  content: "▶";
  color: #01ECB4;
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 0.25s ease;
}

.article-column details[open] summary::before {
  transform: rotate(90deg);
}

.article-column summary:hover {
  color: #00FFD1;
}

.article-column details > *:not(summary) {
  margin-top: 0.75em;
  line-height: 1.5;
}

/* Info Boxes */
.article-column .info-box {
  border: 1px solid #4a90e2;
  background-color: #1a2332;
  padding: 15px;
  margin: 20px 0;
  border-radius: 4px;
  font-family: 'Overpass', sans-serif;
  color: #ffffff;
}

.article-column .info-box strong {
  margin-bottom: 8px;
  color: #4a90e2;
  font-weight: 700;
}

/* Success Boxes */
.article-column .success-box {
  border: 1px solid #28a745;
  background-color: #1a2e1a;
  padding: 15px;
  margin: 20px 0;
  border-radius: 4px;
  font-family: 'Overpass', sans-serif;
  color: #ffffff;
}

.article-column .success-box strong {
  margin-bottom: 8px;
  color: #28a745;
  font-weight: 700;
}

/* Warning Boxes */
.article-column .warning-box {
  border: 1px solid #786a3c;
  background-color: #2e2e1e;
  padding: 15px;
  margin: 20px 0;
  border-radius: 4px;
  font-family: 'Overpass', sans-serif;
  color: #ffffff;
}

.article-column .warning-box strong {
  margin-bottom: 8px;
  color: #ffbe00;
  font-weight: 700;
}

/* Critical/Error Boxes */
.article-column .critical-box,
.article-column .error-box {
  border: 1px solid #dc3545;
  background-color: #2e1a1a;
  padding: 15px;
  margin: 20px 0;
  border-radius: 4px;
  font-family: 'Overpass', sans-serif;
  color: #ffffff;
}

.article-column .critical-box strong,
.article-column .error-box strong {
  margin-bottom: 8px;
  color: #dc3545;
  font-weight: 700;
}

/* ============================================================
   UTILITY CLASSES & OVERRIDES
   ============================================================ */

/* Case-related Elements Background Reset */
.slds-card,
.forceCommunityActionButtonMobile,
.forceFilterListDeprecated .filterSelector,
.forceFilterMenu .uiMenu .uiMenuList,
.forceActionRow.uiInfiniteListRow .body,
.slds-table_header-fixed_container,
.slds-table--header-fixed_container,
.slds-cell-fixed,
.slds-table,
.themeBottomBorder,
.selfServiceArticleListItem,
.slds-card flowruntime-flow,
.slds-theme--default,
.slds-page-header__detail-row,
.uiTabset--default,
.slds-page-header,
.forceContentFilesHomeDesktop .centerRegion,
.forceContentFilesHomeDesktop .leftNav,
.slds-section__title-action,
.uiTabset--task .tabs__content,
.uiTabset--task .tabs__nav,
.forceChatterStyle--default .cuf-element,
.forceChatterFeedItem .feed__item-comments--threadedCommunity,
.slds-feed__item-comments,
.forceHighlightsStencil .header.dark,
.undo,
.forceCommunityThemeSearch .search-deflectionItem,
.unsNotificationsListRow.notification-unread,
.forceRecordEditActions.button-container,
.notesEditPanel .bottomBar,
.forceMobileOverlay .panel-content,
.uiPanel--medium .panel-header,
.uiPanel--default .panel-header,
.forceChatterPublisherPresentationMobile.notesEditPanel .cuf-scroller-outside,
.forceChatterPublisherPresentationMobile .cuf-scroller-outside,
.supportCaseHighlightsPreviewStencil,
.commentActionPanel .forceChatterAttachFileButton,
.forceContentFilePicker.container,
.forceContentFileSearchPanel,
.forceContentFilePicker .searchResultsContainer .forceContentVirtualRelatedListStencil,
.forceBaseListView thead,
.forceBaseListView .listViewContent,
.slds-table thead th,
.forceHighlightsPreviewStencil,
.forcePreviewPanel .forceImageRelatedListStencil,
.forceCommunityUserPreviewStencilNapili .topSection,
.forceChatterStyle .cuf-wrapperAnchor:active,
.uiTabset--task .tabs__item.active:before,
.forceChatterFeedItem .comment--threadedCommunity,
.forceTopicPublisherTopicsWidget .cuf-addTopicsContainer.cuf-Large .cuf-addTopics:hover,
.forceTopicPublisherTopicsWidget .cuf-addTopicsContainer.cuf-Large.focus .cuf-addTopics,
.forceTopicPublisherTopicsWidget .forceChatterPillContainer .orderedList,
.slds-rich-text-editor__output span,
.forceContentVirtualRelatedListStencil,
.slds-checkbox .slds-checkbox_faux,
.slds-checkbox .slds-checkbox--faux,
.forceMessage.pOne.error,
.forceMessage.error,
.uiMessage.error,
.forceMessage,
.uiMessage,
.forceSearchResultsCompact .searchScroller.uiScroller .scroller,
.slds-tabs-mobile,
.forceInlineExpandableContainer .inline-exp-container-footer,
.forceRelatedList ul,
.forceListRecord.actionable:active,
.forceActionRow.uiInfiniteListRow .swipeBody,
.forceSearchSearch .navContainer,
.forceSearchMruMobileItem,
.forceSearchMruMobileItem:active,
.forceSearchResultsGridView .searchScroller.uiScroller .scroller,
.slds-th__action:focus, .slds-th__action:hover,
.slds-has-focus .slds-th__action,
.forceChatterMessageBodyInputRichTextEditor {
    background-color: unset !important;
}

.slds-box {
    border: unset !important;
}

.forceChatterFeedAuxBody--default.forceChatterFeedAuxBody.forceChatterFeedAuxBodyRecordSummary,
.cuf-ftcLink.cuf-moreFtcs {
    display: none !important;
}

.slds-box.cuf-clumpSummary,
.slds-box.cuf-clumpSummary:hover,
.forceChatterClumpItem .cuf-drillIn,
.forceChatterClumpItem .cuf-drillIn:hover {
    text-decoration: none !important;
    cursor: default !important;
    background-color: #1F433F !important;
    pointer-events: none !important;
}

/* Text Decoration */
.slds-grid--vertical a,
.slds-grid--vertical a:hover {
	text-decoration: unset !important;
}

a.article-link.selfServiceArticleHeaderDetail:hover {
    text-decoration: underline;
}

/* Mobile Section Styling */
.forcePageBlockSection .slds-section__title {
    border-top: unset !important;
}

/* Comment Padding */
.slds-comment__content,
.forceChatterFeedBodyText.cuf-feedBodyText {
    padding: 1em;
}

/* Mouse Cursor Styling */
.forcePublisherQuickActionCollapser .dummyButtonCallToAction {
    cursor: pointer !important;
}

/* Search Box Styling */
.forceCommunityThemeSearch.websterInnerHeader .search-box {
    border-radius: 25px !important;
}

/* Border Styling */
.slds-table_bordered tbody td, .slds-table_bordered tbody th, .slds-table--bordered tbody td, .slds-table--bordered tbody th,
hr,
.slds-rich-text-editor__toolbar_bottom {
    border-top: 1px solid #01ECB4 !important;
}

.slds-table_header-fixed_container:before, .slds-table--header-fixed_container:before,
div.forceListViewManagerHeader.slds-page-header,
.forceChatterAbstractFeedItem.forceChatterFeedItem,
.slds-type-focus:hover {
    border-bottom: 1px solid #01ECB4 !important;
}

/* Box Shadow Removal */
.slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover>td:not(.slds-has-focus),
.slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover>th:not(.slds-has-focus),
.slds-table_bordered:not(.slds-no-row-hover) tbody tr:focus>td:not(.slds-has-focus),
.slds-table_bordered:not(.slds-no-row-hover) tbody tr:focus>th:not(.slds-has-focus),
.slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover>td:not(.slds-has-focus),
.slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover>th:not(.slds-has-focus),
.slds-table--bordered:not(.slds-no-row-hover) tbody tr:focus>td:not(.slds-has-focus),
.slds-table--bordered:not(.slds-no-row-hover) tbody tr:focus>th:not(.slds-has-focus),
.slds-table th:focus, .slds-table th.slds-has-focus,
.slds-table [role=gridcell]:focus,
.slds-table [role=gridcell].slds-has-focus {
    box-shadow: unset;
}

/* Layout Adjustments */
table.slds-table.forceRecordLayout.slds-table_header-fixed.slds-table--header-fixed.slds-table_edit.slds-table--edit.slds-table_bordered.slds-table--bordered.resizable-cols.slds-table--resizable-cols.uiVirtualDataTable,
.forceCommunityRecordHomeTabs .recordHomePrimaryContent {
    width: 100% !important;
}

/* Button Display Adjustments */
button.slds-button.slds-button_icon.slds-button_icon-container.iconTrigger.cuf-publisherAttachmentButton.toolbarIcon.slds-p-left--xxx-small.slds-p-right--xxx-small.uiButton {
    display: flex;
}

button.slds-button.slds-button_icon.slds-button_icon-container.iconTrigger.cuf-publisherAttachmentButton.toolbarIcon.slds-p-left--xxx-small.slds-p-right--xxx-small.uiButton:after {
    content: "Attach Files";
    margin: 0 5px;
}

/* Disabled Button States */
.slds-button_icon-border-filled[disabled],
.slds-button_icon-border-filled:disabled,
.slds-button--icon-border-filled[disabled],
.slds-button--icon-border-filled:disabled,
.slds-button_icon-border[disabled],
.slds-button_icon-border:disabled,
.slds-button--icon-border[disabled],
.slds-button--icon-border:disabled {
    color: gray;
}

/* Padding Adjustments */
.slds-p-vertical_small, .slds-p-vertical--small,
.forceCommunityRelatedTopics .forceTopicTopicList .topicItemLink,
.slds-p-top_medium, .slds-p-top--medium {
    padding: 5px 0 !important;
}

/* Border Removal */
.selfServiceTopicArticleList .selfServiceArticleListItem,
.slds-border_bottom, .slds-border--bottom,
.forceCommunityRelatedTopics .forceTopicTopicList .topicItem,
.selfServiceOutputRichTextWithSmartLinks [class^=language-],
.slds-form-element_readonly,
.slds-table_bordered, .slds-table--bordered,
.slds-input,
.slds-feed__item-comments,
.uiTabset--task .tabs__content,
.forceCommunityFlowCommunity,
.slds-textarea,
.slds-select,
.navigationBar[lwc-3uma98d0eu4],
.uiPanel,
.slds-rich-text-editor,
.slds-button_brand[disabled], .slds-button_brand:disabled,
.slds-button--brand[disabled], .slds-button--brand:disabled {
    border: unset !important;
}

/* ============================================================
   RESPONSIVE DESIGN
   ============================================================ */

@media (min-width: 1240px) {
    .slds-large-size_8-of-12, .slds-large-size--8-of-12 {
        width: 75%;
    }
    .slds-large-size_4-of-12, .slds-large-size--4-of-12 {
        width: 25%;
    }
}

/* ============================================================
   HIDDEN ELEMENTS
   ============================================================ */

.forcePageBlock .slds-section:first-child,
.forcePageBlockItemView .slds-form-element__label,
.metadata-list,
.recordHomePrimaryContent .uiTabBar {
	display: none !important;
}

.test-id__record-layout-container .test-id__section-content.slds-section__content.section__content .slds-form.slds-form_stacked > .forcePageBlockSectionRow:nth-of-type(1),
.test-id__record-layout-container .test-id__section-content.slds-section__content.section__content .slds-form.slds-form_stacked > .forcePageBlockSectionRow:nth-of-type(3) {
  display: none !important;
}

/* ============================================================
   LAYOUT ADJUSTMENTS
   ============================================================ */

.forceDetailPanelDesktop.slds-card {
    padding: unset !important;
}

.siteforceContentArea .comm-layout-column .ui-widget:not(:last-child) {
    margin-bottom: unset !important;
}