/* 
   📸 CHIRA-IMAGE-FLAIR V3 (Obsidian Force-Render Edition)
   Targeting specific Obsidian classes to ensure override.
   Timestamp: [2026-05-22 12:25]
*/

/* 1. Target Preview Mode & Live Preview */
.chira-image-flair img,
.chira-image-flair .internal-embed img,
.chira-image-flair .image-embed img,
.markdown-rendered.chira-image-flair img {
    /* Bold Borders & Corners */
    border-radius: 15px !important;
    border: 6px solid #334155 !important;
    
    /* Strong Tactile Shadow */
    box-shadow: 12px 12px 0px rgba(51, 65, 85, 0.3) !important;
    
    /* Scattered Photo Look */
    transform: rotate(-1.5deg) !important;
    
    max-width: 85% !important;
    height: auto !important;
    display: block !important;
    margin: 40px auto !important;
    
    /* Smooth Transition */
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    
    /* Polaroid Frame Effect */
    padding: 8px !important;
    background-color: #ffffff !important;
}

/* 2. Hover Interaction */
.chira-image-flair img:hover,
.chira-image-flair .internal-embed img:hover {
    transform: rotate(0deg) scale(1.05) !important;
    box-shadow: 20px 20px 0px #0f766e !important;
    border-color: #0f766e !important;
    z-index: 100 !important;
}

/* 3. Handle the wrapper that Obsidian adds */
.chira-image-flair .internal-embed {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    display: block !important;
}