/* Organic Safelink Frontend Styles */

.osl-container {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.osl-ad-slot {
    border: 1px dashed #ccc;
    background: #f4f4f4;
    margin: 15px 0;
    overflow: hidden;
}

.osl-timer-box {
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0;
    color: #333;
}

.osl-btn {
    display: inline-block;
    padding: 12px 24px;
    background-color: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 16px;
    transition: background-color 0.3s;
    cursor: pointer;
    border: none;
}

.osl-btn:hover {
    background-color: #005177;
    color: #fff;
}

.osl-btn.osl-disabled {
    background-color: #ccc;
    pointer-events: none;
    cursor: default;
}

/* Step 2 Specifics */
.osl-step2-container {
    background: #fff;
    padding: 15px;
    border-left: 4px solid #0073aa;
    margin-bottom: 20px;
}

#osl-footer-target {
    scroll-margin-top: 100px;
}

#osl-scroll-msg {
    animation: bounce 2s infinite;
    color: #0073aa;
    font-weight: bold;
    margin-top: 10px;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-10px);}
    60% {transform: translateY(-5px);}
}