/* Dolu Kolama V4 approved white/translucent menu; scoped WP version. */
.dk-share-portal { position:absolute;left:var(--dkshare-x,42vw);top:var(--dkshare-y,125px);width:0;height:0;z-index:9500;pointer-events:none;visibility:hidden;transform:scale(var(--dkshare-scale,1));transform-origin:0 0; }
.dk-share-portal.dk-share-ready { visibility:visible }
.dk-share-portal .dkshare { --ink:rgba(255,255,255,.70); --line:rgba(255,255,255,.34); opacity:var(--dkshare-opacity,.75); }
.dk-share-portal .dkshare button, .dk-share-portal .dkshare a{box-sizing:border-box}
.dk-share-portal .dkshare{position:absolute;left:var(--x,45%);top:var(--y,46%);width:190px;height:186px;transform:translate(-33px,-93px);pointer-events:none;z-index:5}
.dk-share-portal .dkshare button{appearance:none;border:0;background:transparent!important;box-shadow:none!important;color:var(--ink);padding:0;margin:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto;position:absolute;display:grid;place-items:center;width:48px;height:48px;left:33px;top:93px;transform:translate(-50%,-50%);transition:opacity .24s ease,transform .36s cubic-bezier(.2,.86,.25,1),color .2s;opacity:.72}
.dk-share-portal .dkshare button svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.dk-share-portal .dkshare .main svg{width:36px;height:36px;stroke-width:1.3}
.dk-share-portal .dkshare button:is(:hover,:focus-visible){opacity:1;color:white}
.dk-share-portal .dkshare button:focus-visible{outline:1px dashed rgba(255,255,255,.65);outline-offset:2px}
.dk-share-portal .dkshare .main:hover,.dk-share-portal .dkshare .main:focus-visible{transform:translate(-50%,-50%) scale(1.14)}
.dk-share-portal .dkshare .option{visibility:hidden;opacity:0;transform:translate(-50%,-50%) scale(.2);transition:opacity .24s ease,transform .42s cubic-bezier(.21,.9,.27,1.16),visibility 0s linear .38s}
.dk-share-portal .dkshare .option.qr{--dx:83px;--dy:-53px}
.dk-share-portal .dkshare .option.copy{--dx:109px;--dy:0px}
.dk-share-portal .dkshare .option.native{--dx:83px;--dy:53px}
.dk-share-portal .dkshare.open .option{visibility:visible;opacity:.67;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1);transition-delay:0s}
.dk-share-portal .dkshare.open .option:hover,.dk-share-portal .dkshare.open .option:focus-visible{opacity:1;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.32)}
.dk-share-portal .dkshare .wires{position:absolute;left:33px;top:93px;width:1px;height:1px;pointer-events:none;overflow:visible;opacity:0;transition:opacity .3s}
.dk-share-portal .dkshare .wires path{fill:none;stroke:var(--line);stroke-width:1.1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.dk-share-portal .dkshare.open .wires{opacity:1;width:720px;height:800px;overflow:visible;}
.dk-share-portal .dkshare .option .hint{position:absolute;top:43px;left:50%;transform:translateX(-50%) translateY(-3px);white-space:nowrap;font:500 10px/1.2 system-ui,sans-serif;letter-spacing:.045em;opacity:0;color:rgba(255,255,255,.94);pointer-events:none;transition:opacity .16s,transform .16s;text-shadow:0 1px 3px #1e2429}
.dk-share-portal .dkshare .option:hover .hint,.dk-share-portal .dkshare .option:focus-visible .hint{opacity:1;transform:translateX(-50%) translateY(0)}
.dk-share-portal .dkshare .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dk-share-portal .dkshare .main{width:76px;height:76px;z-index:7}
.dk-share-portal .dkshare .main svg{width:59px;height:43px;stroke:none;fill:currentColor}
.dk-share-portal .dkshare .main-caption{position:absolute;top:60px;left:50%;transform:translateX(-50%);font:600 10px/1 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.14em;white-space:nowrap;opacity:.85;pointer-events:none}
.dk-share-portal .dkshare .wires{position:absolute;left:-147px;top:-107px;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden;transition:opacity .28s;}
.dk-share-portal .dkshare .wires path{fill:none;stroke:rgba(255,255,255,.36);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.dk-share-portal .dkshare .wires .net-wire{display:none!important}
.dk-share-portal .dkshare.networks-open .wires .net-wire{display:none!important}
.dk-share-portal .dkshare .all-networks{position:absolute;inset:0;pointer-events:none}
.dk-share-portal .dkshare:not(.networks-open) .all-networks{overflow:clip}
.dk-share-portal .dkshare .network{appearance:none;position:absolute;left:33px;top:93px;width:71px;height:72px;display:flex;align-items:center;justify-content:center;border:0!important;outline:none;box-shadow:none!important;border-radius:0!important;background:transparent!important;color:rgba(255,255,255,.72);text-decoration:none;cursor:pointer;pointer-events:none;visibility:hidden;opacity:0;transform:translate(calc(-50% + var(--dx,0px)),calc(-50% + var(--dy,0px))) scale(.2);transition:transform .36s cubic-bezier(.2,.86,.25,1.1),opacity .28s ease,visibility 0s linear .4s;color .2s;-webkit-tap-highlight-color:transparent}
.dk-share-portal .dkshare .network svg{height:27px;width:27px;flex:none;stroke-width:1.65;pointer-events:none}
.dk-share-portal .dkshare .network .node-label{position:absolute;left:50%;top:calc(50% + 23px);transform:translateX(-50%);font:500 9px/1.2 system-ui,sans-serif;white-space:nowrap;letter-spacing:.015em;opacity:.8;pointer-events:none;color:inherit}
.dk-share-portal .dkshare .network .copy-mark{position:absolute;left:50%;top:calc(50% + 11px);transform:translateX(-50%);font-size:11px;line-height:1;opacity:.72;pointer-events:none}
.dk-share-portal .dkshare.networks-open .network{pointer-events:auto;visibility:visible;opacity:.74;transform:translate(calc(-50% + var(--dx,0px)),calc(-50% + var(--dy,0px))) scale(1);transition-delay:calc(var(--order) * 13ms)}
.dk-share-portal .dkshare.networks-open .network:is(:hover,:focus-visible){opacity:1;color:rgba(255,255,255,.99);transform:translate(calc(-50% + var(--dx,0px)),calc(-50% + var(--dy,0px))) scale(1.3);z-index:9;transition-delay:0s}
.dk-share-portal .dkshare.networks-open .native{opacity:1!important}
.dk-share-portal .dkshare .network:focus-visible{outline:1px dashed rgba(255,255,255,.6);outline-offset:-5px}
.dk-share-portal .dk-share-qrpane {box-sizing:border-box;position:absolute;left:78px;top:50px;width:340px;padding:12px;background:rgba(10,12,15,.94);border:1px solid rgba(255,255,255,.24);color:#fff;box-shadow:0 5px 25px #0007;pointer-events:auto;z-index:11;font:12px/1.4 system-ui,sans-serif}
.dk-share-portal .dk-share-qrpane[hidden]{display:none!important}
.dk-share-portal .dk-share-qrgraphic{box-sizing:border-box;position:relative;background:#fff;width:100%;aspect-ratio:1;padding:8px;margin:auto}
.dk-share-portal .dk-share-qrgraphic svg{display:block;width:100%;height:100%}
.dk-share-portal .dk-share-qrlogo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:72px;padding:3px;box-sizing:border-box;background:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none}
.dk-share-portal .dk-share-qrlogo img{display:block;width:100%;height:100%;object-fit:contain}
.dk-share-portal .dk-share-qrlabel{font:10px/1.2 system-ui,sans-serif;overflow-wrap:anywhere;margin:8px 0 0;color:#fff}
.dk-share-portal .dk-share-qrclose{background:none;border:0;color:#fff;font:22px/1 system-ui,sans-serif;float:right;cursor:pointer;margin:-6px -4px 0 0;padding:2px}
.dk-share-portal .dk-share-status{position:absolute;left:-80px;top:122px;min-width:210px;max-width:290px;color:#fff;font:12px/1.35 system-ui,sans-serif;background:rgba(0,0,0,.77);padding:6px;display:none;pointer-events:none;z-index:12}
.dk-share-portal .dk-share-status:not(:empty){display:block}
@media(max-width:700px){.dk-share-portal {left:var(--dkshare-mobile-x,50vw);top:var(--dkshare-mobile-y,125px);transform:scale(var(--dkshare-mobile-scale,.85));}.dk-share-portal .dkshare .network svg{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.dk-share-portal .dkshare .option,.dk-share-portal .dkshare button,.dk-share-portal .dkshare .network,.dk-share-portal .dkshare .wires{transition:none!important}}

/* Scoped Lucide stick figure: CSS gesture reuses the established V4 networks-open state.
   The hand stops on the forehead while the 16-network menu remains expanded. */
.dk-share-portal .dkshare .option.native svg.dk-person-facepalm{width:37px;height:37px;stroke-width:1.65}
.dk-share-portal .dkshare .dk-facepalm-arm{transform-box:view-box;transform-origin:12px 10px;transform:rotate(0deg);transition:transform .21s ease-out}
.dk-share-portal .dkshare .option.native:is(:hover,:focus-visible,.dk-share-gesture) .dk-facepalm-arm{transform:rotate(-72deg);animation:dk-share-facepalm-v4 .35s ease-out both}
@keyframes dk-share-facepalm-v4{0%{transform:rotate(0deg)}55%{transform:rotate(-82deg)}76%{transform:rotate(-67deg)}100%{transform:rotate(-72deg)}}
@media(prefers-reduced-motion:reduce){.dk-share-portal .dkshare .dk-facepalm-arm{transition:none!important}.dk-share-portal .dkshare .option.native:is(:hover,:focus-visible,.dk-share-gesture) .dk-facepalm-arm{animation:none!important;transform:rotate(-72deg)}}

/* V4 approved copy button: paperclip at rest, existing copy glyph on hover / keyboard focus. */
.dk-share-portal .dkshare .option.copy svg.dk-icon-paperclip{opacity:1;transition:opacity .18s ease,transform .18s ease}
.dk-share-portal .dkshare .option.copy svg.dk-icon-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:opacity .18s ease,transform .18s ease}
.dk-share-portal .dkshare .option.copy:is(:hover,:focus-visible) svg.dk-icon-paperclip{opacity:0;transform:scale(.8)}
.dk-share-portal .dkshare .option.copy:is(:hover,:focus-visible) svg.dk-icon-copy{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(prefers-reduced-motion:reduce){.dk-share-portal .dkshare .option.copy svg.dk-icon-paperclip,.dk-share-portal .dkshare .option.copy svg.dk-icon-copy{transition:none!important}}

/* V4 scoped additions: separate glyph sizes, no rotational transforms on icons/text. */
.dk-share-portal .dkshare .main{transform:translate(-50%,-50%) scale(var(--dkshare-moto,1))}
.dk-share-portal .dkshare .main:is(:hover,:focus-visible){transform:translate(-50%,-50%) scale(var(--dkshare-moto,1)) scale(1.14)}
.dk-share-portal .dkshare.open .option{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(var(--dkshare-menu,1))}
.dk-share-portal .dkshare.open .option:is(:hover,:focus-visible){transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(var(--dkshare-menu,1)) scale(1.32)}
.dk-share-portal .dkshare.networks-open .network{transform:translate(calc(-50% + var(--dx,0px)),calc(-50% + var(--dy,0px))) scale(var(--dkshare-social,1))}
.dk-share-portal .dkshare.networks-open .network:is(:hover,:focus-visible){transform:translate(calc(-50% + var(--dx,0px)),calc(-50% + var(--dy,0px))) scale(var(--dkshare-social,1)) scale(1.3)}
/* The actual header logo uses a compact quiet white backing to retain QR readability. */
.dk-share-portal .dk-share-qrlogo{width:72px;height:54px;padding:4px;border-radius:2px}

.dk-share-portal .dk-share-qrlogo[hidden]{display:none!important}
.dk-share-portal .dk-share-qrlogo img{filter:drop-shadow(0 0 1px rgba(0,0,0,.65))}

/* V6: three independent, opt-in shadows. Defaults to 'none' (V5 appearance). */
.dk-share-portal .dkshare .main .moto-icon,
.dk-share-portal .dkshare .main .main-caption {filter:var(--dkshare-shadow-moto,none)}
.dk-share-portal .dkshare .option svg,
.dk-share-portal .dkshare .option .hint {filter:var(--dkshare-shadow-menu,none)}
.dk-share-portal .dkshare .network svg,
.dk-share-portal .dkshare .network .node-label {filter:var(--dkshare-shadow-social,none)}


/* DK_SHARE_V18_4_REAL_BOUNDS: backdrop follows the actual measured SVG, labels and stars.
   User margin sliders are applied independently by front.js in unscaled CSS px.
   All links, transformations, fonts, QR and film stacking remain unchanged. */
.dk-share-portal .dkshare .all-networks::before{
 content:'';position:absolute;pointer-events:none;
 left:var(--dkshare-measured-left,0px);
 top:var(--dkshare-measured-top,0px);
 width:var(--dkshare-measured-width,0px);
 height:var(--dkshare-measured-height,0px);
 transform:none;
 background:var(--dkshare-panel-color,#101820);
 opacity:var(--dkshare-panel-opacity,0);
 border-radius:10px;visibility:hidden;
}
.dk-share-portal .dkshare.networks-open .all-networks::before{visibility:visible}
/* Exact known film strip: 2147483000. Site header: 2147483600.
   Share remains below header/offcanvas and ABOVE the existing film, homepage only.
   Never edit the film's CSS, JS or its stacking context. */
body.page-id-52 .dk-share-portal{z-index:2147483300!important}

/* V18.4 editor-only mode consistency: force the selected CSS branch even if
   the preview iframe has a different viewport width from the public browser. */
@media (max-width:700px){
 .dk-share-portal[data-dk-preview-device="desktop"]{transform:scale(var(--dkshare-scale,1))}
 .dk-share-portal[data-dk-preview-device="desktop"] .dkshare .network svg{width:27px;height:27px}
}
.dk-share-portal[data-dk-preview-device="mobile"]{transform:scale(var(--dkshare-mobile-scale,.85))}
.dk-share-portal[data-dk-preview-device="mobile"] .dkshare .network svg{width:25px;height:25px}

/* DK_SHARE_BELOW_SITE_HEADER_20261022: scoped Gutenberg share block layer order.
   On O nas / Kontakt, the sticky header must mask the moving share portal. */
body:is(.page-id-22,.page-id-18) .dk-share-portal { z-index:8000!important; }
body:is(.page-id-22,.page-id-18) #header,
body:is(.page-id-22,.page-id-18) .ct-header { z-index:9000!important; }

/* DK 2026-10-22 — mobile closed sharing footprint only.
   Motorbike centre and visible caption centre preserved, original open states untouched. */
@media (max-width: 700px) and (hover: none) and (pointer: coarse) {
 .dk-share-portal .dkshare:not(.open):not(.networks-open) {
  width: 120px;
  overflow: clip;
  overflow-clip-margin: 6px;
 }
 .dk-share-portal .dkshare:not(.open):not(.networks-open) .main-caption { left: 95px; }
}

/* DK SHARE SINGLE-COORDINATE MOBILE CONTAINMENT 2026-10-24.
   CLOSED and OPEN share the same footprint; the motorbike and its caption share
   a center. Display geometry stays editable in the existing Gutenberg block. */
@media (max-width:700px) and (hover:none) and (pointer:coarse) {
  .dk-share-portal:not([data-dk-preview-device]) {
    transform:scale(var(--dkshare-viewport-scale,var(--dkshare-mobile-scale,.85))) !important;
  }
  .dk-share-portal .dkshare,
  .dk-share-portal .dkshare:not(.open):not(.networks-open) {
    width:76px !important;
    height:186px !important;
    overflow:visible !important;
  }
  .dk-share-portal .dkshare .main-caption,
  .dk-share-portal .dkshare:not(.open):not(.networks-open) .main-caption {
    left:33px !important;
  }
}


/* 2026-10-25: FIXED, VIEWPORT-ANCHORED SHARE ONLY ON REAL TOUCH MOBILE.
   No header/html/body overflow clipping. The editor preview and all desktop
   geometry remain under the existing rules. The original button stays fixed
   when QR / copy / networks is selected. */
@media (max-width:700px) and (hover:none) and (pointer:coarse) {
  .dk-share-portal.dk-share-ready:not([data-dk-preview-device]) {
    position:fixed !important;
  }
  .dk-share-portal:not([data-dk-preview-device]) .dkshare .all-networks {
    transform-origin:0 0;
  }
}