/* Custom CSS variables and usage for Afzon Frontend.
 * The actual values of the variables are injected inline via wp_add_inline_style.
 */
:root {
    /* The variables will be defined dynamically in PHP. */
}

/* Use CSS variables to set widths and font sizes for address/store menus and items. */
.afzon-address-menu,
.afzon-store-menu {
    width: var(--afzon-menu-width, 250px);
    min-width: var(--afzon-menu-width, 250px);
}

.afzon-address-item,
.afzon-store-menu li {
    font-size: var(--afzon-font-size, 14px);
}

.afzon-address-item button,
.afzon-store-menu button,
.afzon-address-add-new button,
.afzon-add-new-address {
    font-size: var(--afzon-action-font-size, 12px);
    padding: var(--afzon-action-padding-vertical, 4px) var(--afzon-action-padding-horizontal, 4px);
}