/* ==========================================================================
   IQ2 Core Plugin — Frontend styles
   ========================================================================== */

/* ----- SVG du bâtiment : interactivité des étages ----- */
.iq2-building-3d-wrap svg {
    width: 100%;
    height: 100%;
    max-height: 480px;
    filter: drop-shadow(0 25px 50px rgba(14, 19, 32, 0.2));
}

.iq2-building-floor {
    cursor: pointer;
    transition: all 0.25s ease;
    stroke: var(--iq2-navy);
    stroke-width: 0.5;
    fill: rgba(255, 255, 255, 0.001); /* transparent mais cliquable */
}

.iq2-building-floor.hover {
    fill: rgba(201, 169, 97, 0.35);
    stroke: var(--iq2-gold);
    stroke-width: 1.2;
}

.iq2-building-floor.active {
    fill: rgba(201, 169, 97, 0.55);
    stroke: var(--iq2-gold);
    stroke-width: 1.5;
}

/* ----- Prix sur demande (drawer + cards) ----- */
.iq2-unit-price-on-request {
    font-family: var(--iq2-font-serif);
    font-size: 18px;
    color: var(--iq2-gold);
    font-style: italic;
    font-weight: 500;
}

.iq2-drawer-price-on-request {
    font-family: var(--iq2-font-serif);
    font-size: 22px;
    color: var(--iq2-gold);
    font-style: italic;
    font-weight: 500;
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--iq2-border-soft);
}
.iq2-drawer-price-on-request i {
    margin-right: 8px;
    font-style: normal;
}

/* ----- Loading spinner ----- */
@keyframes iq2-spin {
    to { transform: rotate(360deg); }
}
.iq2-spin {
    animation: iq2-spin 1s linear infinite;
}