/* GO TOP Sticky CTA — mobile bar + desktop pill, v3.0
   Mobile: fixed 2-button bottom bar (WhatsApp + phone).
   Desktop: floating pill "דברו איתנו" that opens a WA + phone sheet. */

.gtp-cta,
.gtp-cta *,
.gtp-cta *::before,
.gtp-cta *::after { box-sizing: border-box; }

.gtp-cta { font-family: inherit; }

/* Kill browser defaults on every clickable in the CTA (prevents red/pink taps) */
.gtp-cta a,
.gtp-cta button {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    -webkit-appearance: none;
    appearance: none;
}
.gtp-cta a:visited { color: inherit; }

/* ==================================================
   Mobile bottom bar
   ================================================== */
.gtp-cta__mbar {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 99997;
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    background: rgba(6, 15, 30, 0.95);
    border-top: 1px solid rgba(94, 234, 255, 0.16);
    padding-bottom: env(safe-area-inset-bottom, 0);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.55);
}
.gtp-cta__mbar::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 1px;
    background: linear-gradient(to right,
        transparent 0%,
        rgba(94, 234, 255, 0.35) 50%,
        transparent 100%);
    pointer-events: none;
}
.gtp-cta__mbar-divider {
    background: linear-gradient(to bottom,
        transparent 0%,
        rgba(94, 234, 255, 0.18) 50%,
        transparent 100%);
}
.gtp-cta__mbar-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 16px;
    background: transparent;
    color: #E8FBFF;
    font-size: 14.5px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1;
    cursor: pointer;
    transition: background 180ms ease, color 180ms ease;
    border: 0;
}
.gtp-cta__mbar-btn:hover,
.gtp-cta__mbar-btn:focus-visible {
    background: rgba(94, 234, 255, 0.06);
    color: #FFFFFF;
    outline: 2px solid rgba(94, 234, 255, 0.6);
    outline-offset: -2px;
}
.gtp-cta__mbar-btn:focus { outline: none; }
.gtp-cta__mbar-btn:active {
    background: rgba(94, 234, 255, 0.10);
    color: #FFFFFF;
}
.gtp-cta__mbar-btn--tel .gtp-cta__mbar-txt { color: #5EEAFF; }
.gtp-cta__mbar-btn--tel:hover .gtp-cta__mbar-txt,
.gtp-cta__mbar-btn--tel:focus-visible .gtp-cta__mbar-txt,
.gtp-cta__mbar-btn--tel:active .gtp-cta__mbar-txt { color: #A8F2FF; }
.gtp-cta__mbar-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}
.gtp-cta__mbar-txt { display: inline-block; line-height: 1; transform: translateY(-0.5px); }

/* ==================================================
   Desktop pill — hidden on mobile
   ================================================== */
.gtp-cta__pill,
.gtp-cta__sheet { display: none; }

@media (min-width: 1024px) {
    .gtp-cta__mbar  { display: none !important; }
    .gtp-cta__pill  { display: inline-flex; }
    .gtp-cta__sheet { display: block; }
}

.gtp-cta__pill {
    position: fixed;
    inset: auto 32px 32px auto;
    z-index: 99997;
    height: 46px;
    min-width: 46px;
    padding: 0 20px;
    border-radius: 999px;
    border: 1.5px solid #5EEAFF;
    background: #0A1428 !important;
    background-color: #0A1428 !important;
    color: #5EEAFF !important;
    -webkit-text-fill-color: #5EEAFF;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    font-size: 14.5px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1;
    box-shadow:
        0 0 0 4px rgba(6, 15, 30, 0.4),
        0 0 24px rgba(94, 234, 255, 0.42),
        0 12px 28px rgba(0, 0, 0, 0.55);
    transition: transform 220ms ease, background-color 220ms ease;
    animation: gtp-cta-pill-breath 3.6s ease-in-out infinite;
    will-change: box-shadow, transform;
}
.gtp-cta__pill-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}
.gtp-cta__pill-txt { display: inline-block; color: #5EEAFF; line-height: 1; transform: translateY(-0.5px); }
.gtp-cta__pill::after {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: 999px;
    border: 1.5px solid rgba(94, 234, 255, 0.7);
    opacity: 0;
    pointer-events: none;
    animation: gtp-cta-ripple 3s cubic-bezier(0.16, 1, 0.3, 1) 1.5s infinite;
}
.gtp-cta__pill-pulse {
    position: absolute;
    inset: -4px;
    border-radius: 999px;
    border: 1.5px solid rgba(94, 234, 255, 0.7);
    opacity: 0;
    pointer-events: none;
    animation: gtp-cta-ripple 3s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}
/* All interactive states — force brand colors, no browser default red/pink */
.gtp-cta__pill:hover,
.gtp-cta__pill:focus,
.gtp-cta__pill:focus-visible,
.gtp-cta__pill:active,
.gtp-cta__pill[aria-expanded="true"],
.gtp-cta.is-open .gtp-cta__pill {
    background: #0F1D3A !important;
    background-color: #0F1D3A !important;
    color: #A8F2FF !important;
    -webkit-text-fill-color: #A8F2FF;
    border-color: #5EEAFF !important;
}
.gtp-cta__pill:hover,
.gtp-cta__pill:focus-visible {
    transform: translateY(-2px);
    box-shadow:
        0 0 0 4px rgba(6, 15, 30, 0.4),
        0 0 44px rgba(94, 234, 255, 0.65),
        0 18px 36px rgba(0, 0, 0, 0.65);
    outline: 2px solid rgba(94, 234, 255, 0.6);
    outline-offset: 4px;
    animation-play-state: paused;
}
.gtp-cta__pill:focus { outline: none; }
.gtp-cta__pill:active {
    transform: translateY(0);
    box-shadow:
        0 0 0 4px rgba(6, 15, 30, 0.4),
        0 0 32px rgba(94, 234, 255, 0.55),
        0 10px 24px rgba(0, 0, 0, 0.6);
    outline: none;
}
.gtp-cta__pill[aria-expanded="true"],
.gtp-cta.is-open .gtp-cta__pill {
    animation-play-state: paused;
    box-shadow:
        0 0 0 4px rgba(6, 15, 30, 0.4),
        0 0 40px rgba(94, 234, 255, 0.62),
        0 14px 32px rgba(0, 0, 0, 0.6);
    outline: none;
}
.gtp-cta__pill:hover .gtp-cta__pill-txt,
.gtp-cta__pill:focus-visible .gtp-cta__pill-txt,
.gtp-cta__pill:active .gtp-cta__pill-txt,
.gtp-cta__pill[aria-expanded="true"] .gtp-cta__pill-txt,
.gtp-cta.is-open .gtp-cta__pill .gtp-cta__pill-txt {
    color: #A8F2FF !important;
    -webkit-text-fill-color: #A8F2FF;
}

@keyframes gtp-cta-ripple {
    0%   { transform: scale(1);    opacity: 0.85; }
    55%  { transform: scale(1.18); opacity: 0.20; }
    100% { transform: scale(1.28); opacity: 0;    }
}
@keyframes gtp-cta-pill-breath {
    0%, 100% {
        box-shadow:
            0 0 0 4px rgba(6, 15, 30, 0.4),
            0 0 24px rgba(94, 234, 255, 0.38),
            0 12px 28px rgba(0, 0, 0, 0.55);
    }
    50% {
        box-shadow:
            0 0 0 4px rgba(6, 15, 30, 0.4),
            0 0 40px rgba(94, 234, 255, 0.62),
            0 14px 32px rgba(0, 0, 0, 0.6);
    }
}

/* ==================================================
   Desktop sheet
   ================================================== */
.gtp-cta__sheet {
    position: fixed;
    bottom: 92px;
    right: 32px;
    left: auto;
    z-index: 99997;
    width: 244px;
    background: #0A1428;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(94, 234, 255, 0.28);
    border-radius: 14px;
    padding: 6px;
    box-shadow:
        0 0 0 1px rgba(94, 234, 255, 0.06),
        0 0 24px rgba(94, 234, 255, 0.10),
        0 16px 48px rgba(0, 0, 0, 0.60);
    opacity: 0;
    transform: translateY(6px);
    pointer-events: none;
    transition: opacity 220ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
.gtp-cta.is-open .gtp-cta__sheet {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
/* Sheet items — high-specificity + !important on every state so the site's
   theme link styles (purple :visited, colored :link) can never bleed in. */
.gtp-cta .gtp-cta__sheet .gtp-cta__sheet-item,
.gtp-cta .gtp-cta__sheet .gtp-cta__sheet-item:link,
.gtp-cta .gtp-cta__sheet .gtp-cta__sheet-item:visited {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF;
    background: transparent;
    text-decoration: none !important;
    border-radius: 10px;
    font-size: 14.5px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1;
    transition: background 160ms ease, color 160ms ease;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    box-shadow: none;
    text-shadow: none;
}
.gtp-cta .gtp-cta__sheet .gtp-cta__sheet-item + .gtp-cta__sheet-item { margin-top: 2px; }
.gtp-cta .gtp-cta__sheet .gtp-cta__sheet-item:hover,
.gtp-cta .gtp-cta__sheet .gtp-cta__sheet-item:focus,
.gtp-cta .gtp-cta__sheet .gtp-cta__sheet-item:focus-visible,
.gtp-cta .gtp-cta__sheet .gtp-cta__sheet-item:active {
    background: rgba(94, 234, 255, 0.10);
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF;
    text-decoration: none !important;
}
.gtp-cta .gtp-cta__sheet .gtp-cta__sheet-item:focus { outline: none; }
.gtp-cta .gtp-cta__sheet .gtp-cta__sheet-item:focus-visible {
    outline: 2px solid rgba(94, 234, 255, 0.6);
    outline-offset: -2px;
}
.gtp-cta__sheet-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}
.gtp-cta__sheet-txt {
    line-height: 1;
    transform: translateY(-0.5px);
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF;
}

/* ==================================================
   Cookie popup — mobile-only repositioning above the bar.
   Compact size, sits with 12px gap above the bar. Desktop untouched.
   ================================================== */
@media (max-width: 1023px) {
    #gtpCookiePopup {
        right: 14px !important;
        left: auto !important;
        width: auto !important;
        max-width: 320px !important;
        bottom: calc(52px + env(safe-area-inset-bottom, 0px) + 12px) !important;
        padding: 10px 12px !important;
    }
    #gtpCookiePopup .gtp-cookie-popup__text {
        font-size: 12.5px !important;
        line-height: 1.4 !important;
    }
    #gtpCookiePopup .gtp-cookie-popup__accept {
        padding: 6px 14px !important;
        font-size: 13px !important;
    }
}

/* ==================================================
   Hide states
     .gtp-cta-hide       — focus in form / drawer open / a11y overlap
   ================================================== */
body.gtp-cta-hide .gtp-cta__mbar,
body.gtp-cta-hide .gtp-cta__pill,
body.gtp-cta-hide .gtp-cta__sheet { display: none !important; }

/* ==================================================
   Print
   ================================================== */
@media print {
    .gtp-cta__mbar,
    .gtp-cta__pill,
    .gtp-cta__sheet { display: none !important; }
}

/* ==================================================
   Reduced motion
   ================================================== */
@media (prefers-reduced-motion: reduce) {
    .gtp-cta__pill,
    .gtp-cta__pill-pulse,
    .gtp-cta__pill::after { animation: none !important; }
    .gtp-cta__pill::after { display: none; }
    .gtp-cta__pill,
    .gtp-cta__mbar-btn,
    .gtp-cta__sheet { transition: none; }
}

/* ============================================================
   Mobile bar — force white text on WA button, no purple :visited bleed
   ============================================================ */
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn,
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn:link,
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn:visited,
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn:hover,
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn:focus,
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn:focus-visible,
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn:active {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF;
    text-decoration: none !important;
}
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn--wa .gtp-cta__mbar-txt,
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn--wa:hover .gtp-cta__mbar-txt,
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn--wa:focus .gtp-cta__mbar-txt,
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn--wa:visited .gtp-cta__mbar-txt {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF;
}
/* Keep the tel button text in cyan intentionally — brand accent */
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn--tel .gtp-cta__mbar-txt,
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn--tel:link .gtp-cta__mbar-txt,
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn--tel:visited .gtp-cta__mbar-txt {
    color: #5EEAFF !important;
    -webkit-text-fill-color: #5EEAFF;
}
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn--tel:hover .gtp-cta__mbar-txt,
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn--tel:focus .gtp-cta__mbar-txt,
.gtp-cta .gtp-cta__mbar .gtp-cta__mbar-btn--tel:active .gtp-cta__mbar-txt {
    color: #A8F2FF !important;
    -webkit-text-fill-color: #A8F2FF;
}