/* Home-Deco.cz – konfigurátor jmenovek */

.hd-configurator {
  margin: 20px 0;
  padding: 18px;
  border: 1px solid #d8d5ce;
  border-radius: 8px;
  background: #faf9f6;
  color: #222;
  font-family: Arial, sans-serif;
}

.hd-configurator__title {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 700;
}

.hd-configurator__label {
  display: block;
  margin: 16px 0 6px;
  font-size: 14px;
  font-weight: 700;
}

.hd-configurator__input,
.hd-configurator__select {
  display: block;
  width: 100%;
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid #bdb9b0;
  border-radius: 5px;
  background: #fff;
  color: #222;
  font-size: 16px;
}

.hd-configurator__preview-wrap {
  margin-top: 18px;
  padding: 20px;
  background: #eeece6;
  border-radius: 6px;
}

.hd-configurator__plaque {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 3 / 1;
  padding: 8%;
  overflow: hidden;
  border: 1px solid #a5a198;
  border-radius: 3px;
  background: #fff;
  color: #222;
}

.hd-configurator__preview-text {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 40px;
  line-height: 1.1;
  text-align: center;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.hd-configurator__hint {
  margin: 10px 0 0;
  color: #68645d;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 600px) {
  .hd-configurator {
    padding: 12px;
  }

  .hd-configurator__preview-wrap {
    padding: 12px;
  }

  .hd-configurator__preview-text {
    font-size: 28px;
  }
}

/* Home-Deco: oprava šířky náhledu jmenovky */

.hd-configurator__preview-wrap {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.hd-configurator__plaque {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

/* =========================================
   HOME-DECO – REALISTICKÝ VZHLED JMENOVKY
   Broušená nerez / černá
   ========================================= */

.hd-configurator__plaque {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;

  border: 1px solid #777b7d;
  border-radius: 5px;

  background-color: #c9cdd0;

  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,0.10) 0px,
      rgba(255,255,255,0.10) 1px,
      rgba(70,75,80,0.035) 2px,
      rgba(255,255,255,0.04) 3px
    ),
    linear-gradient(
      145deg,
      #f1f2f2 0%,
      #c8ccce 35%,
      #e5e7e8 65%,
      #aeb4b8 100%
    );

  box-shadow:
    0 3px 7px rgba(0,0,0,0.20),
    inset 0 1px 2px rgba(255,255,255,0.85),
    inset 0 -1px 2px rgba(0,0,0,0.15);

  overflow: hidden;
}

.hd-configurator__preview-text {
  position: relative;
  z-index: 1;

  color: #111111;
  text-shadow: none;

  width: 100%;
  text-align: center;
  box-sizing: border-box;
}

/* =====================================
   HOME-DECO – BAREVNÁ PROVEDENÍ
   ===================================== */

.hd-configurator__plaque.hd-color--silver {
  background-color: #c5c9ca !important;
  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.16) 0px,
      rgba(255,255,255,.16) 1px,
      rgba(60,65,70,.06) 2px,
      rgba(255,255,255,.04) 3px
    ),
    linear-gradient(135deg, #f0f1f1, #aeb4b7 50%, #e1e3e4) !important;
}

.hd-configurator__plaque.hd-color--gold {
  background-color: #c9a94e !important;
  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.14) 0px,
      rgba(255,255,255,.14) 1px,
      rgba(80,55,0,.07) 2px,
      rgba(255,255,255,.04) 3px
    ),
    linear-gradient(135deg, #f5df91, #bd9634 55%, #e5c76e) !important;
}

.hd-configurator__plaque.hd-color--copper {
  background-color: #b8754d !important;
  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.14) 0px,
      rgba(255,255,255,.14) 1px,
      rgba(70,30,10,.07) 2px,
      rgba(255,255,255,.04) 3px
    ),
    linear-gradient(135deg, #e8ad85, #a85e3c 55%, #d18c66) !important;
}

.hd-configurator__plaque.hd-color--black {
  background-color: #15191b !important;
  background-image:
    linear-gradient(
      145deg,
      #60676a 0%,
      #22282b 22%,
      #080a0b 55%,
      #292e31 100%
    ) !important;
}

.hd-configurator__plaque.hd-color--white {
  background-color: #f0eee8 !important;
  background-image:
    linear-gradient(145deg, #ffffff, #e9e7df 100%) !important;
}

.hd-configurator__plaque.hd-color--blue {
  background-color: #12428c !important;
  background-image:
    linear-gradient(145deg, #2863b2, #0b2d68 100%) !important;
}

.hd-configurator__plaque.hd-color--yellow {
  background-color: #edc32d !important;
  background-image:
    linear-gradient(145deg, #ffe16a, #d8a900 100%) !important;
}

.hd-configurator__plaque.hd-color--green {
  background-color: #087746 !important;
  background-image:
    linear-gradient(145deg, #20a365, #075d37 100%) !important;
}

/* Home-Deco: víceřádkový konfigurátor */

.hd-configurator__lines {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 12px;
}

.hd-configurator__line-input {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.hd-configurator__preview-text {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  overflow: visible;
}

.hd-configurator__preview-line {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  text-align: center;
}


/* =========================================
   HOME-DECO – ORIGINÁLNÍ FONTY JMENOVEK
   Soubory jsou uloženy ve veřejné složce /soubory/
   ========================================= */

@font-face {
  font-family: "HDArialBold";
  src: url("https://home-deco.cz/_obchody/home-deco.shop5.cz/soubory/arialbd.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HDImpact";
  src: url("https://home-deco.cz/_obchody/home-deco.shop5.cz/soubory/impact.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HDKonkretika";
  src: url("https://home-deco.cz/_obchody/home-deco.shop5.cz/soubory/konkretika-black-wip.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HDKozukaMincho";
  src: url("https://home-deco.cz/_obchody/home-deco.shop5.cz/soubory/kozuka-mincho-web-subset.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HDLucidaCalligraphy";
  src: url("https://home-deco.cz/_obchody/home-deco.shop5.cz/soubory/lcallig.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
}