.opphisse-wact.design-glass .opphisse-wact-bubble {
    background: rgba(255, 255, 255, 0.84) !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(14px);
}

.opphisse-wact.design-glass .opphisse-wact-bubble::after {
    background: rgba(255, 255, 255, 0.84);
}

.opphisse-wact.design-glass .opphisse-wact-button {
    background: linear-gradient(145deg, #22c55e, #0ea5e9) !important;
    box-shadow: 0 16px 34px rgba(14, 165, 233, 0.30);
}

.opphisse-wact.design-neon .opphisse-wact-bubble {
    color: #ecfeff !important;
    background: #07111f !important;
    border: 1px solid rgba(45, 212, 191, 0.45) !important;
    box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.20), 0 18px 46px rgba(8, 47, 73, 0.42);
}

.opphisse-wact.design-neon .opphisse-wact-bubble::after {
    background: #07111f;
}

.opphisse-wact.design-neon .opphisse-wact-title {
    color: #67e8f9 !important;
}

.opphisse-wact.design-neon .opphisse-wact-text {
    color: #d1fae5 !important;
}

.opphisse-wact.design-neon .opphisse-wact-button {
    background: linear-gradient(145deg, #06b6d4, #22c55e) !important;
    box-shadow: 0 0 0 7px rgba(34, 211, 238, 0.12), 0 0 28px rgba(34, 211, 238, 0.48);
}

.opphisse-wact.design-concierge .opphisse-wact-bubble {
    width: 300px !important;
    color: #172033 !important;
    background: #ffffff !important;
    border: 1px solid #dbe5ef !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16);
}

.opphisse-wact.design-concierge .opphisse-wact-bubble::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    border-radius: 16px 0 0 16px;
    background: var(--opphisse-wact-accent);
}

.opphisse-wact.design-concierge .opphisse-wact-button {
    border-radius: 18px !important;
    background: #172033 !important;
    box-shadow: 0 16px 30px rgba(23, 32, 51, 0.26);
}

.opphisse-wact.design-storefront .opphisse-wact-bubble {
    color: #16311f !important;
    background: #f4fff8 !important;
    border: 1px solid #b9f1c9 !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 30px rgba(22, 49, 31, 0.16);
}

.opphisse-wact.design-storefront .opphisse-wact-bubble::after {
    background: #f4fff8;
    border-color: #b9f1c9;
}

.opphisse-wact.design-storefront .opphisse-wact-button {
    border-radius: 14px !important;
    background: linear-gradient(145deg, #16a34a, #84cc16) !important;
    box-shadow: 0 14px 26px rgba(22, 163, 74, 0.30);
}

.opphisse-wact.design-executive .opphisse-wact-bubble {
    color: #f8fafc !important;
    background: #111827 !important;
    border: 1px solid #334155 !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 44px rgba(2, 6, 23, 0.42);
}

.opphisse-wact.design-executive .opphisse-wact-bubble::after {
    background: #111827;
}

.opphisse-wact.design-executive .opphisse-wact-title,
.opphisse-wact.design-executive .opphisse-wact-text {
    color: #f8fafc !important;
}

.opphisse-wact.design-executive .opphisse-wact-button {
    border-radius: 8px !important;
    background: linear-gradient(145deg, #1f2937, #030712) !important;
    box-shadow: 0 16px 30px rgba(2, 6, 23, 0.38);
}

.opphisse-wact.design-outline .opphisse-wact-bubble {
    background: #ffffff !important;
    border: 2px solid var(--opphisse-wact-accent) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.10);
}

.opphisse-wact.design-outline .opphisse-wact-bubble::after {
    background: #ffffff;
    border-right: 2px solid var(--opphisse-wact-accent);
    border-bottom: 2px solid var(--opphisse-wact-accent);
}

.opphisse-wact.design-outline .opphisse-wact-button {
    color: var(--opphisse-wact-accent) !important;
    background: #ffffff !important;
    border: 2px solid currentColor !important;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.14);
}

.opphisse-wact.design-outline .opphisse-wact-icon svg {
    fill: currentColor;
}

.opphisse-wact.design-luxe .opphisse-wact-bubble {
    color: #2a1d05 !important;
    background: linear-gradient(180deg, #fff8e1, #ffffff) !important;
    border: 1px solid #e4bf64 !important;
    border-radius: 18px !important;
    box-shadow: 0 20px 42px rgba(120, 77, 9, 0.22);
}

.opphisse-wact.design-luxe .opphisse-wact-bubble::after {
    background: #ffffff;
    border-color: #e4bf64;
}

.opphisse-wact.design-luxe .opphisse-wact-title {
    color: #7c4a03 !important;
}

.opphisse-wact.design-luxe .opphisse-wact-button {
    background: linear-gradient(145deg, #b7791f, #f6d365) !important;
    box-shadow: 0 16px 32px rgba(183, 121, 31, 0.30);
}

.opphisse-wact-premium-hours {
    display: inline-flex !important;
    align-items: center !important;
    align-self: flex-start;
    min-height: 22px;
    margin: 10px 0 0 !important;
    padding: 3px 9px !important;
    color: #166534;
    font-family: var(--opphisse-wact-font-family) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    background: #dcfce7;
    border: 1px solid #86efac;
    border-radius: 999px;
}

.opphisse-wact-premium-hours.is-closed {
    color: #991b1b;
    background: #fee2e2;
    border-color: #fecaca;
}

.opphisse-wact-departments {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
}

.opphisse-wact-department {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    color: #334155 !important;
    font-family: var(--opphisse-wact-font-family) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;
    background: #f8fafc !important;
    background-image: none !important;
    border: 1px solid #dbe5ef !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    cursor: pointer;
}

.opphisse-wact-department:hover,
.opphisse-wact-department:focus,
.opphisse-wact-department.is-active {
    color: #ffffff !important;
    background: var(--opphisse-wact-accent) !important;
    border-color: var(--opphisse-wact-accent) !important;
}

.opphisse-wact.design-neon .opphisse-wact-department {
    color: #cffafe !important;
    background: rgba(8, 47, 73, 0.82) !important;
    border-color: rgba(103, 232, 249, 0.35) !important;
}

.opphisse-wact.design-neon .opphisse-wact-department.is-active,
.opphisse-wact.design-neon .opphisse-wact-department:hover,
.opphisse-wact.design-neon .opphisse-wact-department:focus {
    color: #062a30 !important;
    background: #67e8f9 !important;
}

.opphisse-wact.design-executive .opphisse-wact-department {
    color: #f8fafc !important;
    background: #1f2937 !important;
    border-color: #475569 !important;
}

.opphisse-wact.design-executive .opphisse-wact-department.is-active,
.opphisse-wact.design-executive .opphisse-wact-department:hover,
.opphisse-wact.design-executive .opphisse-wact-department:focus {
    color: #111827 !important;
    background: #f8fafc !important;
}
