/**
 * @description: OpenTable Restaurant Site Styles
 * @author: @davidwickland
 * @last modified on: 04/26/23
 * @last modified by: davidwickland
 * Modifications Log
 * Ver   Date         Author         Modification
 * 1.0   04/20/23   @davidwickland   Initial Version
 * 1.0   04/26/23   @davidwickland   Removed Styles from Theme
 **/

body {
    margin-top: 60px;
}

@media only screen and (max-width: 550px) {

    body {
        margin-top: 100px;
    }
 
}

/* Hide the Industry Insights in the footer based on Language */

*:lang(fr) .ot_footer_wrap .ot_footer_insights {
    display: none !important;
}
*:lang(it) .ot_footer_wrap .ot_footer_insights {
    display: none !important;
}
*:lang(ja) .ot_footer_wrap .ot_footer_insights {
    display: none !important;
}

/*-- Moved from Restaurant Theme --*/

/*-- updated by David Wickland 01-2023 --*/
/*-- Background Image/SVG Links --*/

/*-- fixed Nav --*/
body {
    margin-top: 60px;
}

@media only screen and (max-width: 550px) {

    body {
        margin-top: 100px;
    }

}

/*-- Dropdown Picklist Hover -- */

.uiMenuList--default .uiMenuItem > a:hover,  .uiMenuList--default .uiMenuItem > a:focus, .cOTCommunity_Restaurant_Theme  .uiMenuList--default .uiMenuItem > span:hover, .cOTCommunity_Restaurant_Theme  .uiMenuList--default .uiMenuItem > span:focus {
    background-color: #E1E1E1 !important;
}

.uiMenuList--default .uiMenuItem > a,  .uiMenuList--default .uiMenuItem > span {
    font-size: .875rem;
}

/*-- Hides Meta in Suggest Article Modal --*/

.selfServiceArticleLayout article .selfServiceArticleHeaderDetail.meta {
    margin-bottom: 30px;
    display: none;
}

.selfServiceArticleLayout article .slds-form-element__label {
    display: none;
}
.slds-pill_container--bare.selfServiceArticleTopicList.selfServiceArticleLayout {

    display: none !important;
}

.embeddedServiceLiveAgentStateChatItem.avatar {
    background-color: transparent !important;
}

/*----------- LIVE CHAT STYLES START ------------*/

/*-- Shows Live Agent Snap-ins for English Speaking Users -- */

html[lang="en"] .cOTCommunity_Restaurant_Theme .forceCommunityEmbeddedServiceHelpButton, html[lang="en-US"] .cOTCommunity_Restaurant_Theme .forceCommunityEmbeddedServiceHelpButton  {
    display: block;
}

/*-- Hides Live Agent Snap-ins for German Speaking Users -- */

html[lang="de"] .cOTCommunity_Restaurant_Theme .forceCommunityEmbeddedServiceHelpButton,  html[lang="de"] .cOTCommunity_Restaurant_Theme .forceCommunityEmbeddedServiceHelpButton {
    display: none;
}

/*-- Hides Live Agent Snap-ins for French Speaking Users -- */

html[lang="fr"] .cOTCommunity_Restaurant_Theme .forceCommunityEmbeddedServiceHelpButton {
    display: none;
}

/*-- Hides Live Agent Snap-ins for Spanish Speaking Users -- */

html[lang="es"] .cOTCommunity_Restaurant_Theme .forceCommunityEmbeddedServiceHelpButton,  html[lang="es-MX"] .cOTCommunity_Restaurant_Theme .forceCommunityEmbeddedServiceHelpButton {
    display: none;
}

/*-- Hides Live Agent Snap-ins for Japanese Speaking Users -- */

html[lang="ja"] .cOTCommunity_Restaurant_Theme .forceCommunityEmbeddedServiceHelpButton {
    display: none;
}

/*-- Hides Live Agent Snap-ins for Italian Speaking Users -- */

html[lang="it"] .forceCommunityEmbeddedServiceHelpButton {
    display: none !important;
}

/*--  Displays Live snap-ins button on the contact support page for English Speaking Users only

html[lang="en"] body.comm-page-contactsupport .cOTCommunity_Restaurant_Theme .forceCommunityEmbeddedServiceHelpButton {
    display: block;
}

--*/

/*--  Hides Live Agent button when no agent is available and set to hidden --*/

.cOTCommunity_Restaurant_Theme .helpButtonDisabled.forceCommunityEmbeddedServiceHelpButton.hidden {
    display: none;
}
.cOTCommunity_Restaurant_Theme .embeddedServiceHelpButton.helpButtonDisabled {
    display: none !IMPORTANT;
}
/*--  Hides Live Agent snap-ins button by default  --*/

.cOTCommunity_Restaurant_Theme .hidden.helpButtonEnabled.forceCommunityEmbeddedServiceHelpButton {
    display: none !important;
}

.forceCommunityEmbeddedServiceHelpButton .flatButton {
    padding: 5px 22px !important;
}

.forceCommunityEmbeddedServiceHelpButton .help {
    padding-right: 5px !important;
}

.embeddedServiceSidebarMinimizedDefaultUI.helpButton {
    background-color: rgb(218, 55, 67) !important;
}

.embeddedServiceSidebar.modalContainer {
    z-index: 5001 !important;
}

.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext {
    background-color: rgb(51, 51, 51) !important;
}

/*----------- LIVE CHAT STYLES END ------------*/


/*----------- Hide Lightning Article Lines ------------*/

.selfServiceArticleLayout .slds-section__content .slds-form_stacked .forcePageBlockSectionRow:nth-child(1) .slds-form-element_readonly {
    border-bottom: none !important;
}

.selfServiceArticleLayout .slds-section__content .slds-form_stacked .forcePageBlockSectionRow:nth-child(2) {
    display: none;
}

.selfServiceArticleLayout .slds-section__content .slds-form_stacked .forcePageBlockSectionRow:nth-child(3) {
    display: none;
}