/*
SNA Provided Colors and Fonts
Fonts: RedHat Display, and Aleo (this is a change from the PDF)

Colors:
Purple: #5C0A55
Red: #C1213C
Peach: #faf2f2
*/

.siteforceServiceBody,
.salesforceIdentityLoginBody2 {
  --sna-button-radius: 9999px;
  --sna-button-padding-block: 0.2rem;
  --sna-button-padding-inline: 0.875rem;
  --sna-container-radius: 1.5rem;
  --sna-font-size: 1rem;
  --sna-header-font-weight: 600;
  --sna-form-element-label-font-weight: 600;
  --sna-login-text-color: #ffffff;

  --sna-brand-primary: #5c0a55;
  --sna-brand-primary-rgb: 92, 10, 85;
  --sna-brand-accent: #c1213c;
  --sna-brand-accent-rgb: 193, 33, 60;
  --sna-brand-primary-3: #87427f;
  --sna-brand-primary-5: #b98ab5;
  --sna-brand-accent-3: #d65572;
  --sna-brand-accent-5: #ee9dab;

  --lwc-navigationMaxWidth: 1280px;
  --lwc-brandPrimaryTransparent10: var(--sna-brand-accent-5);
  --lwc-illustrationColorPrimary: var(--sna-brand-primary-3);
  --lwc-illustrationColorSecondary: var(--sna-brand-primary-5);

  /* slds-button start */
  --slds-c-button-radius-border: var(--sna-button-radius); /* rounded buttons */
  --slds-c-button-color-border: transparent;
  --slds-c-button-spacing-inline-start: var(--sna-button-padding-inline); /* padding-left */
  --slds-c-button-spacing-inline-end: var(--sna-button-padding-inline); /* padding-right */
  /*
  --slds-c-button-spacing-block-start: var(
    --sna-button-padding-block
  ); */
  /* padding-top 
  --slds-c-button-spacing-block-end: var(
    --sna-button-padding-block
  ); */
  /* padding-top */
  /* slds-button end */

  /* slds-card start */
  --slds-c-card-radius-border: var(--sna-container-radius); /* rounded corners */
  --slds-c-card-color-border: white;
  /* slds-card end */

  /* slds-modal start */
  --slds-c-modal-radius-border: var(--sna-container-radius); /* rounded top corners */
  /* slds-modal end */
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  transition: opacity ease-in 0.2s;
  border-top: 4px solid var(--sna-brand-primary);
}

.salesforceIdentityLoginBody2 {
  --lwc-colorTextInverse: rgb(51, 51, 51);
}

element-shopping-cart-container .outer-card-style .slds-card {
  --slds-c-card-sizing-border: 2px;
  --slds-c-card-color-border: rgba(70, 0, 115, 0.1);
}

#ServiceCommunityTemplate {
  min-height: 100vh;
  margin: 0;
  display: flex;
  flex-direction: column;
}

div[role="main"] {
  flex: 1;
  width: 100%;
}

/* Hero arc swirl */
div[role="main"]::before,
#LoginNew::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: -25vw;
  border-top-right-radius: 999px;
  border-bottom-right-radius: var(--sna-button-radius);
  background: none;
  pointer-events: none;
  box-shadow:
    0 0 0 150px rgba(var(--sna-brand-primary-rgb), 0.04),
    0 0 0 300px rgba(var(--sna-brand-accent-rgb), 0.03),
    0 0 0 450px rgba(var(--sna-brand-primary-rgb), 0.02);
}

#LoginNew::before {
  top: -10vh;
}

@media (prefers-reduced-motion: reduce), (max-width: 768px) {
  div[role="main"]::before,
  #LoginNew::before {
    box-shadow:
      0 0 0 150px rgba(var(--sna-brand-primary-rgb), 0.02),
      0 0 0 300px rgba(var(--sna-brand-accent-rgb), 0.015),
      0 0 0 450px rgba(var(--sna-brand-primary-rgb), 0.01);
  }
}

/* slds-button custom start
.slds-button {
  font-size: var(--sna-font-size);
}
*/
/* slds-button custom end */

/* slds-button-group custom start */
.slds-button-group .slds-button:only-child,
.slds-button-group-list li:only-child .slds-button {
  --lwc-buttonBorderRadius: var(--sna-button-radius);
  border-radius: var(--sna-button-radius);
}

.slds-button-group .slds-button.slds-button_first.slds-button_first {
  border-radius: var(--sna-button-radius) 0 0 var(--sna-button-radius);
}

.slds-button-group .slds-button.slds-button_last.slds-button_last {
  border-radius: 0 var(--sna-button-radius) var(--sna-button-radius) 0;
}

.slds-button-group .slds-button.slds-button_middle.slds-button_middle {
  border-radius: 0;
}

.slds-button-group .slds-button_icon-border {
  height: 2.7rem;
  border-color: var(--dxp-g-brand);
}
/* slds-button custom end */

/* slds-radio_button-group custom start */
.slds-radio_button-group {
  --lwc-borderRadiusMedium: var(--sna-button-radius);
  border-color: var(--dxp-g-brand);
  color: var(--slds-c-card-text-color);
}

.slds-radio_button-group,
.slds-radio_button-group .slds-button {
  padding: 0;
}

.slds-radio_button:not(:first-child):not(:last-child),
.slds-radio_button + .slds-radio_button {
  border-radius: 0; /* Middle options with straight edges */
}

.slds-radio_button-group .slds-radio_button:first-child {
  border-top-left-radius: var(--sna-button-radius);
  border-bottom-left-radius: var(--sna-button-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.slds-radio_button-group .slds-radio_button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--sna-button-radius);
  border-bottom-right-radius: var(--sna-button-radius);
}

.slds-radio_button input[type="radio"]:checked + .slds-radio_button__label {
  border-radius: inherit;
  padding: var(--sna-button-padding-block) var(--sna-button-padding-inline);
}

.slds-radio_button-group .slds-radio_button__label {
  background-color: unset;
  padding: var(--sna-button-padding-block) var(--sna-button-padding-inline);
}
/* slds-radio_button-group custom end */

/* slds-modal custom start */
.slds-modal__close {
  border-radius: var(--sna-button-radius);
}
/* slds-modal custom end */

/* slds-tree custom start */
.slds-tree .slds-button {
  padding: unset;
}

.slds-tree__item {
  align-items: center;
}
/* slds-tree custom end */

/* slds-form-element custom start */
.slds-form-element__label {
  font-weight: 600;
}

.slds-form-element__control {
  font-size: var(--sna-font-size);
}
/* slds-form-element custom end */

/* Flow styles custom start */
.forceCommunityFlowCommunity {
  border-radius: var(--sna-container-radius) !important; /* rounded corners */
  border-width: 0 !important;
}
/* Flow styles custom end */

/* calendar icon custom start */
.slds-button_icon {
  --slds-c-button-spacing-inline-start: initial; /* padding-left */
  --slds-c-button-spacing-inline-end: initial; /* padding-right */
  --slds-c-button-spacing-block-start: initial; /* padding-top */
  --slds-c-button-spacing-block-end: initial; /* padding-top */
}
/* calendar icon custom end */

div[data-region-name="customHeader"] {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.slds-border_top,
.slds-border--top {
  --lwc-borderWidthThin: 0;
}

.slds-badge.slds-theme_success {
  --lwc-colorBackgroundToastSuccess: var(--sna-brand-primary);
}

.text-header[data-id="menu-item-header"] {
  margin-left: 1.5rem;
  --side-bar-font-weight-header: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600 !important;
}

.footer {
  background-color: var(--sna-brand-primary);
  color: #ffffff;
  padding: 1rem 2rem;
  font-size: 0.875rem;
  margin-top: 2rem;
}

.footer-area {
  max-width: var(--lwc-navigationMaxWidth);
  margin: 0 auto;
}

.footer a {
  --lwc-colorTextLink: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer a:hover,
.footer a:active {
  --lwc-colorTextLinkActive: var(--sna-brand-accent);
  --lwc-colorTextLinkHover: var(--sna-brand-accent);
}

.salesforceIdentityLoginBody2 .cCenterPanel .siteforceContentArea {
  border-radius: var(--sna-container-radius);
  background-color: white;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.salesforceIdentityLoginBody2 .cCenterPanel .siteforceContentArea:hover {
  box-shadow:
    0 8px 16px rgba(0, 0, 0, 0.15),
    /* Stronger shadow on hover */
    0 4px 8px rgba(0, 0, 0, 0.1); /* Deeper shadow effect */
}

.salesforceIdentityLoginForm2 .uiButton {
  border-radius: var(--sna-button-radius) !important;
}

div[data-id="new-payment-method-card"].slds-border_top {
  --lwc-borderWidthThin: 1px;
  color: var(--sna-brand-accent);
}

div[data-id="new-payment-method-card"].slds-box_link:hover,
div[data-id="new-payment-method-card"].slds-box_link:active {
  border-color: #d4d4d4;
  background-color: rgba(var(--sna-brand-accent-rgb), 0.05);
  box-shadow: none;
}

.slds-spinner:before,
.slds-spinner:after,
.slds-spinner__dot-a:before,
.slds-spinner__dot-b:before,
.slds-spinner__dot-a:after,
.slds-spinner__dot-b:after {
  --lwc-colorBackgroundSpinnerDot: var(--sna-brand-accent);
}

div.slds-page-header:has(> h1.slds-align_absolute-center) {
  display: none;
}

.slds-form-element_address .slds-form-element__row {
  align-items: flex-start;
}

.slds-form-element_address lightning-picklist[data-field="country"] {
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600 !important;
}

h1,
h2 {
  font-weight: 600 !important;
  color: var(--sna-brand-primary) !important;
}
/* Styling for Requirement Group & Credential Details Card border */
c-community-card[data-id="requirement-group-card"], c-community-card[data-id="credential-detail-info-card"]  {
    --slds-c-card-sizing-border: 2px !important;
    --slds-c-card-color-border: rgba(70, 0, 115, 0.1) !important;
}

/* Increase top border thickness inside the Requirement Group Card */
c-community-card[data-id="requirement-group-card"] .slds-border_top {
    --lwc-borderWidthThin: 2px !important;
}

/* Rounded corners for Requirement Item container */
div[data-id="requirement-item-container"] {
    border-radius: var(--sna-container-radius);
}

/* Rounded corners for Requirement Submission Item container */
div[data-id="requirement-submission-item-container"] {
    border-radius: var(--sna-container-radius);
}

.slds-table_bordered, .card-fields-section,
.slds-table--bordered {
  --lwc-borderWidthThin: 1px;
}

lightning-input.slds-form-element {
  --lwc-borderWidthThin: 1px;
}