/* ===========================================
   DIAMOND RANK FRAME - Blue Metallic Style
   Card design for 20-29 likes
   =========================================== */

/* Enable overflow for diamond visibility */
.post.card[data-likes="20"],
.post.card[data-likes="21"],
.post.card[data-likes="22"],
.post.card[data-likes="23"],
.post.card[data-likes="24"],
.post.card[data-likes="25"],
.post.card[data-likes="26"],
.post.card[data-likes="27"],
.post.card[data-likes="28"],
.post.card[data-likes="29"] {
    overflow: visible !important;
    position: relative;
    /* Darker blue metallic gradient */
    background: linear-gradient(145deg,
            #2a5a82 0%,
            #3d7db0 10%,
            #1e4a70 25%,
            #2a6090 40%,
            #234d70 55%,
            #3a6a98 70%,
            #1a4060 85%,
            #2a5580 100%) !important;
    border: 2px solid #0d2840 !important;
    border-radius: 8px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 -1px 0 rgba(0, 0, 0, 0.2),
        0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

/* Metallic sheen overlay */
.post.card[data-likes="20"]::before,
.post.card[data-likes="21"]::before,
.post.card[data-likes="22"]::before,
.post.card[data-likes="23"]::before,
.post.card[data-likes="24"]::before,
.post.card[data-likes="25"]::before,
.post.card[data-likes="26"]::before,
.post.card[data-likes="27"]::before,
.post.card[data-likes="28"]::before,
.post.card[data-likes="29"]::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(120deg,
            transparent 0%,
            rgba(255, 255, 255, 0.15) 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.08) 75%,
            transparent 100%);
    pointer-events: none;
    z-index: 1;
}

/* Remove after pseudo-element */
.post.card[data-likes="20"]::after,
.post.card[data-likes="21"]::after,
.post.card[data-likes="22"]::after,
.post.card[data-likes="23"]::after,
.post.card[data-likes="24"]::after,
.post.card[data-likes="25"]::after,
.post.card[data-likes="26"]::after,
.post.card[data-likes="27"]::after,
.post.card[data-likes="28"]::after,
.post.card[data-likes="29"]::after {
    content: none;
}

/* Text colors for blue metallic background */
.post.card[data-likes="20"] .post-header h3 a,
.post.card[data-likes="21"] .post-header h3 a,
.post.card[data-likes="22"] .post-header h3 a,
.post.card[data-likes="23"] .post-header h3 a,
.post.card[data-likes="24"] .post-header h3 a,
.post.card[data-likes="25"] .post-header h3 a,
.post.card[data-likes="26"] .post-header h3 a,
.post.card[data-likes="27"] .post-header h3 a,
.post.card[data-likes="28"] .post-header h3 a,
.post.card[data-likes="29"] .post-header h3 a {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.post.card[data-likes="20"] .post-header h3 a:hover,
.post.card[data-likes="21"] .post-header h3 a:hover,
.post.card[data-likes="22"] .post-header h3 a:hover,
.post.card[data-likes="23"] .post-header h3 a:hover,
.post.card[data-likes="24"] .post-header h3 a:hover,
.post.card[data-likes="25"] .post-header h3 a:hover,
.post.card[data-likes="26"] .post-header h3 a:hover,
.post.card[data-likes="27"] .post-header h3 a:hover,
.post.card[data-likes="28"] .post-header h3 a:hover,
.post.card[data-likes="29"] .post-header h3 a:hover {
    color: #e0f0ff !important;
}

/* Excerpt text */
.post.card[data-likes="20"] .post-excerpt,
.post.card[data-likes="21"] .post-excerpt,
.post.card[data-likes="22"] .post-excerpt,
.post.card[data-likes="23"] .post-excerpt,
.post.card[data-likes="24"] .post-excerpt,
.post.card[data-likes="25"] .post-excerpt,
.post.card[data-likes="26"] .post-excerpt,
.post.card[data-likes="27"] .post-excerpt,
.post.card[data-likes="28"] .post-excerpt,
.post.card[data-likes="29"] .post-excerpt {
    color: #f0f8ff !important;
}

/* Author & meta */
.post.card[data-likes="20"] .post-meta .author,
.post.card[data-likes="21"] .post-meta .author,
.post.card[data-likes="22"] .post-meta .author,
.post.card[data-likes="23"] .post-meta .author,
.post.card[data-likes="24"] .post-meta .author,
.post.card[data-likes="25"] .post-meta .author,
.post.card[data-likes="26"] .post-meta .author,
.post.card[data-likes="27"] .post-meta .author,
.post.card[data-likes="28"] .post-meta .author,
.post.card[data-likes="29"] .post-meta .author {
    color: #ffffff !important;
    font-weight: 600;
}

.post.card[data-likes="20"] .post-meta,
.post.card[data-likes="21"] .post-meta,
.post.card[data-likes="22"] .post-meta,
.post.card[data-likes="23"] .post-meta,
.post.card[data-likes="24"] .post-meta,
.post.card[data-likes="25"] .post-meta,
.post.card[data-likes="26"] .post-meta,
.post.card[data-likes="27"] .post-meta,
.post.card[data-likes="28"] .post-meta,
.post.card[data-likes="29"] .post-meta {
    color: #e0f0ff !important;
}

.post.card[data-likes="20"] .post-meta .date,
.post.card[data-likes="21"] .post-meta .date,
.post.card[data-likes="22"] .post-meta .date,
.post.card[data-likes="23"] .post-meta .date,
.post.card[data-likes="24"] .post-meta .date,
.post.card[data-likes="25"] .post-meta .date,
.post.card[data-likes="26"] .post-meta .date,
.post.card[data-likes="27"] .post-meta .date,
.post.card[data-likes="28"] .post-meta .date,
.post.card[data-likes="29"] .post-meta .date {
    color: #cce5ff !important;
}

/* Author section border */
.post.card[data-likes="20"] .post-author-section,
.post.card[data-likes="21"] .post-author-section,
.post.card[data-likes="22"] .post-author-section,
.post.card[data-likes="23"] .post-author-section,
.post.card[data-likes="24"] .post-author-section,
.post.card[data-likes="25"] .post-author-section,
.post.card[data-likes="26"] .post-author-section,
.post.card[data-likes="27"] .post-author-section,
.post.card[data-likes="28"] .post-author-section,
.post.card[data-likes="29"] .post-author-section {
    border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}

/* Like count */
.post.card[data-likes="20"] .like-count,
.post.card[data-likes="21"] .like-count,
.post.card[data-likes="22"] .like-count,
.post.card[data-likes="23"] .like-count,
.post.card[data-likes="24"] .like-count,
.post.card[data-likes="25"] .like-count,
.post.card[data-likes="26"] .like-count,
.post.card[data-likes="27"] .like-count,
.post.card[data-likes="28"] .like-count,
.post.card[data-likes="29"] .like-count {
    color: #ffffff !important;
    font-weight: 700;
}

/* Rank badge - blue metallic style */
.post.card[data-likes="20"] .rank-badge,
.post.card[data-likes="21"] .rank-badge,
.post.card[data-likes="22"] .rank-badge,
.post.card[data-likes="23"] .rank-badge,
.post.card[data-likes="24"] .rank-badge,
.post.card[data-likes="25"] .rank-badge,
.post.card[data-likes="26"] .rank-badge,
.post.card[data-likes="27"] .rank-badge,
.post.card[data-likes="28"] .rank-badge,
.post.card[data-likes="29"] .rank-badge {
    background: linear-gradient(135deg, #1e4a6e 0%, #2d6a9f 30%, #4a90c2 50%, #2d6a9f 70%, #1e4a6e 100%) !important;
    color: #ffffff !important;
    font-weight: 700;
    border: 1px solid #0f3a5a;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* SVG icons */
.post.card[data-likes="20"] svg,
.post.card[data-likes="21"] svg,
.post.card[data-likes="22"] svg,
.post.card[data-likes="23"] svg,
.post.card[data-likes="24"] svg,
.post.card[data-likes="25"] svg,
.post.card[data-likes="26"] svg,
.post.card[data-likes="27"] svg,
.post.card[data-likes="28"] svg,
.post.card[data-likes="29"] svg {
    color: #ffffff !important;
}

/* Hover - blue metallic lift */
.post.card[data-likes="20"]:hover,
.post.card[data-likes="21"]:hover,
.post.card[data-likes="22"]:hover,
.post.card[data-likes="23"]:hover,
.post.card[data-likes="24"]:hover,
.post.card[data-likes="25"]:hover,
.post.card[data-likes="26"]:hover,
.post.card[data-likes="27"]:hover,
.post.card[data-likes="28"]:hover,
.post.card[data-likes="29"]:hover {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        inset 0 -1px 0 rgba(0, 0, 0, 0.2),
        0 8px 20px rgba(0, 50, 100, 0.4) !important;
    transform: translateY(-4px) !important;
}

/* Canvas - no effects */
.diamond-frame-canvas {
    /* Clean, no filters */
}