/* ===== Text selector/highlighter ===== */

/* Text outline highlighter overlay */
.text-selector-overlay {
    position: absolute;
    pointer-events: none;
    border: 2px solid var(--golden-yellow);
    background: rgba(255,255,255,0.01);
    z-index: 9999;
    transition: all 0.3s ease;
    box-sizing: border-box;
    padding: 8px 16px;
    opacity: 0;
}

.text-selector-overlay.active {
    opacity: 1;
}

.text-selector-overlay.solid {
    background: rgba(243, 193, 8, 0.3); 
    border: 2px dashed #F3C108;
    z-index: 10000;
}

.cta-paragraph-arrow {
    position: absolute;
    z-index: 10000;
    background-color: var(--golden-yellow);
    width: 50px;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    cursor: pointer;
    height: 100%;
    top: 0;
    opacity: 0;
    transition: opacity 0.3s;
}

.cta-paragraph-arrow.active {
    pointer-events: auto;
    opacity: 1;
}

.cta-paragraph-arrow::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 18px solid white;
    margin-left: 5px;
}

/* Loader */
.sign-loader {
    position: absolute;
    inset: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sign-loader img {
    width: 350px;
    height: auto;
}
/* ===== Media queries ===== */

/* Please follow the mobile-first design philosophy strictly */
/* Breakpoints */
/* Extra small: none (<576px) */
/* Small: min-width: 576px; */
/* Medium: min-width: 768px; */
/* Large: min-width: 992px; */
/* Extra large: min-width: 1200px; */
/* Extra extra large: min-width: 1400px; */