.site-header .ast-site-identity img {
    position: absolute; 
    top: 5px; 
    z-index: 20; 
}
@media (max-width: 768px) {

  .site-header .ast-site-identity img {
    position: static !important;  /* vrátí do normálního flow */
    top: auto !important;
    z-index: auto !important;
  }

  /* volitelné – jistota centrování v Astře */
  .site-header .ast-site-identity {
    text-align: center;
  }

}
.contact-row{
  display:flex;
  flex-direction:row;
  gap:60px;
  align-items:center;
  flex-wrap:nowrap;
}

.contact-item{
  display:flex;
  align-items:center;
  gap:15px;
}

/* zlatý kruh */
.icon-circle{
  width:52px;
  height:52px;
  border-radius:50%;
  background:linear-gradient(145deg,#d4af37,#f5e08a);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 12px rgba(0,0,0,0.25);
}

/* obě ikony stejně*/
.icon-dark{
  font-size:20px;
  color:#111 !important;
  font-weight:700;
  line-height:1;
}

/* text */
.contact-text{
  display:flex;
  flex-direction:column;
  line-height:1.2;
}

.label{
  font-size:13px;
  letter-spacing:1px;
  color:#fff;
  text-transform:uppercase;
}

.value{
  font-size:14px;
  font-weight:600;
  color:#fff;
}
/* PATA LEVA STRANA */
.offer-text{
  color:#fff; 
  font-size:13px;
  line-height:1.5;
}

/* 1. řádek – bílé, velké, tučné */
.offer-text .line1{
  color:#ffffff;
  font-size:30px;
  font-weight:700;

}

/* 2. řádek – bílé menší */
.offer-text .line2{
  color:#d4af37;
  font-size:28px;
  font-weight:700;


}

/* ODBĚR NOVINEK */

.newsletter{
  background:#111;
  padding:25px;
  max-width:400px;
}

.newsletter h3{
  color:#fff;
  font-size:18px;
  margin-bottom:15px;
  letter-spacing:1px;
}

.newsletter input{
  width:100%;
  padding:10px 12px;
  margin-bottom:10px;
  border:1px solid #333;
  background:#1a1a1a;
  color:#fff;
  outline:none;
}

.newsletter input:focus{
  border-color:#d4af37;
}

/* tlačítko */
.newsletter button{
  width:100%;
  padding:12px;
  background:linear-gradient(145deg,#d4af37,#f5e08a);
  border:none;
  color:#111;
  font-weight:700;
  cursor:pointer;
  transition:0.2s;
}

.newsletter button:hover{
  opacity:0.9;
}
/* =========================
   POPUP
========================= */
.newsletter{
  position:relative;
}

.popup{
  position:absolute;
  top:-10px;
  left:50%;
  transform:translateX(-50%);
  background:#0f0f0f;
  padding:18px 26px;
  border-radius:12px;
  display:none;
  z-index:99999;
  box-shadow:0 10px 30px rgba(0,0,0,0.5);
}

.popup-box{
  display:flex;
  flex-direction:column;
  align-items:center;
  color:#fff;
  font-weight:600;
}

.check{
  color:#4CAF50;
  font-size:28px;
  margin-bottom:5px;
}
/* =====================================
   RESPONSIVE – TABLET + MENŠÍ OBRAZOVKY
===================================== */

@media (max-width: 1024px) {

  .contact-row {
    gap: 35px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .offer-text {
    text-align: center;
  }

  .offer-text .line1 {
    font-size: 24px;
    line-height: 1.3;
  }

  .offer-text .line2 {
    font-size: 22px;
    line-height: 1.3;
  }

  .newsletter {
    width: 100%;
    max-width: 100%;
  }

}


/* =====================================
   MOBILE OPTIMALIZACE
===================================== */

@media (max-width: 768px) {
	  .footer-column,
  .footer-right,
  .contact-column,
  .newsletter-wrapper {
    width: 100% !important;
    max-width: 100% !important;

    display: flex;
    flex-direction: column;
    align-items: center;   /* ← KLÍČOVÉ */
    justify-content: center;

    text-align: center;
    margin: 0 auto;
  }

  /* HLAVNÍ CONTACT ROW */
  .contact-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 28px;
    text-align: center;
  }

  /* JEDNOTLIVÝ KONTAKT */
  .contact-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
  }

  /* ZLATÝ KRUH */
  .icon-circle {
    width: 46px;
    height: 46px;
  }

  .icon-dark {
    font-size: 18px;
  }

  /* TEXT */
  .contact-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .label {
    font-size: 12px;
    letter-spacing: 0.8px;
  }

  .value {
    font-size: 15px;
    line-height: 1.4;
  }

  /* NABÍDKA TEXT */
  .offer-text {
    text-align: center;
    font-size: 14px;
  }

  .offer-text .line1 {
    font-size: 22px;
    line-height: 1.3;
  }

  .offer-text .line2 {
    font-size: 20px;
    line-height: 1.3;
  }
.widget {
    margin: 0 auto 1.45em auto;
}
  /* NEWSLETTER */
  .newsletter {
    width: 100% !important;
    max-width: 500px !important; /* krásná šířka */
    margin: 0 auto !important;

    padding: 24px 20px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
  }

  .newsletter form {
    width: 100%;
  }

  .newsletter input,
  .newsletter button {
    width: 100% !important;
  }

  .newsletter button {
    padding: 14px;
    font-size: 15px;
    text-align: center;
  }

  /* POPUP */
  .popup {
    width: calc(100% - 30px);
    max-width: 340px;
    padding: 18px;
    top: -20px;
  }

  .popup-box {
    text-align: center;
  }

  .check {
    font-size: 24px;
  }

}


/* =====================================
   EXTRA MALÉ TELEFONY
===================================== */

@media (max-width: 480px) {

  .contact-row {
    gap: 22px;
  }

  .icon-circle {
    width: 42px;
    height: 42px;
  }

  .icon-dark {
    font-size: 16px;
  }

  .label {
    font-size: 11px;
  }

  .value {
    font-size: 14px;
  }

  .offer-text .line1 {
    font-size: 19px;
    line-height: 1.3;
  }

  .offer-text .line2 {
    font-size: 17px;
    line-height: 1.3;
  }

  /* NEWSLETTER */
  .newsletter {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px 16px;
    margin: 0 auto;

    text-align: center;
    box-sizing: border-box;
  }

  .newsletter h3 {
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 1.4;
  }

  .newsletter input {
    padding: 12px;
    font-size: 14px;
  }

  .newsletter button {
    padding: 13px;
    font-size: 14px;
  }

  .popup {
    width: calc(100% - 20px);
    max-width: 300px;
    padding: 16px;
  }

}