/*
Theme Name: DigitalSilk
Description: DSMP theme for DigitalSilk projects.
Author: DigitalSilk
Author URI: https://www.digitalsilk.com/
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dstheme
*/

/* styles are not being detected on page to enqueue block styles so eugh */
:root { --drawer-width: 480px; --neg-drawer-width: calc(var(--drawer-width) * -1) }

:where(.wp-block-woocommerce-customer-account) {
    --wc-customer-account-viewport-gutter: var(--wp--preset--spacing--20,16px);
    --wc-customer-account-dropdown-padding-inline: var( --wp--preset--spacing--30,16px );
    --wc-customer-account-dropdown-padding-block: var( --wp--preset--spacing--20,8px );
    --wc-customer-account-dropdown-surface: var( --wp--preset--color--base,#fff );
    --wc-customer-account-dropdown-border-color: color-mix(in srgb,currentColor 20%,transparent);
    --wc-customer-account-dropdown-item-hover-bg: color-mix(in srgb,currentColor 10%,transparent)
}

:where(.wp-block-woocommerce-customer-account .wc-block-customer-account__link),:where(.wp-block-woocommerce-customer-account.wc-block-customer-account--has-dropdown .wc-block-customer-account__toggle) {
    align-items: center;
    color: inherit;
    display: flex;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1;
    padding: .5em;
    text-decoration: none;
    white-space: nowrap
}

:where(.wp-block-woocommerce-customer-account .wc-block-customer-account__link):hover,:where(.wp-block-woocommerce-customer-account.wc-block-customer-account--has-dropdown .wc-block-customer-account__toggle):hover {
    text-decoration: underline
}

:where(.wp-block-woocommerce-customer-account .wc-block-customer-account__link) :where(.wc-block-customer-account__visual),:where(.wp-block-woocommerce-customer-account.wc-block-customer-account--has-dropdown .wc-block-customer-account__toggle) :where(.wc-block-customer-account__visual) {
    position: relative
}

:where(.wp-block-woocommerce-customer-account .wc-block-customer-account__link) :where(.wc-block-customer-account__visual+.label),:where(.wp-block-woocommerce-customer-account.wc-block-customer-account--has-dropdown .wc-block-customer-account__toggle) :where(.wc-block-customer-account__visual+.label) {
    padding-left: .25em
}

:where(.wp-block-woocommerce-customer-account .wc-block-customer-account__link) .wc-block-customer-account__account-icon,:where(.wp-block-woocommerce-customer-account .wc-block-customer-account__link) :where(.wc-block-customer-account__visual>svg),:where(.wp-block-woocommerce-customer-account.wc-block-customer-account--has-dropdown .wc-block-customer-account__toggle) .wc-block-customer-account__account-icon,:where(.wp-block-woocommerce-customer-account.wc-block-customer-account--has-dropdown .wc-block-customer-account__toggle) :where(.wc-block-customer-account__visual>svg) {
    display: block;
    height: 1.5em;
    width: 1.5em
}

:where(.wp-block-woocommerce-customer-account .wc-block-customer-account__link) :where(.wc-block-customer-account__avatar),:where(.wp-block-woocommerce-customer-account.wc-block-customer-account--has-dropdown .wc-block-customer-account__toggle) :where(.wc-block-customer-account__avatar) {
    border-radius: 50%;
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 92%
}

:where(.wp-block-woocommerce-customer-account) .wc-block-customer-account__caret {
    height: .375em;
    margin-left: .25em;
    transition: transform .2s ease;
    width: .625em
}

:where(.wp-block-woocommerce-customer-account).wc-block-customer-account--has-dropdown {
    position: relative
}

:where(.wp-block-woocommerce-customer-account).wc-block-customer-account--has-dropdown .wc-block-customer-account__toggle {
    background: none;
    border: none;
    cursor: pointer;
    font: inherit
}

:where(.wp-block-woocommerce-customer-account).wc-block-customer-account--has-dropdown.wc-block-customer-account--is-dropdown-open .wc-block-customer-account__caret {
    transform: rotate(180deg)
}

:where(.wp-block-woocommerce-customer-account).wc-block-customer-account--has-dropdown .wc-block-customer-account__dropdown {
    background: var(--wc-customer-account-dropdown-surface);
    border: 1px solid var(--wc-customer-account-dropdown-border-color);
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
    left: 0;
    max-width: calc(100vw - var(--wc-customer-account-viewport-gutter)*2);
    min-width: 200px;
    position: absolute;
    top: 100%;
    z-index: 100
}

:where(.wp-block-woocommerce-customer-account).wc-block-customer-account--has-dropdown .wc-block-customer-account__dropdown[hidden] {
    display: none
}

:where(.wp-block-woocommerce-customer-account).wc-block-customer-account--has-dropdown.wc-block-customer-account--show-above .wc-block-customer-account__dropdown {
    bottom: 100%;
    top: auto
}

:where(.wp-block-woocommerce-customer-account).wc-block-customer-account--has-dropdown.wc-block-customer-account--align-right .wc-block-customer-account__dropdown {
    left: auto;
    right: 0
}

:where(.wp-block-woocommerce-customer-account).wc-block-customer-account--has-dropdown .wc-block-customer-account__dropdown-divider {
    background: var(--wc-customer-account-dropdown-border-color);
    height: 1px
}

:where(.wp-block-woocommerce-customer-account).wc-block-customer-account--has-dropdown .wc-block-customer-account__dropdown-item {
    color: inherit;
    display: block;
    font-size: var(--wp--preset--font-size--small);
    line-height: 1.5;
    padding: calc(var(--wc-customer-account-dropdown-padding-block)/2) var(--wc-customer-account-dropdown-padding-block);
    text-decoration: none;
    white-space: nowrap
}

:where(.wp-block-woocommerce-customer-account).wc-block-customer-account--has-dropdown .wc-block-customer-account__dropdown-item:focus,:where(.wp-block-woocommerce-customer-account).wc-block-customer-account--has-dropdown .wc-block-customer-account__dropdown-item:hover {
    background: var(--wc-customer-account-dropdown-item-hover-bg);
    text-decoration: none
}

:where(.wp-block-woocommerce-customer-account).wc-block-customer-account--has-dropdown .wc-block-customer-account__dropdown-item:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -2px
}
:where(.wp-block-woocommerce-empty-mini-cart-contents-block), 
:where(.wp-block-woocommerce-filled-mini-cart-contents-block) {
	background: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: fill-available;
}