/* ============================================
   ChangeCrab Badge Styles
   ============================================ */

.cc-badge {
    display: inline-flex;
    align-items: stretch;
    border-radius: 4px;
    overflow: hidden;
    text-decoration: none;
    font-family: 'Verdana', 'DejaVu Sans', Geneva, sans-serif;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
}

.cc-badge:hover {
    text-decoration: none;
    filter: brightness(1.1);
}

.cc-badge-left {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 5px;
    background: #ffffff;
    color: #1f2328;
    background-image: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, transparent 100%);
    user-select: none;
}

.cc-badge-logo {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    object-fit: contain;
    filter: none;
}

.cc-badge-label {
    font-weight: 600;
    color: #1f2328;
    text-shadow: none;
}

.cc-badge-right {
    display: flex;
    align-items: center;
    padding: 4px 5px;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    background: #0969da;
    background-image: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, transparent 100%);
}

/* Tier colors */
.cc-badge[data-color="bronze"] .cc-badge-right { background: #cd7f32; }
.cc-badge[data-color="silver"] .cc-badge-right { background: #9ca3af; }
.cc-badge[data-color="gold"] .cc-badge-right { background: #dfb317; }
.cc-badge[data-color="platinum"] .cc-badge-right { background: #7c3aed; }
.cc-badge[data-color="inactive"] .cc-badge-right { background: #6e7681; }
.cc-badge[data-color="blue"] .cc-badge-right { background: #0969da; }

/* Hide attribution label when paid class is present (for all variants) */
.cc-badge.paid .cc-badge-label {
    display: none !important;
}

/* Flat-square style */
.cc-badge.flat-square {
    border-radius: 0;
}

.cc-badge.flat-square.paid .cc-badge-label {
    display: none !important;
}

/* Plastic style */
.cc-badge.plastic .cc-badge-left,
.cc-badge.plastic .cc-badge-right {
    background-image: linear-gradient(180deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.15) 100%);
}

.cc-badge.plastic .cc-badge-left { 
    background-color: #ffffff;
}

.cc-badge.plastic[data-color="blue"] .cc-badge-right { 
    background-color: #0969da; 
}
.cc-badge.plastic[data-color="bronze"] .cc-badge-right { background-color: #cd7f32; }
.cc-badge.plastic[data-color="silver"] .cc-badge-right { background-color: #9ca3af; }
.cc-badge.plastic[data-color="gold"] .cc-badge-right { background-color: #dfb317; }
.cc-badge.plastic[data-color="platinum"] .cc-badge-right { background-color: #7c3aed; }
.cc-badge.plastic[data-color="inactive"] .cc-badge-right { background-color: #6e7681; }

.cc-badge.plastic.branded .cc-badge-left {
    background: linear-gradient(180deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.15) 100%), 
                #ffffff;
}

.cc-badge.plastic.paid .cc-badge-label {
    display: none !important;
}

/* Dark mode variants */
.cc-badge.flat-dark .cc-badge-left {
    background-color: #3d444d;
    color: #adbac7;
}

.cc-badge.flat-dark .cc-badge-left,
.cc-badge.flat-dark .cc-badge-right {
    background-image: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, transparent 100%);
}

.cc-badge.flat-dark[data-color="blue"] .cc-badge-right { 
    background-color: #0969da; 
}
.cc-badge.flat-dark[data-color="bronze"] .cc-badge-right { background-color: #cd7f32; }
.cc-badge.flat-dark[data-color="silver"] .cc-badge-right { background-color: #9ca3af; }
.cc-badge.flat-dark[data-color="gold"] .cc-badge-right { background-color: #dfb317; }
.cc-badge.flat-dark[data-color="platinum"] .cc-badge-right { background-color: #7c3aed; }
.cc-badge.flat-dark[data-color="inactive"] .cc-badge-right { background-color: #6e7681; }

.cc-badge.flat-dark.branded .cc-badge-left {
    background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, transparent 100%), 
                #3d444d;
    color: #adbac7;
}

.cc-badge.flat-dark.branded .cc-badge-label {
    color: #adbac7;
}

.cc-badge.flat-dark.paid .cc-badge-label {
    display: none !important;
}

/* Flat Square Dark */
.cc-badge.flat-square-dark {
    border-radius: 0;
}

.cc-badge.flat-square-dark .cc-badge-left {
    background-color: #3d444d;
    color: #adbac7;
}

.cc-badge.flat-square-dark .cc-badge-left,
.cc-badge.flat-square-dark .cc-badge-right {
    background-image: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, transparent 100%);
}

.cc-badge.flat-square-dark[data-color="blue"] .cc-badge-right { 
    background-color: #0969da; 
}
.cc-badge.flat-square-dark[data-color="bronze"] .cc-badge-right { background-color: #cd7f32; }
.cc-badge.flat-square-dark[data-color="silver"] .cc-badge-right { background-color: #9ca3af; }
.cc-badge.flat-square-dark[data-color="gold"] .cc-badge-right { background-color: #dfb317; }
.cc-badge.flat-square-dark[data-color="platinum"] .cc-badge-right { background-color: #7c3aed; }
.cc-badge.flat-square-dark[data-color="inactive"] .cc-badge-right { background-color: #6e7681; }

.cc-badge.flat-square-dark.branded .cc-badge-left {
    background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, transparent 100%), 
                #3d444d;
    color: #adbac7;
}

.cc-badge.flat-square-dark.branded .cc-badge-label {
    color: #adbac7;
}

.cc-badge.flat-square-dark.paid .cc-badge-label {
    display: none !important;
}

/* Plastic Dark */
.cc-badge.plastic-dark .cc-badge-left {
    background-color: #3d444d;
    color: #adbac7;
}

.cc-badge.plastic-dark .cc-badge-left,
.cc-badge.plastic-dark .cc-badge-right {
    background-image: linear-gradient(180deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.15) 100%);
}

.cc-badge.plastic-dark[data-color="blue"] .cc-badge-right { 
    background-color: #0969da; 
}
.cc-badge.plastic-dark[data-color="bronze"] .cc-badge-right { background-color: #cd7f32; }
.cc-badge.plastic-dark[data-color="silver"] .cc-badge-right { background-color: #9ca3af; }
.cc-badge.plastic-dark[data-color="gold"] .cc-badge-right { background-color: #dfb317; }
.cc-badge.plastic-dark[data-color="platinum"] .cc-badge-right { background-color: #7c3aed; }
.cc-badge.plastic-dark[data-color="inactive"] .cc-badge-right { background-color: #6e7681; }

.cc-badge.plastic-dark.branded .cc-badge-left {
    background: linear-gradient(180deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.15) 100%), 
                #3d444d;
    color: #adbac7;
}

.cc-badge.plastic-dark.branded .cc-badge-label {
    color: #adbac7;
}

.cc-badge.plastic-dark.paid .cc-badge-label {
    display: none !important;
}

/* Make logo white on dark badges */
.cc-badge.flat-dark .cc-badge-logo,
.cc-badge.flat-square-dark .cc-badge-logo,
.cc-badge.plastic-dark .cc-badge-logo {
    filter: brightness(0) invert(1);
}

/* Ensure branded dark badges also have white logo (override branded filter) */
.cc-badge.flat-dark.branded .cc-badge-logo,
.cc-badge.flat-square-dark.branded .cc-badge-logo,
.cc-badge.plastic-dark.branded .cc-badge-logo {
    filter: brightness(0) invert(1) !important;
}