/* The few utility classes the 3D Mlinček and the video window use on the
   Next site (Tailwind), written out for WordPress. Scoped under .kof-bc so the
   theme and the CartFlows form below are not touched. */
#kof-bootcamp { margin: 0; padding: 0; }
.kof-bc { position: relative; overflow-x: clip; }
/* Her screens are <section id="…"> in the page, so the theme's own rules for
   ids like #nakup (padding, dark background, centred text) reached them and
   everything inside inherited it (13. 10.: "poravnave, katastrofa").
   Strong reset, with the same inherited values as on the Next page. */
#kof-bootcamp .kof-bc > section[id] {
  display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
  box-shadow: none !important;
  max-width: none !important; float: none !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; font-style: normal !important;
  letter-spacing: normal !important; word-spacing: normal !important; text-transform: none !important; text-indent: 0 !important;
  text-align: start !important; color: rgb(23, 23, 23) !important; white-space: normal !important;
  overflow-wrap: normal !important; word-break: normal !important; hyphens: manual !important;
  -webkit-font-smoothing: auto !important; text-rendering: auto !important;
  -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important;
}

.kof-bc .pointer-events-none { pointer-events: none; }
.kof-bc .fixed { position: fixed; }
.kof-bc .absolute { position: absolute; }
.kof-bc .top-0 { top: 0; }
.kof-bc .left-0 { left: 0; }
.kof-bc .z-30 { z-index: 30; }
.kof-bc .origin-top-left { transform-origin: top left; }
.kof-bc .transition-opacity { transition-property: opacity; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.2, 0, 0, 1); }
.kof-bc .ease-entrance { transition-timing-function: cubic-bezier(0.2, 0, 0, 1); }
@media (prefers-reduced-motion: reduce) { .kof-bc .motion-reduce\:transition-none { transition: none; } }
.kof-bc .opacity-0 { opacity: 0; }
.kof-bc .opacity-100 { opacity: 1; }
.kof-bc .flex { display: flex; }
.kof-bc .inline-flex { display: inline-flex; }
.kof-bc .block { display: block; }
.kof-bc .flex-col { flex-direction: column; }
.kof-bc .items-stretch { align-items: stretch; }
.kof-bc .items-center { align-items: center; }
.kof-bc .justify-center { justify-content: center; }
.kof-bc .self-end { align-self: flex-end; }
.kof-bc .text-left { text-align: left; }
.kof-bc .gap-3 { gap: 0.75rem; }

/* Video window (native <dialog>) */
.kof-bc dialog { color: #fff; }
.kof-bc .m-auto { margin: auto; }
.kof-bc .max-h-\[92dvh\] { max-height: 92dvh; }
.kof-bc .w-\[min\(92vw\,26rem\)\] { width: min(92vw, 26rem); }
.kof-bc .overflow-visible { overflow: visible; }
.kof-bc .bg-transparent { background: transparent; }
.kof-bc .p-0 { padding: 0; }
.kof-bc dialog::backdrop { background: rgb(4 6 8 / 0.85); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.kof-bc .size-11 { width: 2.75rem; height: 2.75rem; padding: 0; }
.kof-bc .size-5 { width: 1.25rem; height: 1.25rem; }
.kof-bc .rounded-full { border-radius: 9999px; }
.kof-bc .rounded-2xl { border-radius: 1rem; }
.kof-bc .border-2 { border-width: 2px; border-style: solid; }
.kof-bc .border-hero-paper-ink { border-color: #000; }
.kof-bc .bg-hero-signal { background: #f47a5f; }
.kof-bc .text-hero-paper-ink { color: #000; }
.kof-bc .bg-hero-surface { background: #000; }
.kof-bc .w-full { width: 100%; }
.kof-bc .max-h-\[80dvh\] { max-height: 80dvh; }
.kof-bc .font-mono { font-family: "Fragment Mono", ui-monospace, monospace; }
.kof-bc .text-hero-chip { font-size: 12px; }
.kof-bc .uppercase { text-transform: uppercase; }
.kof-bc .tracking-widest { letter-spacing: 0.1em; }
.kof-bc .text-hero-content-soft { color: rgb(255 255 255 / 0.72); }
.kof-bc .underline { text-decoration: underline; }
.kof-bc .underline-offset-4 { text-underline-offset: 4px; }
.kof-bc button:focus-visible { outline: 2px solid #f47a5f; outline-offset: 4px; }
.kof-bc dialog button { cursor: pointer; box-shadow: none; min-height: 0; line-height: 1; }
.kof-bc dialog video { margin: 0; }