/* ===== Mriežka párov (upratané) ===== */
.pairs-6 {
  display: grid;
  gap: 20px;
}
.pairs-6 .pair {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding: 8px;
  border: 4px solid #f2e3d5; /* jednotná neutrálna farba */
  border-radius: 6px;
}
.pairs-6 img {
  width: 100%;
  height: 345px;
  object-fit: cover;
  display: block;
  border-radius: 4px;
}
.pair-title {
  grid-column: span 2;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 6px;
  color: #333;
}
@media (max-width: 700px) {
  .pairs-6 .pair { grid-template-columns: 1fr; }
  .pair-title { grid-column: 1; }
}
/* ======== Kontakt – moderný štýl s reCAPTCHA ======== */

/* Celý formulár */
#contact-form {
  background-color: #d2b48c; /* jemná béžová */
  padding: 20px;
  border-radius: 0px;
}

/* Text a vzhľad polí */
#contact-form input,
#contact-form textarea,
#contact-form select {
  color: #40352c !important; /* tmavohnedá z loga/menu */
  font-size: 18px;
  font-family: Arial, sans-serif;
  background-color: #fdfaf6; /* jemná béžová */
  border: 1px solid #d2b48c; /* béžový rámik */
  border-radius: 0px;
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
}

/* Zvýraznenie rámika pri kliknutí */
#contact-form input:focus,
#contact-form textarea:focus,
#contact-form select:focus {
  border-color: #b08d57; /* zvýraznenie rámika pri fokuse */
}

/* Tlačidlo Odoslať */
#contact-form button,
#contact-form input[type="submit"] {
  background-color: #b08d57; /* farba tlačidla */
  color: #fff !important; /* biely text */
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

#contact-form button:hover,
#contact-form input[type="submit"]:hover {
  background-color: #8c6f45; /* tmavšia pri hover */
}

/* Potvrdenie odoslania */
.contact-form-message {
  color: #2f6b2f !important; /* zelená farba */
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* reCAPTCHA úprava veľkosti a zarovnania */
#contact-form .g-recaptcha {
  transform: scale(0.92); /* zmenšenie reCAPTCHA */
  transform-origin: 0 0;  /* aby sa nezdeformovala */
  margin: 10px 0;
}
/* Štýl hlášky po odoslaní formulára */
.contact-form-message,
.alert-message {
  color: #f2e3d5 !important; /* zelený text */
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Nadpis 'Zpráva' */
.contact-form-message h4,
.alert-message h4 {
  color: #f2e3d5 !important; /* zelený nadpis */
  font-weight: bold;
}
/* Štýl tlačidla Odoslať */
#contact-form button,
#contact-form input[type="submit"] {
  background-color: #b08d57 !important; /* hlavná farba tlačidla */
  color: #fff !important; /* biely text */
  border: none !important;
  padding: 10px 20px;
  cursor: pointer;
}

/* Efekt pri prechode myšou */
#contact-form button:hover,
#contact-form input[type="submit"]:hover {
  background-color: #8c6f45 !important; /* tmavšia pri hover */
}
/* Tlačidlo Odoslať – bez modrého prechodu */
#contact-form button,
#contact-form input[type="submit"] {
  background: #b08d57 !important; /* hnedá farba */
  background-image: none !important; /* zruší gradient */
  color: #fff !important; /* biely text */
  border: none !important;
  padding: 10px 20px;
  cursor: pointer;
}

/* Efekt pri prechode myšou */
#contact-form button:hover,
#contact-form input[type="submit"]:hover {
  background: #8c6f45 !important; /* tmavšia hnedá */
  background-image: none !important; /* zruší gradient */
}
/* Zabi biely rámik / tieň na systémovej hláške */
#system-message-container,
#system-message-container > div,
#system-message-container .alert,
#system-message-container .alert * {
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
}

/* ak to robí pseudo-element */
#system-message-container .alert::before,
#system-message-container .alert::after {
  content: none !important;
  display: none !important;
}

/* náš finálny vzhľad hlášky (ak chceš zachovať béžový štýl) */
#system-message-container .alert,
#system-message-container .alert-message,
#system-message-container .alert-success,
#system-message-container .alert-error,
#system-message-container .alert-danger,
#system-message-container .alert-warning {
  background-color: #fdfaf6 !important;
  color: #40352c !important;
  border: 1px solid #d2b48c !important; /* môžeš vypnúť ak chceš úplne bez rámika */
  border-radius: 6px !important;
  padding: 12px 15px !important;
}
/* ===== Systémová hláška – štýl k formuláru (bez zaoblenia) ===== */
#system-message-container .alert,
#system-message-container .alert-message,
#system-message-container .alert-success,
#system-message-container .alert-error,
#system-message-container .alert-danger,
#system-message-container .alert-warning {
  background-color: #fdfaf6 !important; /* jemná béžová ako polia */
  border: 1px solid #d2b48c !important; /* rámik ako polia */
  color: #40352c !important;            /* tmavohnedý text */
  border-radius: 0 !important;          /* bez zaoblenia */
  box-shadow: none !important;          /* bez tieňov */
  padding: 12px 16px !important;
  margin: 0 0 16px 0 !important;
}

/* Nadpis „Zpráva“ v hláške */
#system-message-container .alert .alert-heading,
#system-message-container .alert h4 {
  color: #40352c !important;
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 6px 0;
}

/* Text a odkazy v hláške */
#system-message-container .alert p,
#system-message-container .alert div,
#system-message-container .alert a {
  color: #40352c !important;
}

/* Voliteľné: skryť krížik (zatvoriť) ak zavadzia */
#system-message-container .alert .close { display: none !important; }
 .contact-grid { grid-template-columns: 1fr; }
/* dočasne orámujem, aby si videla, že to žije – potom border zmaž */
/* Plávajúce telefónne číslo – desktop */
.floating-phone {
  position: fixed;
  top: 140px; /* vzdialenosť od vrchu na desktope */
  right: 20px;
  background-color: #d2b48c; /* béžová z webu */
  font-size: 18px;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 0;
  border: 1px solid #856c4c; /* tenký tmavohnedý rámik */
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  z-index: 9999;
  cursor: default;
}

/* Farba čísla */
.floating-phone .phone-number {
  color: #856c4c; /* tmavohnedá */
  font-size: 12pt;
}

/* Mobil – dole vpravo */
@media (max-width: 768px) {
  .floating-phone {
    top: auto;
    bottom: calc(env(safe-area-inset-bottom) + 16px);
    right: 10px;
    font-size: 16px;
    padding: 8px 12px;
  }
}
#contact-form .gdpr-note { font-size:14px; color:#40352c; margin:10px 0 6px; }
#contact-form .gdpr-note a { color:#40352c; text-decoration:underline; }
#contact-form .gdpr-note a:hover { text-decoration:none; }
#contact-form .gdpr-note a { color:#40352c; text-decoration:underline; }
#contact-form .gdpr-note a:hover { text-decoration:none; }
/* ===== Ceník – Zahradní sny ===== */
.cenik-block{
  max-width: 980px;
  margin: 0 auto 32px;
  background:#5F9EA0;
  border:2px solid #856c4c; /* tmavohnedá */
  box-shadow:0 2px 8px rgba(0,0,0,.08);
  padding: 0;
}

.cenik-hero img{
  display:block;
  width:100%;
  height: 360px;
  object-fit: cover;
  border-bottom:2px solid #856c4c;
}

.cenik-header{
  padding: 20px 22px 6px;
  text-align:center;
}

.cenik-header h2{
  margin:0 0 6px;
  color:#40352c; /* text tmavohnedý */
  font-weight:700;
  letter-spacing:.2px;
}

.cenik-claim{
  margin:0;
  color:#40352c;
  opacity:.85;
}

.price-list{
  list-style:none;
  margin: 14px 0 0;
  padding: 0 16px 8px;
}

.price-item{
  display:grid;
  grid-template-columns: 1fr auto;
  gap:12px;
  align-items:center;
  padding: 14px 8px;
  border-top:1px solid #d2b48c; /* béžová deliaca linka */
}

.price-item:first-child{
  border-top: 2px solid #d2b48c;
}

.pi-left strong{
  color:#40352c;
  font-weight:700;
}

.pi-left small{
  display:block;
  color:#40352c;
  opacity:.8;
  margin-top:4px;
}

.pi-right .price{
  display:inline-block;
  padding:6px 10px;
  border:1px solid #856c4c;
  background:#fff;
  color:#40352c;
  font-weight:600;
  white-space: nowrap;
}

.cenik-note{
  margin: 10px 16px 18px;
  padding: 12px 14px;
  background: #fffaf2;
  border:1px solid #d2b48c;
  color:#40352c;
  font-size:.95rem;
}

/* Responzívne úpravy */
@media (max-width: 780px){
  .cenik-hero img{ height: 220px; }
  .price-item{ grid-template-columns: 1fr; }
  .pi-right .price{ justify-self:start; }
}
/* štýl v duchu webu (bez radiusov) */
.btn-theme{
  background:#e0c6a2;            /* béžová ako na webe */
  color:#40352c;                  /* tmavohnedý text */
  border:1px solid #856c4c;       /* tenký hnedý rámik */
  padding:12px 24px;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:600;
  letter-spacing:.5px;
  display:inline-block;
  box-shadow:none;
  border-radius:0;
}
.btn-theme:hover{
  background:#d2b48c;             /* mierne tmavšia béžová pri hoveri */
  border-color:#6f5842;
}
.btn-theme:focus-visible{
  outline:2px dashed #5F9EA0;     /* cadetblue focus pre prístupnosť */
  outline-offset:3px;
}

/* voliteľne vycentrovanie v bloku */
.cta-center{ text-align:center; }