/*
Theme Name:   Twentytwentyfive - Child
Template:     twentytwentyfive
Version:      1.0.0
*/

/* ===== Signage base ===== */
body.signage-body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000;
}

/* viewport is screen */
.signage-viewport {
  position: fixed;
  inset: 0;
  overflow: hidden;
  background: #000;
}

/* stage is fixed 1920x1080, scaled by transform */
.signage-stage {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1920px;
  height: 1080px;
  transform-origin: 0 0;
  background: #0b0b0b;
  color: #fff;
  box-sizing: border-box;

  /* kiosk feel */
  cursor: none !important;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* hide admin bar if ever present */
#wpadminbar { display: none !important; }

/* no outlines/focus rings */
.signage-noclick *:focus { outline: none !important; box-shadow: none !important; }

/* disable pointer interactions broadly (prevents accidental clicks) */
.signage-noclick a,
.signage-noclick button,
.signage-noclick input,
.signage-noclick textarea,
.signage-noclick select {
  pointer-events: none !important;
}

/* If you WANT clickable links later, remove pointer-events rule above. */

/* ===== Smart Slider 3: keep inside 1080p safely ===== */
.signage-stage .n2-ss-slider,
.signage-stage .n2-ss-slider-wrapper,
.signage-stage .n2-ss-slide,
.signage-stage .n2-ss-layers-container {
  max-width: 100% !important;
  max-height: 100% !important;
}

/* Improve video playback reliability */
.signage-stage video {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

/* ===== Gutenberg/GenerateBlocks typography defaults (signage-friendly) ===== */
.signage-stage h1 { font-size: 64px; line-height: 1.05; margin: 0 0 14px; }
.signage-stage h2 { font-size: 44px; line-height: 1.1; margin: 0 0 12px; }
.signage-stage p  { font-size: 30px; line-height: 1.25; margin: 0 0 10px; }
.signage-stage a  { color: inherit; text-decoration: none; }

/* ===== Fixed layout heights (pixel-perfect in 1920x1080 stage) ===== */
:root{
  --sg-pad-x: 56px;
  --sg-header-h: 140px;
  --sg-footer-h: 120px;
  --sg-gap: 16px;
}

/* Header/Body/Footer Blocks: we mark them via classes */
.signage-stage .sg-header{
  height: var(--sg-header-h);
  padding: 28px var(--sg-pad-x) 18px var(--sg-pad-x);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.signage-stage .sg-footer{
  height: var(--sg-footer-h);
  padding: 14px var(--sg-pad-x) 26px var(--sg-pad-x);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.signage-stage .sg-body{
  height: calc(1080px - var(--sg-header-h) - var(--sg-footer-h));
  padding: 0 var(--sg-pad-x);
  box-sizing: border-box;
  display: flex;
  gap: var(--sg-gap);
  align-items: stretch;
}

/* 70/30 columns */
.signage-stage .sg-left{
  flex: 0 0 calc(70% - (var(--sg-gap) / 2));
  min-width: 0;
  height: 100%;
  overflow: hidden;
}

.signage-stage .sg-right{
  flex: 0 0 calc(30% - (var(--sg-gap) / 2));
  min-width: 0;
  height: 100%;
  overflow: hidden;
}

/* Optional: right panel card */
.signage-stage .sg-card{
  height: 100%;
  padding: 18px;
  border-radius: 18px;
  box-sizing: border-box;
  background: rgba(255,255,255,0.06);
}

/* ===== Smart Slider fill container (70% left column) ===== */
.signage-stage .sg-left .n2-ss-slider,
.signage-stage .sg-left .n2-ss-slider-wrapper,
.signage-stage .sg-left .n2-ss-slider-outer,
.signage-stage .sg-left .n2-ss-slider-container {
  width: 100% !important;
  height: 100% !important;
}

.signage-stage .sg-left .n2-ss-slide-background,
.signage-stage .sg-left .n2-ss-slide-background-image,
.signage-stage .sg-left .n2-ss-slide-background-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}