/*
  Category Latest Offers 2.14.0 (30.09.2026): GLUE ONLY.
  The rows, figure, buttons, code field, tiles and .sec__head come from deal-design-system
  components.css (scoped under body.ds2). Everything here is layout glue for this plugin's
  own wrapper, the sort select and the free-shipping text button.
  No dark mode, no gradients, no shadows, no fonts other than var(--ds-font).
*/

/* Astra sets margins/padding/bullets on ul; keep the list clean */
.ds2 .clo-wrapper ul.rows{margin:0;padding:0;list-style:none}
.ds2 .clo-wrapper ul.rows>li{margin:0;list-style:none}
.ds2 .clo-wrapper .row__t a{color:inherit;text-decoration:none}
.ds2 .clo-wrapper .row__t a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* controls: a .tabbar under the H2 (tab strip with the free shipping toggle, sort select at the right edge) */
.ds2 .clo-wrapper .clo-ctl{margin-bottom:0}

/* free-shipping: a text button in the tab style, pressed = ink text + 2px G700 underline */
.ds2 .clo-ctl .tab[aria-pressed=true]{color:var(--ink)}
.ds2 .clo-ctl .tab[aria-pressed=true]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--g700)}

/* native sort select (Astra styles selects: reset to the shared look) */
/* the sort select look comes from components.css (.tabbar .select) */