/* ============================================================
   02-links.css
   Inline link styling (content-level links, not nav/menus)

   Selectors are wrapped in :where() to keep specificity at 0,
   so individual elements can override easily.
   ============================================================ */

/* Base inline link styling */
:where(.brxe-accordion .accordion-content-wrapper) a,
:where(.brxe-icon-box .content) a,
:where(.brxe-list) a,
:where(.brxe-post-content):not([data-source="bricks"]) a,
:where(.brxe-posts .dynamic p) a,
:where(.brxe-shortcode) a,
:where(.brxe-tabs .tab-content) a,
:where(.brxe-team-members) .description a,
:where(.brxe-testimonials) .testimonial-content-wrapper a,
:where(.brxe-text) a,
:where(a.brxe-text),
:where(.brxe-text-basic) a,
:where(a.brxe-text-basic),
:where(.brxe-post-comments) .comment-content a,
.brxe-product-content a,
.brxe-product-short-description a,
.brxe-product-tabs .woocommerce-Tabs-panel a,
a.shipping-calculator-button,
.woocommerce-privacy-policy-link {
  text-decoration-line: underline;
  text-decoration-thickness: var(--dm-border-m);
  text-underline-offset: var(--dm-underline-gap);
  text-decoration-color: var(--dm-primary);
  transition:
    color var(--dm-transition-m),
    background-color var(--dm-transition-m),
    border-color var(--dm-transition-m),
    text-decoration-thickness var(--dm-transition-m);
}

/* Transition setting */
nav a,
.brxe-breadcrumbs a,
.woocommerce-info a,
.page-numbers a,
.brxe-social-icons .icon,
button.brxe-toggle-mode svg,
.bricks-search-form button,
button#place_order,
.woocommerce-message a,
button.single_add_to_cart_button
{
	transition: color var(--dm-transition-m), background-color var(--dm-transition-m);
}

/* Hover state: text becomes primary, underline thickens */
:where(.brxe-accordion .accordion-content-wrapper) a:hover,
:where(.brxe-icon-box .content) a:hover,
:where(.brxe-list) a:hover,
:where(.brxe-post-content):not([data-source="bricks"]) a:hover,
:where(.brxe-posts .dynamic p) a:hover,
:where(.brxe-shortcode) a:hover,
:where(.brxe-tabs .tab-content) a:hover,
:where(.brxe-team-members) .description a:hover,
:where(.brxe-testimonials) .testimonial-content-wrapper a:hover,
:where(.brxe-text) a:hover,
:where(a.brxe-text):hover,
:where(.brxe-text-basic) a:hover,
:where(a.brxe-text-basic):hover,
:where(.brxe-post-comments) .comment-content a:hover,
.brxe-product-content a:hover,
.brxe-product-short-description a:hover,
.brxe-product-tabs .woocommerce-Tabs-panel a:hover,
ul.page-numbers a:hover,
.brxe-breadcrumbs a:hover,
.brxe-product-title a:hover,
.brxe-post-title a:hover,
table.cart .product-name a:hover,
a.shipping-calculator-button:hover,
.woocommerce-privacy-policy-link:hover,
.page-numbers a:hover {
  color: var(--dm-primary);
  text-decoration-thickness: var(--dm-border-l);
}