/* ==========================================================
   /ui/css/core/ljh-aqua.css
   LJH – Aqua Glass Effects
   ----------------------------------------------------------
   Ansvar:
   - Aqua vote-knapp (macOS-inspirerad glasknapp)
   - Aqua glans på vote-kort
   ----------------------------------------------------------
   Prefix: aqua-
   Version: 0.1 – 2025-12-05
   Används av: /components/vote_panel.php
   Laddas via: head_loader.php (globalt)
========================================================== */


/* ==========================================================
   AQUA VOTE BUTTON
========================================================== */

.aqua-vote-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.5rem 0.9rem;
    font-size: .85rem;
    font-weight: 700;
    border-radius: 9999px;
    border: 1px solid #2563eb;
    background: linear-gradient(#9ed4ff, #4b8df8);
    color: #ffffff;
    box-shadow:
        0 2px 4px rgba(15,23,42,0.25),
        inset 0 1px 0 rgba(255,255,255,0.6);
    cursor: pointer;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}

/* Inre highlight */
.aqua-vote-btn::before {
    content: "";
    position: absolute;
    inset-inline: 8%;
    top: 2px;
    height: 40%;
    border-radius: inherit;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0.85),
        rgba(255,255,255,0.0)
    );
    opacity: .9;
    pointer-events: none;
}

/* Diagonal glasreflektion */
.aqua-vote-btn::after {
    content: "";
    position: absolute;
    top: -40%;
    left: -20%;
    width: 60%;
    height: 180%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0.4) 0%,
        rgba(255,255,255,0.0) 40%
    );
    opacity: .7;
    pointer-events: none;
}

.aqua-vote-btn:hover {
    transform: translateY(-1px);
    box-shadow:
        0 4px 10px rgba(37,99,235,0.45),
        inset 0 1px 0 rgba(255,255,255,0.7);
    filter: saturate(1.1);
}

.aqua-vote-btn:active {
    transform: translateY(0);
    box-shadow:
        0 2px 6px rgba(15,23,42,0.4),
        inset 0 1px 2px rgba(0,0,0,0.25);
}


/* ==========================================================
   AQUA VOTE CARD
========================================================== */

.vote-card {
    position: relative;
    background: radial-gradient(
        circle at top left,
        rgba(255,255,255,0.9),
        #eef3ff
    );
    overflow: hidden;
}

/* Glasskikt över kortet */
.vote-card::before {
    content: "";
    position: absolute;
    inset-inline: -20%;
    top: -20%;
    height: 60%;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0.85),
        rgba(255,255,255,0.0)
    );
    opacity: .8;
    pointer-events: none;
}