/*
 * Copyright (c) 2026, Salesforce, Inc.,
 * All rights reserved.
 * For full license text, see the LICENSE.txt file
 */

@layer theme {
  .slds-popover {
    /* Sizing */
    --slds-c-popover-sizing-width: var(--slds-g-sizing-15);
    --slds-c-popover-sizing-border: var(--slds-s-container-sizing-border);
    --slds-c-popover-radius-border: var(--slds-g-radius-border-2);

    /* Surface */
    --slds-c-popover-color-background: var(--slds-g-color-surface-container-1);
    --slds-c-popover-color-border: var(--slds-g-color-border-1);
    --slds-c-popover-shadow: var(--slds-g-shadow-3);
    --slds-c-popover-shadow-focus: var(--slds-g-shadow-outline-focus-1);

    /* Body */
    --slds-c-popover-body-color-foreground: var(--slds-s-container-color);
    --slds-c-popover-body-spacing-block-start: var(--slds-g-spacing-3);
    --slds-c-popover-body-spacing-block-end: var(--slds-g-spacing-2);
    --slds-c-popover-body-spacing-inline: var(--slds-g-spacing-3);
    --slds-c-popover-body-sizing-max-height: var(--slds-g-sizing-14);

    /* Header / footer shared spacing */
    --slds-c-popover-header-footer-spacing-block: var(--slds-g-spacing-2);
    --slds-c-popover-header-footer-spacing-inline: var(--slds-g-spacing-3);

    /* Header */
    --slds-c-popover-header-color-foreground: var(--slds-s-container-heading-font-color);
    --slds-c-popover-header-font-weight: var(--slds-s-container-heading-font-weight);
    --slds-c-popover-header-font-size: var(--slds-g-font-scale-3);

    /* Footer */
    --slds-c-popover-footer-color-foreground: var(--slds-s-container-footer-font-color);
    --slds-c-popover-footer-color-background: var(--slds-g-color-surface-container-2);
    --slds-c-popover-footer-color-border: var(--slds-g-color-neutral-base-90);
    --slds-c-popover-footer-sizing-border-block-start: var(--slds-g-sizing-border-1);

    /* Close button */
    --slds-c-popover-close-color-foreground: var(--slds-s-icon-color-foreground);
    --slds-c-popover-close-spacing: var(--slds-g-spacing-1);

    /* Meta */
    --slds-c-popover-meta-spacing-block-end: var(--slds-g-spacing-3);

    /* Sizes */
    --slds-c-popover-sizing-max-width: var(--slds-g-sizing-14);
    --slds-c-popover-sizing-min-width: var(--slds-g-sizing-15);

    /* Nubbin spacing for off-center nubbins. */
    --slds-c-popover-nubbin-spacing-inline-start: var(--slds-g-spacing-5);
    --slds-c-popover-nubbin-spacing-inline-end: var(--slds-g-spacing-5);
    --slds-c-popover-nubbin-spacing-block-start: var(--slds-g-spacing-5);
    --slds-c-popover-nubbin-spacing-block-end: var(--slds-g-spacing-4);

    /* Corner-nubbin radius and offsets. */
    --slds-c-popover-nubbin-corner-radius-border: var(--slds-g-radius-border-1);
    --slds-c-popover-nubbin-corner-spacing-inline-start: var(--slds-g-spacing-3);
    --slds-c-popover-nubbin-corner-spacing-inline-end: var(--slds-g-spacing-3);
    --slds-c-popover-nubbin-corner-spacing-block-start: var(--slds-g-spacing-3);
    --slds-c-popover-nubbin-corner-spacing-block-end: var(--slds-g-spacing-1);
  }

  /* Close icon foreground forward. */
  .slds-popover .slds-popover__close .slds-icon-text-default {
    --slds-c-icon-color-foreground: var(--slds-c-popover-close-color-foreground);
  }
}