.webtom-hirfolyam {
    --wth-height:42px;
    --wth-font:15px;
    width:100%;
    margin:14px auto;
    font-family:inherit;
}

.webtom-hirfolyam * {
    box-sizing:border-box;
}

.wthf-shell {
    position:relative;
    min-height:var(--wth-height);
    height:var(--wth-height);
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 16px;
    border-radius:999px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.12);
    background:linear-gradient(180deg, rgba(80,0,18,.82), rgba(12,0,4,.94));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -18px 28px rgba(0,0,0,.45),
        0 0 28px rgba(225,0,55,.28),
        0 18px 40px rgba(0,0,0,.45);
    color:#fff;
}

.wthf-shell:before {
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 0%, rgba(255,255,255,.32), transparent 32%),
        linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
    pointer-events:none;
}

.wthf-label {
    position:relative;
    z-index:2;
    flex:0 0 auto;
    font-weight:900;
    font-size:calc(var(--wth-font) - 1px);
    letter-spacing:.02em;
    text-transform:uppercase;
    color:#fff;
    text-shadow:0 2px 8px rgba(0,0,0,.65);
    padding-right:10px;
    border-right:1px solid rgba(255,255,255,.18);
}

.wthf-viewport {
    position:relative;
    z-index:2;
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;
    height:100%;
    display:flex;
    align-items:center;
}

.wthf-track {
    display:flex;
    align-items:center;
    gap:10px;
    white-space:nowrap;
    min-width:0;
    font-size:var(--wth-font);
    font-weight:750;
    text-shadow:0 2px 7px rgba(0,0,0,.82);
}

.wthf-item {
    display:inline-flex;
    align-items:center;
}

.wthf-sep {
    opacity:.65;
    color:#ff6b8f;
}

.wthf-empty {
    opacity:.75;
}

.webtom-hirfolyam.is-single .wthf-track {
    width:100%;
}

.webtom-hirfolyam.is-single .wthf-item {
    width:100%;
    opacity:1;
}

.webtom-hirfolyam.effect-fade-up .wthf-item.is-changing {
    animation:wthfFadeUp .45s ease both;
}

.webtom-hirfolyam.effect-fade-down .wthf-item.is-changing {
    animation:wthfFadeDown .45s ease both;
}

.webtom-hirfolyam.effect-fade .wthf-item.is-changing {
    animation:wthfFade .45s ease both;
}

.webtom-hirfolyam.is-marquee .wthf-track {
    min-width:max-content;
    animation:wthfMarqueeRightToLeft var(--wth-speed, 28s) linear infinite;
}

.webtom-hirfolyam.is-marquee.direction-left-to-right .wthf-track {
    animation-name:wthfMarqueeLeftToRight;
}

@keyframes wthfFadeUp {
    from { opacity:0; transform:translateY(12px); }
    to { opacity:1; transform:translateY(0); }
}

@keyframes wthfFadeDown {
    from { opacity:0; transform:translateY(-12px); }
    to { opacity:1; transform:translateY(0); }
}

@keyframes wthfFade {
    from { opacity:0; }
    to { opacity:1; }
}

@keyframes wthfMarqueeRightToLeft {
    from { transform:translateX(100%); }
    to { transform:translateX(-100%); }
}

@keyframes wthfMarqueeLeftToRight {
    from { transform:translateX(-100%); }
    to { transform:translateX(100%); }
}

/* 10 sablon */
.webtom-hirfolyam-template-radiohy .wthf-shell {
    background:linear-gradient(180deg, rgba(105,0,25,.86), rgba(7,0,3,.96));
    border-color:rgba(255,0,65,.45);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 0 34px rgba(255,0,70,.28), 0 18px 48px rgba(0,0,0,.55);
}

.webtom-hirfolyam-template-neon-red .wthf-shell {
    background:linear-gradient(90deg, #170005, #8b001f, #170005);
    border-color:#ff174d;
}

.webtom-hirfolyam-template-gold .wthf-shell {
    background:linear-gradient(180deg, #3b2400, #130b00);
    border-color:rgba(255,190,70,.55);
    color:#ffe7a3;
}

.webtom-hirfolyam-template-blue .wthf-shell {
    background:linear-gradient(180deg, #032b58, #010814);
    border-color:rgba(0,174,255,.52);
}

.webtom-hirfolyam-template-purple .wthf-shell {
    background:linear-gradient(180deg, #351044, #09000e);
    border-color:rgba(205,77,255,.55);
}

.webtom-hirfolyam-template-green .wthf-shell {
    background:linear-gradient(180deg, #003a25, #00130c);
    border-color:rgba(0,255,150,.48);
}

.webtom-hirfolyam-template-glass .wthf-shell {
    background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.05));
    backdrop-filter:blur(10px);
    border-color:rgba(255,255,255,.28);
}

.webtom-hirfolyam-template-carbon .wthf-shell {
    background:
        linear-gradient(135deg, rgba(255,255,255,.04) 25%, transparent 25%) 0 0/10px 10px,
        linear-gradient(180deg, #151515, #020202);
    border-color:rgba(255,255,255,.14);
}

.webtom-hirfolyam-template-orange .wthf-shell {
    background:linear-gradient(180deg, #ff8b1a, #290b00);
    border-color:rgba(255,160,45,.72);
}

.webtom-hirfolyam-template-minimal .wthf-shell {
    background:rgba(5,5,8,.78);
    border-color:rgba(255,255,255,.12);
    box-shadow:none;
}

/* Admin shortcode */
.webtom-hirfolyam-admin {
    margin:16px 0;
    padding:18px;
    border-radius:22px;
    background:linear-gradient(180deg, rgba(45,0,12,.95), rgba(5,5,8,.98));
    color:#fff;
    border:1px solid rgba(255,0,55,.35);
    box-shadow:0 18px 48px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.10);
}

.wthf-admin-head {
    display:flex;
    gap:12px;
    align-items:baseline;
    margin-bottom:14px;
}

.wthf-admin-head strong {
    font-size:20px;
}

.wthf-admin-head span {
    opacity:.76;
}

.wthf-admin-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.webtom-hirfolyam-admin label {
    display:block;
    font-weight:800;
    margin:8px 0 6px;
}

.webtom-hirfolyam-admin textarea,
.webtom-hirfolyam-admin input,
.webtom-hirfolyam-admin select {
    width:100%;
    max-width:100%;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(0,0,0,.45);
    color:#fff;
    padding:9px 10px;
}

.wthf-fields {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}

.wthf-admin-list {
    margin-top:16px;
}

.wthf-admin-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px;
    margin:7px 0;
    border-radius:14px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
}

.wthf-admin-row span {
    color:#fff;
}

.wthf-admin-row .button-link-delete {
    color:#ff8099;
    font-weight:800;
}

.wthf-empty-admin {
    opacity:.75;
}

@media (max-width:782px) {
    .wthf-admin-grid,
    .wthf-fields {
        grid-template-columns:1fr;
    }

    .wthf-label {
        display:none;
    }

    .wthf-shell {
        padding:0 12px;
    }
}