/* Mobil alt bar — yalnızca tek premium altın çizgi akar */

.mobile-action-bar .mobile-action-btn {
    position: relative;
    z-index: 0;
    isolation: isolate;
    overflow: visible;
    border: none !important;
    box-shadow: none !important;
}

/* Statik çerçeve YOK — sadece kayan çizgi */
.mobile-action-bar .mobile-action-btn::before {
    display: none !important;
    content: none !important;
}

/* İç dolgu — çizgi/border yok */
.mobile-action-bar .mobile-action-btn::after {
    content: '' !important;
    position: absolute;
    inset: 2px;
    border-radius: 12px;
    z-index: -1;
    pointer-events: none;
    border: none !important;
    box-shadow: none !important;
}

.mobile-action-bar .mobile-action-btn.call::after {
    background: linear-gradient(145deg, rgba(28, 28, 42, 0.98), rgba(15, 15, 26, 0.98));
}

.mobile-action-bar .mobile-action-btn.reserve::after {
    background: linear-gradient(135deg, #1a8f4f 0%, #22c55e 48%, #1aad52 100%);
}

.mobile-action-bar .mobile-action-orbit {
    position: absolute;
    inset: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    pointer-events: none;
    z-index: 3;
    overflow: visible;
}

.mobile-action-bar .mobile-action-orbit svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.mobile-action-bar .mobile-action-orbit .border-track {
    display: none;
}

/* Tek premium altın segment */
.mobile-action-bar .mobile-action-orbit .border-runner {
    fill: none;
    stroke: url(#maGoldStroke);
    stroke-width: 2.5;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
    stroke-dasharray: 24 432;
    stroke-dashoffset: 0;
    filter: drop-shadow(0 0 6px rgba(255, 244, 214, 0.85)) drop-shadow(0 0 14px rgba(201, 169, 110, 0.45));
    animation: maGoldFlow 2.8s linear infinite;
}

.mobile-action-bar .mobile-action-btn.reserve .border-runner {
    stroke: url(#maGoldStrokeReserve);
    filter: drop-shadow(0 0 6px rgba(255, 248, 220, 0.9)) drop-shadow(0 0 12px rgba(224, 201, 143, 0.5));
}

@keyframes maGoldFlow {
    to {
        stroke-dashoffset: -456;
    }
}

.mobile-action-bar .mobile-action-btn > svg,
.mobile-action-bar .mobile-action-btn > span:not(.mobile-action-orbit) {
    position: relative;
    z-index: 1;
}

.mobile-action-bar .mobile-action-btn.reserve {
    color: #ffffff !important;
    background: transparent !important;
}

.mobile-action-bar .mobile-action-btn.call {
    color: #ffffff !important;
    background: transparent !important;
}

@media (prefers-reduced-motion: reduce) {
    .mobile-action-bar .mobile-action-orbit .border-runner {
        animation: none;
        stroke-dashoffset: -120;
    }
}