/* Font Awesome Essential Icons for Douanes Website */

@font-face {
    font-family: 'FontAwesome';
    src: url('data:application/font-woff2;charset=utf-8;base64,') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* WhatsApp Icon */
.fa-whatsapp:before {
    content: "📱";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Android Emoji", sans-serif;
    font-size: 1.2em;
}

/* Alternative WhatsApp using Unicode */
.fa-whatsapp {
    position: relative;
}

.fa-whatsapp:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.893 3.386"/></svg>') center/contain no-repeat;
}

/* Search Icon */
.fa-search:before {
    content: "🔍";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Android Emoji", sans-serif;
}

/* Home Icon */
.fa-home:before {
    content: "🏠";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Android Emoji", sans-serif;
}

/* Phone Icon */
.fa-phone:before {
    content: "📞";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Android Emoji", sans-serif;
}

/* Email Icon */
.fa-envelope:before {
    content: "✉️";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Android Emoji", sans-serif;
}

/* Download Icon */
.fa-download:before {
    content: "⬇️";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Android Emoji", sans-serif;
}

/* PDF Icon */
.fa-file-pdf:before {
    content: "📄";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Android Emoji", sans-serif;
}

/* Info Icon */
.fa-info-circle:before {
    content: "ℹ️";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Android Emoji", sans-serif;
}

/* Clock Icon */
.fa-clock:before {
    content: "🕐";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Android Emoji", sans-serif;
}

/* Map Marker Icon */
.fa-map-marker:before {
    content: "📍";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Android Emoji", sans-serif;
}

/* Money Icon */
.fa-money:before {
    content: "💰";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Android Emoji", sans-serif;
}

/* User Icon */
.fa-user:before {
    content: "👤";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Android Emoji", sans-serif;
}

/* External Link Icon */
.fa-external-link:before {
    content: "🔗";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Android Emoji", sans-serif;
}

/* Fallback for browsers that don't support color emojis */
@supports not (font-family: "Apple Color Emoji") {
    .fa-whatsapp:before {
        content: "W";
        background: #25d366;
        color: white;
        border-radius: 50%;
        padding: 2px;
        font-weight: bold;
    }
    
    .fa-search:before { content: "S"; }
    .fa-home:before { content: "H"; }
    .fa-phone:before { content: "P"; }
    .fa-envelope:before { content: "@"; }
    .fa-download:before { content: "↓"; }
    .fa-file-pdf:before { content: "PDF"; }
    .fa-info-circle:before { content: "i"; }
    .fa-clock:before { content: "⏰"; }
    .fa-map-marker:before { content: "📍"; }
    .fa-money:before { content: "$"; }
    .fa-user:before { content: "👤"; }
    .fa-external-link:before { content: "→"; }
}

/* Size variants */
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }

/* Fixed width for alignment */
.fa-fw { width: 1.28571em; text-align: center; }

/* Rotation */
.fa-rotate-90 { transform: rotate(90deg); }
.fa-rotate-180 { transform: rotate(180deg); }
.fa-rotate-270 { transform: rotate(270deg); }

/* Spin animation */
.fa-spin {
    animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(359deg); }
}