/* ===========================================================
   LONG-RENT LOADING ANIMATION (Simple Circles)
   =========================================================== */

.longrent-loading {
    width: 140px;
    height: 140px;
    margin: 40px auto;
    position: relative;
}

/* Cerchio principale (giallo) */
.longrent-loading::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 10px solid #ffd061; /* bordo più spesso */
    border-top-color: transparent;
    border-left-color: transparent;
    animation: longrent-spin 1.2s linear infinite;
    filter: drop-shadow(0 0 6px #ffd061);
}

/* Cerchio secondario (blu scuro) */
.longrent-loading::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 6px solid #2b2970;
    border-bottom-color: transparent;
    border-right-color: transparent;
    animation: longrent-spin-reverse 1.6s linear infinite;
    opacity: 0.5;
}

@keyframes longrent-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

@keyframes longrent-spin-reverse {
    from { transform: rotate(360deg); }
    to   { transform: rotate(0deg); }
}

/* Wrapper */
.longrent-loading-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}