/*
 * Store pages: checkout, account pages (template "page-account"), single download.
 * theme.css already has the old #checkout, #account and .sidebar--link-list rules;
 * these cover the block markup.
 */

/* Account menu: a Navigation block standing in for the old wp_nav_menu() list. */
#sidebar .sidebar--link-list { display: block; font-size: inherit; }
#sidebar .sidebar--link-list .wp-block-navigation__container { display: block; gap: 0; }
#sidebar .sidebar--link-list .wp-block-navigation-item { display: list-item; }
#sidebar .sidebar--link-list .wp-block-navigation-item__content { display: block; padding: 10px 25px; color: var(--accent); }
#sidebar .sidebar--link-list .current-menu-item .wp-block-navigation-item__content { color: var(--strong); }

/* Checkout "Return" button (old a.return.button.small with a left-pointing
   triangle icon). The icon is drawn with a mask so the text stays a plain Button. */
.edd-checkout .wp-block-buttons.return-wrap { position: absolute; top: 15px; left: 15px; margin: 0; }
.edd-checkout .wp-block-button.return a { display: flex; align-items: center; gap: 10px; }
.edd-checkout .wp-block-button.return a::before { content: ""; flex-shrink: 0; width: 16px; height: 16px; background-color: var(--accent-alt); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M7,15c0-0.256,0.098-0.512,0.293-0.707l10-10c0.286-0.286,0.716-0.372,1.09-0.217C18.757,4.23,19,4.596,19,5v20 c0,0.404-0.243,0.77-0.617,0.924c-0.374,0.155-0.804,0.069-1.09-0.217l-10-10C7.098,15.512,7,15.256,7,15z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M7,15c0-0.256,0.098-0.512,0.293-0.707l10-10c0.286-0.286,0.716-0.372,1.09-0.217C18.757,4.23,19,4.596,19,5v20 c0,0.404-0.243,0.77-0.617,0.924c-0.374,0.155-0.804,0.069-1.09-0.217l-10-10C7.098,15.512,7,15.256,7,15z'/%3E%3C/svg%3E") center / contain no-repeat; }
/* The old content sat straight inside #checkout, so its margins collapsed through it. */
#checkout > .wp-block-post-content { display: block; }

/* Single download header: the EDD Buy Button block and the core Buttons block
   sat inline (centered by the text) as the old purchase link and a.button did. */
#page-header--buttons .wp-block-edd-buy-button button.edd-submit { display: inline-flex; }
#page-header--buttons .wp-block-buttons { display: block; }