/**
 * SenangWebs Deck - Main CSS Entry Point
 */

/* Base Styles */
@import './base/reset.css';
@import './base/variables.css';
@import './base/typography.css';

/* Layout Styles */
@import './layouts/default.css';
@import './layouts/cover.css';
@import './layouts/center.css';
@import './layouts/two-cols.css';
@import './layouts/three-cols.css';
@import './layouts/quote.css';
@import './layouts/section.css';
@import './layouts/image-layouts.css';

/* Theme Styles */
@import './themes/light.css';
@import './themes/dark.css';
@import './themes/gradient.css';
@import './themes/minimal.css';
@import './themes/corporate.css';
@import './themes/creative.css';
@import './themes/academic.css';
@import './themes/ocean.css';
@import './themes/forest.css';
@import './themes/mono.css';

/* Component Styles */
@import './components/controls.css';
@import './components/progress.css';
@import './components/transitions.css';
@import './components/print.css';
@import './components/overview.css';
@import './components/fragments.css';

/* Core Presentation Styles */
.swd-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--swd-primary-bg);
}

.swd-slides {
  position: relative;
  width: 100%;
  height: 100%;
}

.swd-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Slide visibility states */
.swd-slide-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.swd-slide-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 2;
}

.swd-slide.active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

.swd-slide.past {
  transform: translateZ(0);
}

.swd-slide.future {
  transform: translateZ(0);
}

/* Only translate past/future slides for slide transition */
.swd-wrapper[data-transition="slide"] .swd-slide.past {
  transform: translateX(-100%);
}

.swd-wrapper[data-transition="slide"] .swd-slide.future {
  transform: translateX(100%);
}

/* RTL translations: past is translate right, future is translate left */
.swd-rtl.swd-wrapper[data-transition="slide"] .swd-slide.past {
  transform: translateX(100%);
}

.swd-rtl.swd-wrapper[data-transition="slide"] .swd-slide.future {
  transform: translateX(-100%);
}

/* Keyboard visible focus state for a11y */
.swd-wrapper :focus-visible {
  outline: 3px solid var(--swd-accent-color, #007acc) !important;
  outline-offset: 2px !important;
}

.swd-slide-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}

.swd-slide-content {
  position: relative;
  z-index: 1;
  max-width: 90%;
  max-height: 90%;
  padding: 2rem;
}