/**
 * Simple Facebook Like Module Styles
 * Compatible with Joomla 4 and 5
 * 
 * @package     Joomla.Module
 * @subpackage  mod_fblike
 * @author      Infyways Solutions
 * @copyright   Copyright (C) 2011-2025 Infyways Solutions. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

.mod-fblike-wrapper {
    display: inline-block;
    max-width: 100%;
    text-align: center;
}

.mod-fblike-wrapper .fb-like {
    display: inline-block;
    vertical-align: top;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .mod-fblike-wrapper .fb-like {
        max-width: 100%;
    }
}

/* Fallback styles */
.mod-fblike-fallback {
    display: none;
    padding: 10px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    text-align: center;
    color: #6c757d;
    font-size: 14px;
}

.mod-fblike-fallback p {
    margin: 0;
}

/* Loading state */
.mod-fblike-wrapper.loading {
    opacity: 0.6;
}

/* Error state */
.mod-fblike-wrapper.error .mod-fblike-fallback {
    display: block;
}

/* Accessibility improvements */
.mod-fblike-wrapper .fb-like:focus {
    outline: 2px solid #007cba;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .mod-fblike-wrapper {
        display: none;
    }
}