@font-face {
  font-family: "OpenSans";
  font-display: swap;
  src:
    url("../fonts/OpenSans.woff2") format("woff2");
}

body {
    font-family: 'OpenSans';
}

.d3-tooltip {
    position: absolute;
    text-align: left;
    padding: 10px;
    font: 12px sans-serif;
    background: rgba(17, 24, 39, 0.9); 
    color: #fff;
    border-radius: 6px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 50;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(255,255,255,0.1);
}

/* --- Swiper Customization --- */
.swiper-pagination-bullet {
    background-color: white; 
    opacity: 0.5;
}

.swiper-pagination-bullet-active {
    background-color: darkcyan;
}

.manolates-swiper {
    width: 100%;
    height: 400px; 
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    border-radius: 0.75rem; 
}

.swiper-container-wrapper {
    position: relative;
}

.swiper-button-next,
.swiper-button-prev {
    color: black; 
    transition: all 0.3s ease;
}

.swiper-button-prev {
    left: -65px !important; 
}

.swiper-button-next {
    right: -65px !important;
}