/* ============================================================
   Custom fixes for the static clone of thehimmaphanresort.com
   1) Font Awesome replacements for the original "Stockholm-icons"
      (those were served dynamically by the Creatium page-builder
      backend, which is not available in this static copy).
   2) Manual tab-switcher styling (see custom-fixes.js) since the
      Swiper library normally used for the tabs/gallery widgets is
      also loaded dynamically by the same unavailable backend.
   ============================================================ */

/* --- Stockholm icon replacements --------------------------------- */
/* Base look: matches the original icon's default black fill and
   inline-block sizing coming from the ".svgwrap" wrapper. */
i.stockholm-replacement-icon {
    display: inline-block;
    line-height: 1;
    color: #000;
    vertical-align: middle;
}

/* Facilities page icon size (mirrors the original ".css27 img" rules) */
.css27 i.stockholm-replacement-icon { font-size: 50px; }
@media (max-width: 991px) {
    .css27 i.stockholm-replacement-icon { font-size: 40px; }
}
@media (max-width: 767px) {
    .css27 i.stockholm-replacement-icon { font-size: 38px; }
}

/* Contact page icon size (mirrors the original ".css21 img" rules) */
.css21 i.stockholm-replacement-icon { font-size: 65px; }
@media (max-width: 991px) {
    .css21 i.stockholm-replacement-icon { font-size: 40px; }
}
@media (max-width: 767px) {
    .css21 i.stockholm-replacement-icon { font-size: 38px; }
}

/* --- Manual tab switcher (widget-tabs / cr-tabs) ------------------ */
/* By default show only the slide flagged "active"; JS toggles which
   one carries that class when a tab pagination button is clicked. */
.widget-tabs .swiper-wrapper { display: block; }
.widget-tabs .swiper-slide { display: none !important; }
.widget-tabs .swiper-slide.active { display: block !important; }

.widget-tabs [cr-slider-page] { cursor: pointer; }