/* ===============================================================
   contact.css  –  formularz + dane firmy w szklanym, ciemnym motywie
   (wersja z równymi kolumnami na desktopie)
=============================================================== */

/* ---------- GRID: formularz + dane firmy --------------------- */
/* Mobile (0–767 px) – jedna kolumna */
.contact-grid{
  display:grid;
  gap:2.5rem;
  margin:3rem 0;
}

/* Desktop (≥ 768 px) – dwie równe kolumny 50 % / 50 % */
@media(min-width:768px){
  .contact-grid{
    grid-template-columns:1fr 1fr;   /* równe szerokości */
  }
}

/* ---------- Szklane kontenery -------------------------------- */
.contact-form,
.company-card{
  background:rgba(30,30,30,.6);
  backdrop-filter:blur(6px) saturate(130%);
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.55);
  padding:2rem;
  width:100%;
}

/* ---------- Formularz ---------------------------------------- */
.contact-form label{display:block;margin:.9rem 0 .3rem;font-weight:500;}
.contact-form input,
.contact-form textarea{
  width:100%;padding:.7rem 1rem;border:1px solid rgba(255,255,255,.15);
  border-radius:6px;background:rgba(255,255,255,.05);color:var(--white);
}
.contact-form input:focus,
.contact-form textarea:focus{outline:2px solid var(--accent-color);}
.contact-form button{
  margin-top:1.4rem;padding:.75rem 1.4rem;width:100%;
  background:var(--accent-color);color:#fff;border:0;border-radius:8px;
  font-weight:600;cursor:pointer;transition:background .25s;
}
.contact-form button:hover{background:rgba(229,9,20,.85);}

/* ---------- Zgoda RODO --------------------------------------- */
.consent-box{display:flex;align-items:center;gap:.6rem;margin-top:1rem;font-size:.9rem;}
.consent-box .required{color:red;margin-left:2px;}

/* ---------- Link akcentowy ----------------------------------- */
.red-link{color:var(--accent-color);}
.red-link:hover{text-decoration:underline;}

/* ---------- Tabela firmy ------------------------------------- */
.company-card table{width:100%;border-collapse:collapse;}
.company-card th{
  text-align:left;padding-bottom:.9rem;font-size:1.1rem;font-weight:600;color:var(--accent-color);
}
.company-card td{padding:.45rem 0;vertical-align:top;}
.company-card i.red{color:var(--accent-color);margin-right:6px;}

/* ---------- Mapa --------------------------------------------- */
.map-wrapper{margin:3.5rem 0;text-align:center;}
.map-wrapper iframe{
  width:100%;max-width:900px;height:420px;border:0;border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.55);
}

/* ---------- Modal (RODO) ------------------------------------- */
.modal[aria-hidden="true"]{display:none;}
.modal{
  position:fixed;inset:0;z-index:5000;background:rgba(0,0,0,.8);
  display:flex;justify-content:center;align-items:center;padding:2rem;
}
.modal-content{
  background:#fff;color:#000;padding:2rem;border-radius:10px;
  max-width:600px;width:100%;position:relative;
}
.modal .close{
  position:absolute;top:12px;right:16px;font-size:1.8rem;border:0;background:none;
  cursor:pointer;color:#666;line-height:1;
}
.modal .close:hover{color:#000;}

/* ---------- Drobne poprawki poniżej 576 px ------------------- */
@media(max-width:576px){
  .contact-grid{gap:1.8rem;}
}