/**
 * Theme Name: Fimbel
 * Theme URI: https://fimbel.com
 * Description: Professional theme for Fimbel Garage Doors
 * Version: 1.0.0
 * Author: Atlas and Arrow, LLC
 * Author URI: https://atlasandarrow.co
 */

.compass-container {
    background: #000E26;
}

.compass-icon {
    border: 3px solid #DB2A27;
    box-shadow: 0 4px 20px rgba(219, 42, 39, 0.25);
}

.compass-name {
    color: #ffffff;
    font-size: 32px;
    font-weight: 700;
}

.compass-description {
    color: #c0c8d4;
    font-size: 16px;
}

.compass-link-button {
    background: #DB2A27;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

@media (hover: hover) {
    .compass-link-wrapper:hover .compass-link-button,
    .compass-link-button:hover {
        background: #b82220;
        transform: scale(1.02);
        box-shadow: 0 4px 16px rgba(219, 42, 39, 0.4);
    }
}

.compass-link-wrapper:active .compass-link-button,
.compass-link-button:active {
    background: #a01e1c;
    transform: scale(0.98);
}

.compass-link-image {
    border-radius: 6px;
}

.compass-share-btn {
    color: #ffffff;
}

.compass-social-icon {
    color: #ffffff;
    opacity: 0.8;
}

@media (hover: hover) {
    .compass-social-icon:hover {
        opacity: 1;
        color: #DB2A27;
    }
}

.compass-social-text-link {
    color: #ffffff;
}

@media (hover: hover) {
    .compass-social-text-link:hover {
        background: rgba(255, 255, 255, 0.1);
    }
}

.compass-header-icon {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
}

@media (hover: hover) {
    .compass-header-icon:hover {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
}

.compass-footer-link {
    color: rgba(255, 255, 255, 0.4);
}

@media (hover: hover) {
    .compass-footer-link:hover {
        color: rgba(255, 255, 255, 0.7);
    }
}

.compass-footer-separator {
    color: rgba(255, 255, 255, 0.2);
}