/* ==========================================================================
   Irish signature: a soft shamrock watermark, nine percent, in one corner of
   a page head or a section. The host keeps it behind its own content and
   above its background. Printed by partials/ie-shamrock.blade.php on the
   Irish platforms only; hidden under 1024px so it never sits behind text.
   ========================================================================== */

.ie-shamrock-host {
    position: relative;
    isolation: isolate;
}

.ie-shamrock {
    position: absolute;
    z-index: -1;
    width: clamp(200px, 18vw, 320px);
    aspect-ratio: 1;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='%23169B62'><path d='M12 12C9.6 9.7 6.2 9.9 6.2 6.9 6.2 4.7 7.9 3.1 9.7 3.1c1 0 1.9.5 2.3 1.3.4-.8 1.3-1.3 2.3-1.3 1.8 0 3.5 1.6 3.5 3.8 0 3-3.4 2.8-5.8 5.1Z'/><path d='M12 12C9.6 9.7 6.2 9.9 6.2 6.9 6.2 4.7 7.9 3.1 9.7 3.1c1 0 1.9.5 2.3 1.3.4-.8 1.3-1.3 2.3-1.3 1.8 0 3.5 1.6 3.5 3.8 0 3-3.4 2.8-5.8 5.1Z' transform='rotate(120 12 12)'/><path d='M12 12C9.6 9.7 6.2 9.9 6.2 6.9 6.2 4.7 7.9 3.1 9.7 3.1c1 0 1.9.5 2.3 1.3.4-.8 1.3-1.3 2.3-1.3 1.8 0 3.5 1.6 3.5 3.8 0 3-3.4 2.8-5.8 5.1Z' transform='rotate(240 12 12)'/></g><path d='M12 12.4c.3 2.7-.2 5.1-1.8 7.9' fill='none' stroke='%23169B62' stroke-width='1.6' stroke-linecap='round'/></svg>") center / contain no-repeat;
    opacity: 0.09;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}

.ie-shamrock--tr { top: -10px; right: 2%; transform: rotate(-12deg); }
.ie-shamrock--tl { top: -10px; left: 2%; transform: rotate(10deg); }
.ie-shamrock--br { bottom: 10px; right: 2%; transform: rotate(10deg); }
.ie-shamrock--bl { bottom: 10px; left: 2%; transform: rotate(-10deg); }

/* Inside a card or a short head the watermark stays small */
.ie-shamrock--sm {
    width: clamp(140px, 12vw, 220px);
}

/* The dashboard greeting is a short centred head: the leaf sits in the
   far corner, clear of the title */
.hm-head > .ie-shamrock--tr {
    top: -36px;
    right: -1%;
}

@media (max-width: 1024px) {
    .ie-shamrock {
        display: none;
    }
}