/* Fanatically — public baseline styles */

/* ── Forms ── */
.fan-form .join-field { margin-bottom: 1em; }
.fan-form label { display: block; margin-bottom: 4px; }
.fan-form input[type=text],
.fan-form input[type=email],
.fan-form input[type=url],
.fan-form input[type=file],
.fan-form input[type=password],
.fan-form select,
.fan-form textarea {
    width: 100%; padding: 8px 10px; box-sizing: border-box;
    background: rgba(255,255,255,0.6);
}
.fan-form textarea { resize: vertical; min-height: 100px; }
.fan-form button[type=submit] { padding: 8px 22px; cursor: pointer; }
.fan-form .fan-form-actions { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.fan-form .fan-form-secondary-link { font-size: 0.9em; text-decoration: none; }
.fan-form .fan-label-hint { font-weight: normal; font-size: 0.85em; }
.fan-form .fan-field-hint { display: block; margin-top: 4px; font-size: 0.82em; }
.fan-form .fan-checkbox-label { font-weight: normal; display: flex; align-items: baseline; gap: 0.4rem; cursor: pointer; }
.fan-form .fan-btn-danger { background: #8a1010; }

/* ── Feedback boxes ── */
.fan-success {
    background: rgba(200,240,200,0.6); border: 1px solid #a0d0a0;
    color: #1a501a; padding: 10px 14px; margin-bottom: 12px;
}
.fan-errors {
    background: rgba(255,220,220,0.6); border: 1px solid #e0a0a0;
    color: #7a1010; padding: 10px 14px; margin-bottom: 12px;
}
.fan-errors ul { margin: 0; padding-left: 1.2em; }

/* ── Donate / apply toggle ── */
.fan-donate-toggle {
    display: block; width: 100%; padding: 10px;
    margin: 1.5em 0 0; cursor: pointer; text-align: center;
}

/* ── Pagination ── */
.fan-pagination { text-align: center; margin: 1.5em 0; }
.fan-pagination a,
.fan-pagination span { display: inline-block; padding: 4px 10px; margin: 0 2px; text-decoration: none; }

/* ── Category list (vertical) ── */
.fan-category-list {
    list-style: none;
    padding: 0;
}
.fan-category-list ul {
    list-style: none;
    padding-left: 1.2em;
}
.fan-category-list li {
    margin: 0.3em 0;
}
.fan-category-list a {
    text-decoration: none;
}

/* ── Joined listings ── */
.fan-joined-category-nav { margin-bottom: 1.2em; line-height: 2; }
.fan-joined-category-nav a { display: inline-block; margin: 0 4px 4px 0; text-decoration: none; }
.fan-joined-category-group { margin-bottom: 1.5em; }
.fan-joined-category-heading { margin: 0 0 0.5em; }
.fan-joined-listings {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: flex-start;
}
.fan-joined-listing-item { display: inline-flex; }
.fan-joined-listing-item a { display: block; line-height: 0; }
.fan-joined-listing-item img { display: block; max-width: 100%; height: auto; }

/* ── Member list ── */
.fan-member-list-wrap { margin: 0 auto; }
.fan-country-nav { list-style: none; padding: 0; margin: 0 0 1.2rem; line-height: 1.8; }
.fan-country-nav li { display: block; }
.fan-country-nav a { text-decoration: none; font-weight: bold; }
.fan-member-list { width: 100%; }
.fan-member-list th { padding: 10px; text-align: left; }
.fan-member-list td { padding: 10px; }



/* shared nav layout */
.fan-joined-category-nav,
.fan-owned-category-nav,
.fan-size-nav{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    align-items:center;
}

/* glass command palette buttons */
.fan-joined-category-nav a,
.fan-owned-category-nav a,
.fan-size-nav a{
    text-decoration:none;

    color:rgba(255,255,255,.9);
    font-size:12px;
    line-height:1;

    padding:7px 10px;

    background:rgba(20,20,20,.38);

    backdrop-filter:blur(10px) brightness(.9);
    -webkit-backdrop-filter:blur(10px) brightness(.9);

    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 1px 4px rgba(0,0,0,.22);

    text-shadow:0 1px 2px rgba(0,0,0,.6);

    transition:
        background .15s ease,
        border-color .15s ease,
        transform .15s ease,
        color .15s ease;
}

/* command palette hashtag */
.fan-joined-category-nav a::before,
.fan-owned-category-nav a::before,
.fan-size-nav a::before{
    content:"#";
    opacity:.4;
    margin-right:4px;
}

/* hover */
.fan-joined-category-nav a:hover,
.fan-owned-category-nav a:hover,
.fan-size-nav a:hover{
    background:rgba(60,60,60,.52);

    border-color:rgba(255,255,255,.18);

    color:#fff;

    transform:translateY(-1px);
}

/* active/current category */
.fan-owned-category-nav .fan-cat-active,
.fan-joined-category-nav .fan-cat-active{
    background:rgba(255,255,255,.16);

    border-color:rgba(255,255,255,.24);

    color:#fff;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1),
        0 2px 8px rgba(0,0,0,.28);
}

/* active tag symbol brighter */
.fan-owned-category-nav .fan-cat-active::before,
.fan-joined-category-nav .fan-cat-active::before{
    opacity:.75;
}


.fan-kim-item{
    padding:8px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}

/* first line */
.fan-kim-name{
    display:inline-block;
    min-width:180px;
    font-weight:600;
}

/* links */
.fan-kim-name a{
    text-decoration:none;
}

.fan-kim-name a:hover{
    text-decoration:underline;
}

/* fanlisting text */
.fan-kim-fanlisting{
    opacity:.75;
}

/* optional notes */
.fan-kim-notes{
    display:block;

    margin-top:4px;
    margin-left:180px;

    font-size:.92em;
    opacity:.6;
}





.fan-wishlist-image img{
    display:block;

    height:auto;

    border-radius:8px;
}

/* right side */
.fan-wishlist-subject,
.fan-wishlist-category,
.fan-wishlist-description{
    display:block;
}

/* title */
.fan-wishlist-subject{
    margin-bottom:4px;

    font-weight:600;
    font-size:1rem;
}

.fan-wishlist-subject a{
    text-decoration:none;
}

.fan-wishlist-subject a:hover{
    text-decoration:underline;
}

/* category */
.fan-wishlist-category{
    margin-bottom:8px;

    font-size:.9em;
    opacity:.65;
}

/* text */
.fan-wishlist-description{
    margin:0;

    line-height:1.5;
    opacity:.82;
}