/* GM Post Reactions & Info - Frontend Styles */

/* Reset and base styles */
.gmpri-reactions-wrapper,
.gmpri-post-time,
.gmpri-share-button-wrapper,
.gmpri-post-updated-wrapper,
.gmpri-category-wrapper {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Reactions Wrapper */
.gmpri-reactions-wrapper {
    user-select: none;
}

.gmpri-reaction-item,
.gmpri-share-item,
.gmpri-bookmark-item {
    position: relative;
}

/* Click effect */
.gmpri-reaction-item:active,
.gmpri-share-item:active,
.gmpri-bookmark-item:active {
    transform: scale(0.95);
}

/* Smooth icon transitions */
.gmpri-reaction-icon {
    display: inline-flex;
}

/* Responsive Design */
@media (max-width: 768px) {
    .gmpri-reactions-wrapper {
        font-size: 95%;
    }
    
    .gmpri-post-updated-wrapper {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 8px !important;
    }
}

@media (max-width: 480px) {
    .gmpri-reactions-wrapper {
        font-size: 90%;
    }
    
    .gmpri-share-btn {
        font-size: 13px !important;
        padding: 6px 12px !important;
    }
}

/* Accessibility */
.gmpri-reaction-item:focus,
.gmpri-share-btn:focus,
.gmpri-bookmark-item:focus,
.gmpri-category-link:focus {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
    border-radius: 2px;
}

/* Disable tap highlight on mobile */
.gmpri-reaction-item,
.gmpri-share-item,
.gmpri-bookmark-item,
.gmpri-share-btn {
    -webkit-tap-highlight-color: transparent;
}

/* Print styles */
@media print {
    .gmpri-reactions-wrapper,
    .gmpri-share-button-wrapper {
        display: none !important;
    }
}

/* Better icon rendering */
.gmpri-reaction-icon svg,
.gmpri-time-icon svg,
.gmpri-category-link svg {
    vertical-align: middle;
}