/* ========= KONTAKTY – Glamstore (gs-kon-) ========= */

.gs-kon-page {
  --gs-kon-accent: #d2b48c;     /* bronze/tan */
  --gs-kon-accent-soft: #eadcc4;/* lehčí odstín pro podbarvení */
  --gs-kon-text: #2b2b2b;
  --gs-kon-muted: #6a6a6a;
  --gs-kon-border: #d2b48c;     /* rámečky v bronzové */
  font-family: inherit;
  color: var(--gs-kon-text);
}

/* Layout sekcí */
.gs-kon-top,
.gs-kon-mid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 0 24px 0;
  align-items: stretch;
}

.gs-kon-leftbox,
.gs-kon-rightbox {
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .gs-kon-leftbox,
  .gs-kon-rightbox {
    width: calc(50% - 10px);
    display: flex;
    flex-direction: column; /* aby karta uvnitř mohla zabrat celou výšku */
  }
}

/* Karty / bloky – rámeček v bronzové */
.gs-kon-card {
  background: #fff;
  border: 1px solid var(--gs-kon-border);
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

.gs-kon-title {
  font-size: 24px;
  line-height: 1.25;
  margin: 0 0 6px 0;
}

.gs-kon-subtitle {
  font-size: 20px;
  line-height: 1.25;
  margin: 0 0 12px 0;
}

.gs-kon-note {
  margin: 0 0 14px 0;
  color: var(--gs-kon-muted);
  font-size: 14px;
}

.gs-kon-strong { font-weight: 700; margin: 0 0 4px 0; }
.gs-kon-label  { font-weight: 600; }

/* Bloky a gridy uvnitř karty */
.gs-kon-block { margin: 14px 0; }

.gs-kon-grid.gs-kon-grid-two {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px 14px;
}
@media (min-width: 540px) {
  .gs-kon-grid.gs-kon-grid-two { grid-template-columns: 1fr 1fr; }
}

.gs-kon-card a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.gs-kon-card a:hover { border-bottom-color: currentColor; }

/* Mapa – responzivní poměr stran + rámeček v bronzové */
.gs-kon-map-embed {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--gs-kon-border);
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  background: #fff;
}
.gs-kon-map-embed iframe {
  position: absolute; inset: 0; width: 100%; height: 100%; border: 0;
}

/* Foto vlevo u fakturačních údajů */
.gs-kon-photo-wrap {
  flex: 1; /* roztáhne obal s fotkou */
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--gs-kon-border);
}
/* Karta vpravo – na plnou výšku */
.gs-kon-rightbox .gs-kon-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.gs-kon-photo {
  width: 100%;
  height: auto;
  object-fit: cover; /* foto vyplní box */
}
/* Podnadpis nad galerií */
.gs-kon-gallery-title {
  font-size: 20px;
  margin: 8px 0 12px 0;
}

/* Galerie 4 fotek (2×2 na desktopu, 1×4 na mobilu) – rámečky v bronzové + hover zoom */
.gs-kon-gallery {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin: 8px 0 28px 0;
}
@media (min-width: 768px) {
  .gs-kon-gallery { grid-template-columns: 1fr 1fr; }
}

.gs-kon-gitem {
  margin: 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--gs-kon-border);
  background: #fff;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.gs-kon-gitem img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform .35s ease;
}
.gs-kon-gitem:hover img { transform: scale(1.04); }

/* Formulář – jemné podbarvení a “roztažené” pole */
.gs-kon-formwrap { margin: 0 0 14px 0; }
.gs-kon-card-form {
  background: var(--gs-kon-accent-soft);
  border-color: var(--gs-kon-accent);
}

/* ===== Shoptet contact form overrides (bezpečně jen v rámci této karty) ===== */
.gs-kon-card-form form { 
  max-width: 980px;           /* širší obsah formuláře */
}

/* Širší pole – vyresetujeme max-widthy a roztáhneme je */
.gs-kon-card-form input[type="text"],
.gs-kon-card-form input[type="email"],
.gs-kon-card-form input[type="tel"],
.gs-kon-card-form input[type="url"],
.gs-kon-card-form input[type="search"],
.gs-kon-card-form textarea,
.gs-kon-card-form select {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  border-radius: 12px;
}

/* pokud Shoptet používá dvousloupcové rozložení s úzkým pravým sloupcem */
.gs-kon-card-form .form-row,
.gs-kon-card-form .row,
.gs-kon-card-form .form-group {
  max-width: 100%;
}

/* Tlačítko – bronzové */
.gs-kon-card-form button,
.gs-kon-card-form input[type="submit"] {
  background: var(--gs-kon-accent);
  border-color: var(--gs-kon-accent);
  color: #fff;
  border-radius: 8px;
}
.gs-kon-card-form button:hover,
.gs-kon-card-form input[type="submit"]:hover {
  filter: brightness(0.95);
}

/* Drobnosti */
.gs-kon-socials p,
.gs-kon-card p { margin: 8px 0; line-height: 1.55; }
.gs-kon-card p:last-child { margin-bottom: 0; }
/* Nadpisy tmavší bronzová */
.gs-kon-title,
.gs-kon-subtitle,
.gs-kon-gallery-title {
  color: #a67848; /* tmavší bronzová */
}

/* Ikonky (tel, mail, IG, FB, otevírací doba) */
.gs-kon-icon {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 6px;
}

/* Odkazy v kontaktu */
.gs-kon-card a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.gs-kon-card a:hover {
  border-bottom-color: currentColor;
}