/* The original compass marks the change from food to the pub's story. */
body .elementor .lk-compass-divider {
  position: relative;
  z-index: 4;
  height: 142px;
  padding: 0 24px;
  overflow: visible;
  background: var(--lk-paper);
}
.lk-compass-divider > .elementor-container { position: relative; }
.lk-compass-divider .elementor-widget-wrap { justify-content: center; }
body .elementor .elementor-widget.lk-mid-compass {
  width: 290px;
  max-width: 80vw;
  aspect-ratio: 1;
  padding: 25px;
  margin: 0 auto;
  border-radius: 50%;
  background: var(--lk-paper);
  box-shadow: 0 12px 0 -10px #a9862e50;
}
.lk-mid-compass::before {
  content: '';
  position: absolute;
  inset: 14px;
  border: 1px solid #a9862e30;
  border-radius: 50%;
  pointer-events: none;
}
.lk-mid-compass img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  transform-origin: 50% 50%;
}
.lk-compass-divider::before,
.lk-compass-divider::after {
  content: '';
  position: absolute;
  top: 85px;
  width: calc(50% - 200px);
  max-width: 290px;
  height: 5px;
  border-top: 1px solid #a9862e50;
  border-bottom: 1px solid #a9862e25;
  pointer-events: none;
}
.lk-compass-divider::before { right: calc(50% + 190px); }
.lk-compass-divider::after { left: calc(50% + 190px); }
.lk-story.lk-story-with-compass { padding-top: 208px; }
.lk-story-with-compass .lk-story-photo {
  position: relative;
}
.lk-story-with-compass .lk-story-photo::after {
  content: '';
  position: absolute;
  inset: 15px -15px -15px 15px;
  border: 1px solid #d9ba6840;
  pointer-events: none;
}
.lk-anchor-background { position: relative; }
.lk-anchor-background > .elementor-background-overlay { pointer-events: none; }
/* Native background controls remain authoritative; this also supports the PHP preview. */
.lk-fallback .elementor-background-overlay { position:absolute;inset:0; }
.lk-anchor-background > .elementor-container { position:relative; }
body .elementor .lk-story-with-compass .lk-eyebrow .elementor-heading-title::before,
body .elementor .lk-anchor-background .lk-eyebrow .elementor-heading-title::before {
  width: 19px;
  height: 24px;
  margin-right: 12px;
  background: var(--lk-gold);
  -webkit-mask: url('../img/anchor-mark.svg') center / contain no-repeat;
  mask: url('../img/anchor-mark.svg') center / contain no-repeat;
}
body .elementor .lk-story-with-compass .lk-eyebrow .elementor-heading-title::before { background:var(--lk-gold-light); }
.lk-cta.lk-cta-centered > .elementor-container { max-width: 860px; }
.lk-cta.lk-cta-centered > .elementor-container > .elementor-column:first-child {
  width:100%;padding:0;order:0;
}
.lk-cta.lk-cta-centered .elementor-widget { text-align:center; }
body .elementor .lk-cta-centered .elementor-widget-text-editor { margin-inline:auto; }
@media(max-width:767px) {
  body .elementor .lk-compass-divider { height:96px;padding:0 24px; }
  body .elementor .elementor-widget.lk-mid-compass { width:205px;padding:20px; }
  .lk-mid-compass::before { inset:10px; }
  .lk-compass-divider::before,.lk-compass-divider::after { top:52px;width:calc(50% - 130px); }
  .lk-compass-divider::before { right:calc(50% + 125px); }
  .lk-compass-divider::after { left:calc(50% + 125px); }
  .lk-story.lk-story-with-compass { padding-top:150px; }
  .lk-story-with-compass .lk-story-photo::after { inset:10px -8px -10px 8px; }
}
