/* Snipcart theme: matches the site design language.
   Surfaces: flat #081c46 navy with hairline rgba-white borders.
   Inputs: mirror .c-form__group inputs (rgba white on navy).
   Primary buttons: mirror .c-button (white bg, #05013d text, uppercase, tracked). */

.snipcart {
    /* Surfaces */
    --bgColor-modal: #081c46;
    --bgColor-modalVeil: rgba(4, 12, 43, .85);
    --bgColor-default: #081c46;
    --bgColor-alt: rgba(255, 255, 255, .04);
    --bgColor-info: rgba(255, 255, 255, .08);
    --bgColor-success: rgba(41, 199, 104, .15);
    --bgColor-error: rgba(232, 90, 74, .15);
    --borderColor-default: rgba(255, 255, 255, .15);
    --borderColor-success: rgba(41, 199, 104, .5);
    --shadow-default: none;
    --shadow-tooltip: 0 20px 24px -20px rgba(0, 0, 0, .6);

    /* Text */
    --color-default: #fff;
    --color-alt: rgba(255, 255, 255, .7);
    --color-icon: #fff;
    --color-success: #29c768;
    --color-error: #e85a4a;

    /* Links */
    --color-link: #fff;
    --color-link-active: #fff;
    --color-link-focus: #fff;
    --color-link-hover: #fff;
    --bgColor-link: transparent;
    --bgColor-link-active: transparent;
    --bgColor-link-focus: transparent;
    --bgColor-link-hover: transparent;
    --borderColor-link: transparent;
    --borderColor-link-active: transparent;
    --borderColor-link-focus: transparent;
    --borderColor-link-hover: transparent;
    --shadow-link-focus: none;

    /* Inputs: mirrors .c-form__group */
    --bgColor-input: rgba(255, 255, 255, .05);
    --bgColor-input-focus: rgba(255, 255, 255, .05);
    --bgColor-input-hover: rgba(255, 255, 255, .05);
    --bgColor-input-autofill: rgba(255, 255, 255, .12);
    --bgColor-input-disabled: rgba(255, 255, 255, .02);
    --bgColor-input-error: rgba(232, 90, 74, .1);
    --bgColor-input-checked: #fff;
    --borderColor-input: rgba(255, 255, 255, .25);
    --borderColor-input-focus: #fff;
    --borderColor-input-hover: rgba(255, 255, 255, .5);
    --borderColor-input-disabled: rgba(255, 255, 255, .12);
    --borderColor-input-error: #e85a4a;
    --borderColor-input-checked: #fff;
    --color-input: #fff;
    --color-input-focus: #fff;
    --color-input-hover: #fff;
    --color-input-disabled: rgba(255, 255, 255, .35);
    --color-input-error: #fff;
    --color-input-checked: #05013d;
    --color-inputLabel: #fff;
    --color-inputPlaceholder: rgba(255, 255, 255, .4);
    --color-inputIcon: rgba(255, 255, 255, .6);
    --color-inputIcon-hover: #fff;
    --color-inputIcon-focus: #fff;
    --color-inputIcon-error: #e85a4a;
    --shadow-input-focus: none;
    --shadow-input-hover: none;
    --shadow-input-checked: none;

    /* Primary button: mirrors .c-button */
    --bgColor-buttonPrimary: #fff;
    --bgColor-buttonPrimary-active: rgba(255, 255, 255, .8);
    --bgColor-buttonPrimary-focus: #fff;
    --bgColor-buttonPrimary-hover: rgba(255, 255, 255, .88);
    --bgColor-buttonPrimary-disabled: rgba(255, 255, 255, .25);
    --bgColor-buttonPrimary-error: #e85a4a;
    --bgColor-buttonPrimary-success: #29c768;
    --color-buttonPrimary: #05013d;
    --color-buttonPrimary-active: #05013d;
    --color-buttonPrimary-focus: #05013d;
    --color-buttonPrimary-hover: #05013d;
    --color-buttonPrimary-disabled: rgba(5, 1, 61, .5);
    --color-buttonPrimary-error: #fff;
    --color-buttonPrimary-success: #fff;
    --borderColor-buttonPrimary: transparent;
    --borderColor-buttonPrimary-active: transparent;
    --borderColor-buttonPrimary-focus: transparent;
    --borderColor-buttonPrimary-hover: transparent;
    --borderColor-buttonPrimary-disabled: transparent;
    --borderColor-buttonPrimary-error: transparent;
    --borderColor-buttonPrimary-success: transparent;
    --shadow-buttonPrimary-active: none;
    --shadow-buttonPrimary-focus: none;
    --shadow-buttonPrimary-hover: none;

    /* Secondary button: ghost on navy */
    --bgColor-buttonSecondary: transparent;
    --bgColor-buttonSecondary-active: rgba(255, 255, 255, .12);
    --bgColor-buttonSecondary-focus: rgba(255, 255, 255, .08);
    --bgColor-buttonSecondary-hover: rgba(255, 255, 255, .08);
    --bgColor-buttonSecondary-disabled: rgba(255, 255, 255, .04);
    --bgColor-buttonSecondary-error: rgba(232, 90, 74, .15);
    --bgColor-buttonSecondary-success: rgba(41, 199, 104, .15);
    --color-buttonSecondary: #fff;
    --color-buttonSecondary-active: #fff;
    --color-buttonSecondary-focus: #fff;
    --color-buttonSecondary-hover: #fff;
    --color-buttonSecondary-disabled: rgba(255, 255, 255, .4);
    --color-buttonSecondary-error: #e85a4a;
    --color-buttonSecondary-success: #29c768;
    --borderColor-buttonSecondary: transparent;
    --borderColor-buttonSecondary-active: transparent;
    --borderColor-buttonSecondary-focus: transparent;
    --borderColor-buttonSecondary-hover: transparent;
    --borderColor-buttonSecondary-disabled: transparent;
    --borderColor-buttonSecondary-error: transparent;
    --borderColor-buttonSecondary-success: transparent;
    --shadow-buttonSecondary-active: none;
    --shadow-buttonSecondary-focus: none;
    --shadow-buttonSecondary-hover: none;

    /* Tag button: subtle chip */
    --bgColor-buttonTag: rgba(255, 255, 255, .08);
    --bgColor-buttonTag-active: rgba(255, 255, 255, .16);
    --bgColor-buttonTag-focus: rgba(255, 255, 255, .12);
    --bgColor-buttonTag-hover: rgba(255, 255, 255, .12);
    --bgColor-buttonTag-disabled: rgba(255, 255, 255, .04);
    --bgColor-buttonTag-error: rgba(232, 90, 74, .15);
    --bgColor-buttonTag-success: rgba(41, 199, 104, .15);
    --color-buttonTag: #fff;
    --color-buttonTag-active: #fff;
    --color-buttonTag-focus: #fff;
    --color-buttonTag-hover: #fff;
    --color-buttonTag-disabled: rgba(255, 255, 255, .4);
    --color-buttonTag-error: #e85a4a;
    --color-buttonTag-success: #29c768;
    --borderColor-buttonTag: transparent;
    --borderColor-buttonTag-active: transparent;
    --borderColor-buttonTag-focus: transparent;
    --borderColor-buttonTag-hover: transparent;
    --borderColor-buttonTag-disabled: transparent;
    --borderColor-buttonTag-error: transparent;
    --borderColor-buttonTag-success: transparent;
    --shadow-buttonTag-active: none;
    --shadow-buttonTag-focus: none;
    --shadow-buttonTag-hover: none;

    /* Danger button: ghost red */
    --bgColor-buttonDanger: transparent;
    --bgColor-buttonDanger-active: rgba(232, 90, 74, .18);
    --bgColor-buttonDanger-focus: rgba(232, 90, 74, .12);
    --bgColor-buttonDanger-hover: rgba(232, 90, 74, .12);
    --bgColor-buttonDanger-disabled: rgba(255, 255, 255, .04);
    --bgColor-buttonDanger-error: rgba(232, 90, 74, .2);
    --bgColor-buttonDanger-success: rgba(41, 199, 104, .15);
    --color-buttonDanger: #e85a4a;
    --color-buttonDanger-active: #e85a4a;
    --color-buttonDanger-focus: #e85a4a;
    --color-buttonDanger-hover: #e85a4a;
    --color-buttonDanger-disabled: rgba(255, 255, 255, .35);
    --color-buttonDanger-error: #e85a4a;
    --color-buttonDanger-success: #29c768;
    --borderColor-buttonDanger: transparent;
    --borderColor-buttonDanger-active: transparent;
    --borderColor-buttonDanger-focus: transparent;
    --borderColor-buttonDanger-hover: transparent;
    --borderColor-buttonDanger-disabled: transparent;
    --borderColor-buttonDanger-error: transparent;
    --borderColor-buttonDanger-success: transparent;
    --shadow-buttonDanger-active: none;
    --shadow-buttonDanger-focus: none;
    --shadow-buttonDanger-hover: none;

    /* Badge: pill chip */
    --bgColor-badge: rgba(255, 255, 255, .08);
    --bgColor-badge-active: rgba(255, 255, 255, .12);
    --bgColor-badge-disabled: rgba(255, 255, 255, .04);
    --color-badge: #fff;
    --color-badge-active: #fff;
    --color-badge-disabled: rgba(255, 255, 255, .4);
    --borderColor-badge: rgba(255, 255, 255, .25);
    --borderColor-badge-active: rgba(255, 255, 255, .25);
    --borderColor-badge-disabled: rgba(255, 255, 255, .12);

    /* Match the site body type */
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: 300;
}

/* Drop Snipcart's bundled display fonts; inherit the site stack. */
.snipcart__font--secondary,
.snipcart__font--subtitle,
.snipcart__font--subtitle-small {
    font-family: inherit;
}

/* Primary buttons read like .c-button. */
.snipcart-button-primary {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .28em;
    text-transform: uppercase;
}

/* Cart item rows sit on flat navy: separate them with site hairlines. */
.snipcart-item-line {
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 4px;
}