/* BURADAN SONRASI İLETİŞİM SAYFASI */

.contact-section{
padding:80px 0;
background:#f5f5f5;
}

.container{max-width:1200px;margin:auto;padding: 0px 20px;}

/* GRID */

.contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:start; /* SOL KUTU BOŞ UZAMAZ */
}

/* ADRES KUTUSU */

.contact-box{background: #380175;padding:40px;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,0.08);color: #ffb400;}

.contact-box h3{color: #ffb400; /* site sarısı */margin-bottom:8px;font-weight:600;}

.contact-box p{margin-bottom:18px;line-height:1.6;color: #ffffff;}

/* FORM KUTUSU */

.contact-form-box{
background:#fff;
padding:40px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.contact-form-box h3{color: #380175;margin-bottom:20px;font-size: 26px;}

/* FORM */

.contact-form-box form{
display:flex;
flex-direction:column;
gap:15px;
}

.contact-form-box input{
height:45px;
padding:10px;
border:1px solid #ddd;
border-radius:6px;
}

.contact-form-box textarea{
height:120px;
padding:10px;
border:1px solid #ddd;
border-radius:6px;
resize:none;
}

.contact-form-box button{
height:45px;
background:#ffb400;
border:none;
border-radius:6px;
font-weight:600;
cursor:pointer;
color:#fff;
}

.contact-form-box button:hover{
background:#e0a000;
}

/* HARİTA */

.contact-map iframe{width:100%;height:450px;border:0;margin-top: 0px;}

/* MOBİL */

@media(max-width:768px){

.contact-grid{
grid-template-columns:1fr;
}

}

.page-title{background:#ffb400;padding: 30px 0;text-align:center;color:#fff;}

.page-title h1{font-size:36px;margin-bottom: 10px;color: #380175;}

.page-title p{
font-size:16px;
opacity:0.9;
}
.input-group {
  position: relative;
  margin-bottom: 15px;
}

.input-group i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
}

.input-group input,
.input-group textarea {
  width: 100%;
  padding: 10px 10px 10px 35px;
  border: 1px solid #ddd;
  border-radius: 6px;
} 
/* FLOAT BUTTON */
.wa-float-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #25D366;
  color: white;
  padding: 12px 18px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
  z-index: 999;
  transition: 0.3s;
}

.wa-float-btn:hover {
  transform: scale(1.05);
}

/* POPUP */
.wa-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.wa-popup-content {
  background: #fff;
  padding: 25px;
  border-radius: 16px;
  width: 90%;
  max-width: 400px;
  position: relative;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from { transform: translateY(30px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.wa-popup-content h3 {
  color: #5b2cff;
  margin-bottom: 15px;
}

.wa-popup-content input,
.wa-popup-content textarea {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #ddd;
}

.wa-popup-content button {
  width: 100%;
  padding: 12px;
  background: #25D366;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

.wa-close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 22px;
  cursor: pointer;
}
/* FLOAT BUTTON */
.wa-float-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #25D366;
  color: white;
  padding: 12px 18px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
  z-index: 999;
  transition: 0.3s;
}

.wa-float-btn:hover {
  transform: scale(1.05);
}

/* POPUP */
.wa-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.wa-popup-content {
  background: #fff;
  padding: 25px;
  border-radius: 16px;
  width: 90%;
  max-width: 400px;
  position: relative;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from { transform: translateY(30px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.wa-popup-content h3 {
  color: #FFC107;
  margin-bottom: 15px;
}

.wa-popup-content input,
.wa-popup-content textarea {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #ddd;
}

.wa-popup-content button {
  width: 100%;
  padding: 12px;
  background: #673AB7;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

.wa-close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 22px;
  cursor: pointer;
}
.call-number a {
  text-decoration: none;
  color: inherit;
}

.call-number a:hover {
  color: #ffffff; /* mor hover efekti */
}