/* RTL helpers */
:root{ --wcpt-start:left; --wcpt-end:right; }
[dir="rtl"] :root{ --wcpt-start:right; --wcpt-end:left; }

/* Base header visuals */
.headers--underline .product .product_title{position:relative;padding-bottom:8px}
.headers--underline .product .product_title:after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:96px;height:6px;background:linear-gradient(90deg,var(--primary),transparent);border-radius:4px}
.headers--pill .product .summary h2,
.headers--pill .woocommerce-Tabs-panel h2{display:inline-block;padding:.35em .6em;border-radius:999px;background:rgba(0,0,0,.05)}
.headers--ribbon .product .summary h2{position:relative;padding-inline-start:14px}
.headers--ribbon .product .summary h2:before{content:"";position:absolute;inset-inline-start:0;top:6px;bottom:6px;width:6px;background:var(--primary);border-radius:3px}
.headers--badge .product .summary h2{display:flex;align-items:center;gap:10px}
.headers--badge .product .summary h2:before{content:"★";font-size:18px;color:var(--accent)}

@media (max-width:540px){
  .headers--pill .product .summary h2{padding:4px 10px}
  .headers--underline .product .product_title:after{height:4px;width:72px}
}

/* Article headings */
.wcpt-headers-on .entry-content h2,
.wcpt-headers-on .entry-content h3{line-height:1.3;margin:16px 0 10px}
.headers--underline .entry-content h2{position:relative;padding-bottom:8px;border-bottom:2px solid rgba(0,0,0,.06)}
.headers--underline .entry-content h3{position:relative;padding-bottom:6px;border-bottom:2px solid rgba(0,0,0,.05)}
.headers--pill .entry-content h2,
.headers--pill .entry-content h3{display:inline-block;padding:.35em .6em;border-radius:999px;background:rgba(0,0,0,.05)}
.headers--ribbon .entry-content h2{position:relative;padding-inline-start:14px}
.headers--ribbon .entry-content h2:before{content:"";position:absolute;inset-inline-start:0;top:6px;bottom:6px;width:6px;background:var(--primary);border-radius:3px}
.headers--badge .entry-content h2{display:flex;align-items:center;gap:10px}
.headers--badge .entry-content h2:before{content:"★";font-size:18px;color:var(--accent)}
