/*
  Theme Name: REALONAUT
  Theme URI: https://realonaut.com
  Version: 1.0.0
  Template: Divi
  Author: REALONAUT GmbH
  Author URI: https://realonaut.com
  Description: REALONAUT GmbH | Kochgasse 24, 1080 Vienna, AUSTRIA | realonaut.com | office@realonaut.com | +43 650 28 33 78 7
  Text Domain: realonaut
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/




/* Lock body scroll when open */
.rl-no-scroll {
  overflow: hidden;
  padding-right: var(--scrollbar-width);
}






:root {
  --ms-border-color:#b2b2b2;
  --ms-border-width:1px;
  --ms-body-text-color:#00100b;
  --ms-orange:#d85711;




    /* Geschwindigkeit: Je kleiner die Zahl, desto langsamer der Flow */
    --ticker-speed: 0.4; 
    --ticker-gap:1rem;
}




/* * REALONAUT KINETIC FLOW TICKER
 * -----------------------------------------------------------------------------
 * Version:   1.1
 * Engine:    SCF (Secure Custom Fields) Dynamic Integration
 * Logic:     Seamless Ping-Pong Flow with Interactive Snap-Point Synchronization
 * * DESCRIPTION:
 * A high-performance, hardware-accelerated gallery module that bridges the gap 
 * between automated ambient motion and precise user navigation. 
 * - Handles original aspect ratios via height-bound container logic.
 * - Features a real-time Dot-Matrix & Arrow navigation system.
 * - Includes a WebKit-specific kickstart for mobile Safari/Firefox reliability.
 * -----------------------------------------------------------------------------
 */

:root {
    /* Geschwindigkeit: Je kleiner die Zahl, desto langsamer der Flow */
    --ticker-speed: 0.4; 
    --ticker-gap:1rem;
}

.et_pb_code_inner:has(.rln-ticker-container),
.rln-ticker-container,
.ticker-wrapper,
.ticker-scroll-row {
    height: 100%;
}

.rln-ticker-container {
    width: 100%;
}

.ticker-wrapper {
    overflow: hidden;
    position: relative;
}

.ticker-scroll-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--ticker-gap);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    touch-action: pan-x;
    transform: translateZ(0);
    will-change: scroll-position;
}

.ticker-scroll-row::-webkit-scrollbar {
    display: none;
}

.ticker-scroll-row.snapping {
    scroll-snap-type: x mandatory;
}

.ticker-scroll-row.snapping .ticker-item {
    scroll-snap-align: center;
}

.ticker-item {
    flex: 0 0 auto;
    height: 100%;
    display: block;
    overflow: hidden;
}

.ticker-img {
    display: block;
    height: 100%;
    width: auto;
    object-fit: contain;
}

.ticker-nav-numbers,
.ticker-nav-arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    margin-top: var(--ticker-gap);
}

.nav-num, 
.nav-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: transparent;
    outline: none;
    cursor: pointer;
    padding: 0;
    width: 42px;
    height: 42px;
    transition: 0.3s;
}

.nav-num {
    opacity: 0.5;
    font-size:0px;
}

.nav-num span {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #000;
}

.nav-btn {
    opacity: 0.8;
}

.nav-btn span {
    border: solid black;
    border-width: 0 3px 3px 0;
    padding: 0.5rem;
    transition: transform 0.3s;
}

.nav-btn.prev span { transform: rotate(135deg); }
.nav-btn.next span { transform: rotate(-45deg); }

/* Hover & Active States */
.nav-num.active, 
.nav-num:hover,
.nav-btn:hover {
    opacity: 1;
}

/*  
* ---------------------------------    END    --------------------------------------------
*/