@charset "UTF-8";
/*
 * Shared by both sites (hosts.php): a hand over everything that reacts to a click - native controls, labels
 * that toggle one, and the elements the scripts bind a click to. :where() keeps it at zero specificity, so a
 * page's own cursor still wins - the carousel's grab, a drop list's default row.
 *
 * Left with the arrow:
 * - a caption in front of a text field (name, phone, height, the donate details) - its click only focuses
 *   the field, which shows the text cursor itself
 * - backdrops that close an overlay (.basket-shadow, the menu's .full_screen and .menu_content panel): the
 *   whole page under a hand would read as one big button; the links inside the menu keep theirs
 */
:where(
    a[href], button, summary, select, [role="button"], .btn,
    label[for]:not(.full_screen, .menu_content):not(:has(
        ~ :is(input:not([type="radio"], [type="checkbox"], [type="file"], [type="hidden"]), textarea),
        ~ * :is(input:not([type="radio"], [type="checkbox"], [type="file"], [type="hidden"]), textarea)
    )),
    /* right after its radio or checkbox it is a toggle, whatever field follows - checkout's delivery options */
    input:is([type="radio"], [type="checkbox"]) + label[for]:not(.full_screen, .menu_content),
    input:is([type="radio"], [type="checkbox"], [type="button"], [type="submit"], [type="reset"], [type="file"], [type="color"], [type="range"]),

    /* imw */
    .number-input-control .minus, .number-input-control .plus, .clear-input, .trash,
    .basket-launcher, svg.basket-exit, .scroll-pointer, .size-guidelines,
    .carousel-scroll, .carousel-preview, .carousel-dot-index, .scrollable .arrow,
    #display-model-home, #arrow-left, #arrow-right, .photo-preview, .photo-img .close,
    [data-city][data-ref]
) {
    cursor: pointer;
}

/* switched off: no hand over a control - or the label of one - that cannot be used */
:where(
    :is(button, select, input:is([type="radio"], [type="checkbox"], [type="button"], [type="submit"], [type="file"])):disabled,
    input:is([type="radio"], [type="checkbox"]):disabled + label,
    [aria-disabled="true"]
) {
    cursor: not-allowed;
}