/*!
*    ______ _       _   _
*    |  ____| |     | | (_)
*    | |__  | | __ _| |_ _  ___ ___  _ __
*    |  __| | |/ _` | __| |/ __/ _ \| '_ \
*    | |    | | (_| | |_| | (_| (_) | | | |
*    |_|    |_|\__,_|\__|_|\___\___/|_| |_|
*
*    Custom Icon Collection for MyTravel
*    https://www.flaticon.com
*/

@font-face {
    font-family: "MyCollection";
    src: url("/themes/mytravel/fonts/mycollection/flaticon_mycollection.eot");
    src: url("/themes/mytravel/fonts/mycollection/flaticon_mycollection.eot?#iefix") format("embedded-opentype"),
         url("/themes/mytravel/fonts/mycollection/flaticon_mycollection.woff2") format("woff2"),
         url("/themes/mytravel/fonts/mycollection/flaticon_mycollection.woff") format("woff"),
         url("/themes/mytravel/fonts/mycollection/flaticon_mycollection.ttf") format("truetype"),
         url("/themes/mytravel/fonts/mycollection/flaticon_mycollection.svg#mycollection") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "MyCollection";
        src: url("/themes/mytravel/fonts/mycollection/flaticon_mycollection.svg#mycollection") format("svg");
    }
}

/* Base styles - using 'mc-' prefix to avoid conflicts */
[class^="mc-"],
[class*=" mc-"] {
    font-style: normal;
}

[class^="mc-"]:before,
[class*=" mc-"]:before,
[class^="mc-"]:after,
[class*=" mc-"]:after {
    font-family: MyCollection;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Amenities & Technology Icons */
.mc-smart-tv:before { content: "\f101"; }
.mc-air-conditioning:before { content: "\f102"; }
.mc-cinema:before { content: "\f103"; }
.mc-wifi:before { content: "\f105"; }
.mc-fan:before { content: "\f106"; }
.mc-smart-door:before { content: "\f10b"; }

/* Cleaning & Housekeeping Icons */
.mc-house-cleaning:before { content: "\f104"; }
.mc-cleaning:before { content: "\f108"; }

/* Bathroom Icons */
.mc-bathtub:before { content: "\f107"; }
.mc-shampoo:before { content: "\f11a"; }
.mc-hairdryer:before { content: "\f11b"; }

/* Facilities Icons */
.mc-cheers:before { content: "\f109"; }
.mc-parking:before { content: "\f10a"; }
.mc-swimming-pool:before { content: "\f10c"; }
.mc-jacuzzi:before { content: "\f10d"; }
.mc-pool-table:before { content: "\f11e"; }
.mc-smoking-area:before { content: "\f11f"; }

/* Bedroom Icons */
.mc-pillow:before { content: "\f10e"; }

/* Kitchen & Appliances Icons */
.mc-coffee-machine:before { content: "\f10f"; }
.mc-toaster:before { content: "\f110"; }
.mc-grill:before { content: "\f112"; }
.mc-juicer:before { content: "\f113"; }
.mc-spatula:before { content: "\f114"; }
.mc-oven:before { content: "\f116"; }
.mc-electric-kettle:before { content: "\f11c"; }

/* Laundry Icons */
.mc-iron:before { content: "\f115"; }
.mc-drying:before { content: "\f118"; }
.mc-tumble-dry:before { content: "\f119"; }

/* Entertainment Icons */
.mc-ludo:before { content: "\f111"; }

/* Security & Services Icons */
.mc-safe-box:before { content: "\f117"; }
.mc-price-tag:before { content: "\f120"; }
.mc-shield:before { content: "\f121"; }
.mc-no-fee:before { content: "\f122"; }
.mc-book:before { content: "\f123"; }
.mc-choose:before { content: "\f124"; }

/* Customer Service Icons */
.mc-customer-service:before { content: "\f125"; }
.mc-concierge-bell:before { content: "\f126"; }
.mc-bell-boy:before { content: "\f127"; }

/* Travel & Location Icons */
.mc-destination:before { content: "\f128"; }
.mc-world:before { content: "\f129"; }
.mc-landscape:before { content: "\f12a"; }
.mc-travel-insurance:before { content: "\f12b"; }
.mc-calendar:before { content: "\f11d"; }

/* Helper classes for sizing */
.mc-sm {
    font-size: 0.875rem;
}

.mc-md {
    font-size: 1.25rem;
}

.mc-lg {
    font-size: 1.75rem;
}

.mc-xl {
    font-size: 2.5rem;
}

.mc-2x {
    font-size: 2rem;
}

.mc-3x {
    font-size: 3rem;
}

/* Icon with circular background */
.mc-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: #f8f9fa;
}

.mc-circle.mc-primary {
    background-color: #297cbb;
    color: #fff;
}

.mc-circle.mc-success {
    background-color: #28a745;
    color: #fff;
}

.mc-circle.mc-info {
    background-color: #17a2b8;
    color: #fff;
}

.mc-circle.mc-warning {
    background-color: #ffc107;
    color: #212529;
}