/*
 * Styl objednávky. Tokeny jsou nascopované na .wedos-order-app, aby plugin
 * neovlivnil zbytek šablony. Layout komponent je inline v app.js.
 */

.wedos-order-app {
  --wedos: #005DAB;
  --wedos-600: #004C8C;
  --wedos-700: #003B6E;
  --wedos-50: #EAF2FB;
  --wedos-100: #D6E5F5;
  --accent: #FF7A00;
  --ink: #0B1B2B;
  --ink-2: #1F2D3D;
  --muted: #5B6B7C;
  --muted-2: #8898A8;
  --line: #E3E8EE;
  --line-2: #EEF1F5;
  --bg: #F6F8FB;
  --card: #FFFFFF;
  --ok: #16A34A;
  --err: #DC2626;
  --warn: #D97706;
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --shadow-sm: 0 1px 2px rgba(11,27,43,.05);
  --shadow: 0 4px 14px -4px rgba(11,27,43,.10), 0 2px 4px -2px rgba(11,27,43,.06);
  --shadow-lg: 0 18px 50px -20px rgba(0,93,171,.25), 0 8px 22px -10px rgba(11,27,43,.10);

  --d-pad: 20px;
  --d-gap: 16px;
  --d-field-h: 46px;
  --d-card-pad: 24px;
  --d-section-gap: 28px;

  background: var(--bg);
  color: var(--ink);
  font-family: 'Manrope', ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: "ss01","cv11";
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.wedos-order-app[data-density="compact"],
html[data-density="compact"] .wedos-order-app {
  --d-pad: 14px;
  --d-gap: 10px;
  --d-field-h: 40px;
  --d-card-pad: 18px;
  --d-section-gap: 18px;
}

.wedos-order-app[data-density="comfy"],
html[data-density="comfy"] .wedos-order-app {
  --d-pad: 26px;
  --d-gap: 20px;
  --d-field-h: 52px;
  --d-card-pad: 30px;
  --d-section-gap: 36px;
}

.wedos-order-app *,
.wedos-order-app *::before,
.wedos-order-app *::after { box-sizing: border-box; }

.wedos-order-app button,
.wedos-order-app input,
.wedos-order-app select,
.wedos-order-app textarea { font-family: inherit; }

.wedos-order-app a { color: var(--wedos); text-decoration: none; box-shadow: none; }
.wedos-order-app a:hover { color: var(--wedos-700); text-decoration: underline; }

.wedos-order-app h2,
.wedos-order-app h3,
.wedos-order-app p { margin: 0; }

.wedos-order-app img { max-width: 100%; height: auto; }
.wedos-order-app ::selection { background: var(--wedos-100); color: var(--wedos-700); }

/* Šablony často stylují formulářové prvky — objednávka si je řídí sama. */
.wedos-order-app input[type="text"],
.wedos-order-app input[type="email"],
.wedos-order-app input[type="tel"],
.wedos-order-app input[type="password"],
.wedos-order-app select {
  background: transparent;
  border: 0;
  border-radius: inherit;
  box-shadow: none;
  color: inherit;
  margin: 0;
  padding: 0;
  width: 100%;
}