/* Anendyk Seaways กค Live from the Deck
   Position inside the hero can be tuned from Elementor custom CSS, e.g.
   .adk-hero{ --adk-lc-left: 56px; --adk-lc-bottom: 90px; } */

.adk-lc-trigger[hidden]{display:none!important}

.adk-lc-trigger{
  z-index:20;display:flex;align-items:center;gap:11px;
  padding:5px 18px 5px 5px;border-radius:999px;
  background:rgba(15,28,55,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 8px 22px rgba(5,14,35,.35);
  color:#fff!important;text-decoration:none!important;font-family:inherit;line-height:1.2;
  transition:transform .3s ease,background .3s ease,opacity .35s ease,visibility 0s linear 0s;
}
/* Default: floats on the screen, just above the booking bar (raise/lower with --adk-lc-fixed-bottom) */
.adk-lc-trigger.is-fixed{position:fixed;left:var(--adk-lc-left,32px);bottom:var(--adk-lc-fixed-bottom,215px)}
/* Optional: inside an Elementor container with the class "adk-hero" */
.adk-lc-trigger.is-in-hero{position:absolute;left:var(--adk-lc-left,32px);bottom:var(--adk-lc-bottom,110px)}
/* Hidden after the visitor scrolls */
.adk-lc-trigger.is-scrolled{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:transform .3s ease,background .3s ease,opacity .35s ease,visibility 0s linear .35s}
.adk-lc-trigger:hover,.adk-lc-trigger:focus-visible{transform:translateY(-3px);background:rgba(15,28,55,.75);color:#fff!important}
.adk-lc-trigger:focus{outline:none}
.adk-lc-trigger:focus-visible{outline:3px solid #e4561c;outline-offset:3px}

.adk-lc-disc{width:54px;height:54px;flex-shrink:0;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
.adk-lc-trigger .adk-lc-ring{width:46px;height:46px}
.adk-lc-ring{display:block;transition:transform .6s ease}
.adk-lc-trigger:hover .adk-lc-ring{transform:rotate(22.5deg)}
.adk-lc-text{display:flex;flex-direction:column;gap:2px;color:#fff}
.adk-lc-live{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:600;letter-spacing:.14em}
.adk-lc-title{font-size:14px;font-weight:600;letter-spacing:-.01em}
.adk-lc-sub{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;opacity:.85}
.adk-lc-dialog .adk-lc-title{font-size:17px}
.adk-lc-dialog .adk-lc-live{font-size:10px}
.adk-lc-dot{display:block;width:7px;height:7px;border-radius:50%;background:#e5322d;animation:adk-lc-pulse 1.6s ease-out infinite}
@keyframes adk-lc-pulse{0%{box-shadow:0 0 0 0 rgba(229,50,45,.75)}70%{box-shadow:0 0 0 7px rgba(229,50,45,0)}100%{box-shadow:0 0 0 0 rgba(229,50,45,0)}}

/* Lightbox */
.adk-lc-dialog{width:min(840px,94vw);max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:16px;background:#1f3456;color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.5);font-family:inherit;overflow:hidden}
.adk-lc-dialog[open]{animation:adk-lc-in .28s ease-out}
@keyframes adk-lc-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.adk-lc-dialog::backdrop{background:rgba(8,16,34,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.adk-lc-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px 14px 20px}
.adk-lc-head-l{display:flex;align-items:center;gap:12px}
.adk-lc-head .adk-lc-disc{width:40px;height:40px}

/* Reset Astra / Elementor button styles */
.adk-lc-dialog .adk-lc-close,
.adk-lc-dialog .adk-lc-close:hover,
.adk-lc-dialog .adk-lc-close:focus{
  width:44px;height:44px;min-width:0;padding:0;margin:0;border:0;border-radius:50%;
  background:rgba(255,255,255,.1);box-shadow:none;color:#fff;line-height:0;
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;
}
.adk-lc-dialog .adk-lc-close:hover{background:rgba(255,255,255,.2)}
.adk-lc-dialog .adk-lc-close:focus-visible{outline:3px solid #e4561c;outline-offset:2px}

.adk-lc-frame{position:relative;margin:0 20px;aspect-ratio:8/5;border-radius:10px;overflow:hidden;background:#0d1830}
.adk-lc-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.adk-lc-foot{padding:12px 20px 16px;font-size:12px;opacity:.65}
.adk-lc-foot a,.adk-lc-foot a:hover{color:#fff}
html.adk-lc-lock{overflow:hidden}

@media (max-width:767px){
  /* Phones: round porthole only, with a pulsing live dot */
  .adk-lc-trigger.is-in-hero,.adk-lc-trigger.is-fixed{left:16px;bottom:var(--adk-lc-mobile-bottom,16px)}
  .adk-lc-trigger{padding:3px;gap:0;background:rgba(15,28,55,.45);box-shadow:0 6px 18px rgba(5,14,35,.4)}
  .adk-lc-trigger .adk-lc-disc{position:relative;width:52px;height:52px}
  .adk-lc-trigger .adk-lc-ring{width:44px;height:44px}
  .adk-lc-trigger .adk-lc-disc::after{content:"";position:absolute;top:1px;right:1px;width:12px;height:12px;border-radius:50%;background:#e5322d;border:2px solid #fff;box-sizing:border-box;animation:adk-lc-pulse 1.6s ease-out infinite}
  /* text stays readable for screen readers, hidden visually */
  .adk-lc-trigger .adk-lc-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .adk-lc-frame{margin:0 10px}
  .adk-lc-head{padding:10px 10px 10px 14px}
}
@media (prefers-reduced-motion:reduce){
  .adk-lc-dot,.adk-lc-dialog[open],.adk-lc-trigger .adk-lc-disc::after{animation:none}
  .adk-lc-trigger,.adk-lc-ring{transition:none}
}