/* Shared visible link actions. Navigation URLs, card layouts and native semantics stay intact. */
:root {
  --link-button-background: var(--bottega-surface-selected);
  --link-button-hover: var(--bottega-surface-soft);
  --link-button-border: var(--bottega-accent);
  --link-button-color: var(--bottega-accent-hover);
}

:root :is(
  .link-button,
  .account-login-help,
  .account-login-register > button,
  .coffee-finder__details,
  .coffee-finder__shop,
  .product-availability-alternatives__all,
  .bottega-site .button--secondary,
  .bottega-section__heading > a,
  .bottega-home-category__all,
  .product-related__heading > a,
  .bottega-sidebar__all,
  .bottega-sidebar__note > a,
  .catalog-description-sidebar__guide,
  .catalog-description-sidebar__category .catalog-description-sidebar__content > a,
  .coffee-finder__header > a,
  .coffee-finder__actions > a,
  .bottega-text-action,
  .compare-product__actions > a,
  .compare-page__add,
  .search-overlay__empty > a,
  .search-overlay__footer > button,
  .search-overlay__discover nav > a,
  .drawer__recommendation-more,
  .drawer__continue,
  .checkout-edit-cart,
  .checkout-back,
  .checkout-account-link > button,
  .checkout-account-dialog__alternatives > button,
  .checkout-account-dialog__guest,
  .checkout-stripe__cancel,
  .checkout-payment__delivery > button,
  .checkout-step__edit,
  .checkout-address-extra > summary,
  .account-orders__actions a,
  .account-order__actions a,
  .account-login-links a,
  .legal-page__navigation a,
  .bottega-footer__grid > div:not(.bottega-footer__brand) > a,
  .bottega-footer__bottom a
) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  min-width: 0;
  max-width: 100%;
  padding: 11px 18px;
  border: 1px solid var(--link-button-border);
  border-radius: 999px;
  background: var(--link-button-background);
  color: var(--link-button-color);
  font-family: var(--bottega-font-family);
  font-size: var(--bottega-font-control);
  font-weight: 650;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: none;
  transform: none;
  vertical-align: middle;
}

:root :is(
  .link-button,
  .account-login-help,
  .account-login-register > button,
  .coffee-finder__details,
  .coffee-finder__shop,
  .product-availability-alternatives__all,
  .bottega-site .button--secondary,
  .bottega-section__heading > a,
  .bottega-home-category__all,
  .product-related__heading > a,
  .bottega-sidebar__all,
  .bottega-sidebar__note > a,
  .catalog-description-sidebar__guide,
  .coffee-finder__header > a,
  .coffee-finder__actions > a,
  .bottega-text-action,
  .compare-product__actions > a,
  .search-overlay__empty > a,
  .search-overlay__footer > button,
  .drawer__recommendation-more,
  .drawer__continue,
  .checkout-edit-cart,
  .checkout-back,
  .checkout-account-link > button,
  .legal-page__navigation a,
  .bottega-footer__grid > div:not(.bottega-footer__brand) > a,
  .bottega-footer__bottom a
):hover:not(:disabled) {
  background: var(--link-button-hover);
  border-color: var(--link-button-color);
  text-decoration: none;
  transform: none;
}

:root .link-button .icon { flex: 0 0 18px; width: 18px; height: 18px; }
.bottega-section__heading, .product-related__heading { flex-wrap: wrap; gap: 12px 20px; }
.bottega-sidebar .bottega-sidebar__all { width: 100%; margin-top: 10px; }
.bottega-sidebar__note > a { margin-top: 12px; }
.bottega-footer {
  --link-button-background: #5d5047;
  --link-button-hover: #6d5e52;
  --link-button-border: #d7c7b3;
  --link-button-color: #fffaf2;
}
.bottega-footer__grid > div:not(.bottega-footer__brand) > a { display: flex; width: fit-content; margin: 0 0 10px; }
.checkout-step__edit { flex: none; }
.checkout-address-extra > summary { width: fit-content; margin-bottom: 6px; }

/* Navigation rows and standalone references keep a clearly bounded hit area. */
:root :is(.bottega-sidebar nav > a:not(.bottega-sidebar__all), .norja-mobile-menu nav > a) {
  border: 1px solid var(--bottega-border);
  border-radius: 12px;
  background: var(--bottega-surface-soft);
}
:root :is(
  .bottega-wp-content a:not(:has(img)),
  .legal-page__content a:not(:has(img)),
  .product-information__description a:not(:has(img)),
  .catalog-description-sidebar__content a:not(:has(img)),
  .checkout-check a,
  .product-detail__subtitle a
) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  max-width: 100%;
  padding: 7px 12px;
  margin-block: 3px;
  border: 1px solid var(--link-button-border);
  border-radius: 12px;
  background: var(--link-button-background);
  color: var(--link-button-color);
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: anywhere;
  text-decoration: none;
  vertical-align: middle;
}

/* References inside prose remain text links. Explicit actions keep their buttons. */
:root .bottega-site :is(p, dd, td, blockquote, figcaption) a:not(.button):not(.link-button):not(.wp-action-link),
:root .bottega-site .wp-inline-link,
:root .bottega-site .checkout-check a {
  display: inline;
  min-height: 0;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  vertical-align: baseline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
  box-shadow: none;
}
:root .bottega-site .wp-inline-link:hover,
:root .bottega-site :is(p, dd, td, blockquote, figcaption) a:not(.button):not(.link-button):not(.wp-action-link):hover {
  background: transparent;
  color: inherit;
  text-decoration-thickness: 2px;
}
:root .bottega-site :is(p, dd, td, blockquote, figcaption) a:not(.button):not(.link-button):not(.wp-action-link):focus-visible,
:root .bottega-site .wp-inline-link:focus-visible,
:root .bottega-site .checkout-check a:focus-visible {
  text-decoration-thickness: 3px;
  text-underline-offset: .22em;
}
/* Breadcrumbs: minimal text navigation; standalone actions retain their buttons. */
:root :is(.bottega-breadcrumbs, .legal-page__breadcrumbs, .wishlist-page__breadcrumbs, .compare-page__breadcrumbs, .conversion-breadcrumbs, .account-page__breadcrumbs) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  min-width: 0;
  margin-bottom: 16px;
  color: var(--bottega-text-muted);
  font-size: var(--bottega-font-control);
  line-height: 1.5;
}
:root :is(.bottega-breadcrumbs, .legal-page__breadcrumbs, .wishlist-page__breadcrumbs, .compare-page__breadcrumbs, .conversion-breadcrumbs, .account-page__breadcrumbs) a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  max-width: 100%;
  padding: 4px 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--bottega-text);
  font-family: inherit;
  font-size: var(--bottega-font-control);
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  white-space: normal;
}
:root :is(.bottega-breadcrumbs, .legal-page__breadcrumbs, .wishlist-page__breadcrumbs, .compare-page__breadcrumbs, .conversion-breadcrumbs, .account-page__breadcrumbs) a:hover {
  background: transparent;
  text-decoration: underline;
  text-underline-offset: .2em;
  color: var(--bottega-accent-hover);
}
.conversion-breadcrumbs > ol { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; min-width: 0; width: 100%; margin: 0; padding: 0; list-style: none; }
.conversion-breadcrumbs > ol > li { display: flex; align-items: center; gap: 10px; min-width: 0; }
.conversion-breadcrumbs > ol > li:not(:last-child) { flex: 0 1 auto; }
.conversion-breadcrumbs > ol > li > [aria-hidden="true"] { flex: none; color: var(--bottega-text-muted); }
.conversion-breadcrumbs > ol > li:last-child { flex: 1 1 22rem; color: var(--bottega-text-muted); }
.conversion-breadcrumbs [aria-current="page"] { min-width: 0; overflow-wrap: anywhere; font-weight: 400; }

@media (max-width: 520px) {
  .bottega-section__heading > a, .bottega-home-category__all, .product-related__heading > a { min-height: 48px; white-space: normal; }
  .conversion-breadcrumbs > ol > li:last-child { flex-basis: 100%; }
}

/* Mobile Breadcrumbs bleiben eine kurze Textzeile statt zusätzlicher Aktionsflächen. */
@media (max-width: 760px) {
  :root .bottega-site :is(.bottega-breadcrumbs, .legal-page__breadcrumbs, .wishlist-page__breadcrumbs, .compare-page__breadcrumbs, .conversion-breadcrumbs, .account-page__breadcrumbs) { gap: 2px 6px; margin-bottom: 10px; font-size: 13px; line-height: 1.4; }
  :root .bottega-site :is(.bottega-breadcrumbs, .legal-page__breadcrumbs, .wishlist-page__breadcrumbs, .compare-page__breadcrumbs, .conversion-breadcrumbs, .account-page__breadcrumbs) a { min-height: 28px; padding: 3px 0; border: 0; border-radius: 0; background: transparent; font-size: 13px; font-weight: 400; line-height: 1.4; }
  .conversion-breadcrumbs > ol { gap: 2px 6px; }
  .conversion-breadcrumbs > ol > li { gap: 6px; }
  .conversion-breadcrumbs > ol > li:last-child,
  .conversion-breadcrumbs > ol > li:nth-last-child(2) > [aria-hidden="true"] { display: none; }
}

/* Kategorieaktion ist ein eigenständiger Button, kein Link im Fliesstext. */
:root .product-detail__subtitle > .product-detail__category-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px;
  padding: 10px 16px; border: 1px solid var(--bottega-accent); border-radius: 12px;
  background: var(--bottega-accent); color: #fffaf2; font: 600 16px/1.4 var(--bottega-font-family); text-decoration: none;
}
:root .product-detail__subtitle > .product-detail__category-button::after { font-size: 1em; }
:root .product-detail__subtitle > .product-detail__category-button:hover { background: var(--bottega-accent-hover); border-color: var(--bottega-accent-hover); color: #fff; text-decoration: none; }

/* Secondary account and checkout navigation uses text links beside the primary submit action. */
:root .bottega-site :is(
  .account-login-panel > .account-login-help,
  .account-login-panel .account-login-form .account-login-help,
  .account-login-panel .account-login-register > button,
  .checkout-refresh .checkout-account-link > button,
  .checkout-refresh .checkout-address-extra > summary,
  .checkout-refresh .checkout-account-dialog__alternatives > button,
  .checkout-refresh .checkout-account-dialog__guest
) {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  min-height: 44px;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--bottega-link, var(--bottega-accent));
  font: 500 var(--bottega-font-control)/1.5 var(--bottega-font-family);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
  vertical-align: baseline;
  box-shadow: none;
}

:root .bottega-site :is(
  .account-login-panel > .account-login-help,
  .account-login-panel .account-login-form .account-login-help,
  .account-login-panel .account-login-register > button,
  .checkout-refresh .checkout-account-link > button,
  .checkout-refresh .checkout-address-extra > summary,
  .checkout-refresh .checkout-account-dialog__alternatives > button,
  .checkout-refresh .checkout-account-dialog__guest
):is(:hover, :focus-visible, :active) {
  background: transparent;
  border-color: transparent;
  color: var(--bottega-link-strong, var(--bottega-accent-hover));
  text-decoration: underline;
  text-decoration-thickness: 2px;
  box-shadow: none;
  transform: none;
}
