/*
 * Sidrena cijena (anchor price) — shared by the automatic display under the
 * WooCommerce price, the [cws_sidrena_cijena] shortcode and the CWS Suite
 * anchor price Elementor widget.
 *
 * Deliberately neutral: the Odluka asks for the price to be shown clearly next
 * to the current one, not presented as a discount — so no strike-through, no
 * red, no badge. Colour and weight are inherited from wherever it is placed.
 */

.cws-anchor-price {
    display: inline;
}

.cws-anchor-price[hidden] {
    display: none;
}

/* Appended inside WooCommerce's .price — its own line, small and italic. A
   fixed size on purpose: themes size .price very differently per template
   (product page vs loop), and the note should read the same everywhere. */
.cws-anchor-price.cws-anchor-price--auto {
    display: block;
    margin-top: 0.25em;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    line-height: 1.4;
}

/* The anchor line and the "lowest price in the last 30 days" line
   (CWS_Cjenik_Lowest) are two spans inside the same root. Wherever the lowest
   line is shown, each is its own line and inherits everything else from the
   root. Alone, the anchor line stays inline (a shortcode inside a sentence).
   Two rules, not one list: a browser without :has() would drop the whole list. */
.cws-anchor-price .cws-lowest-price {
    display: block;
}
.cws-anchor-price .cws-anchor-price__line:has(+ .cws-lowest-price) {
    display: block;
}

/* Themes style `.price del` / `.price ins` / `.price .amount`; ours is none
   of them, so keep the amount from picking up a sale colour or a larger size
   through a theme's `.price .amount` — it follows the note around it. */
.cws-anchor-price .cws-anchor-price__amount .amount {
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

/* Elementor editor only — the widget explains why it is empty. */
.cws-anchor-price-widget--notice {
    font-size: 0.85em;
    font-style: italic;
    opacity: 0.6;
}