/* Aparat İletişim - Frontend (responsive, screenshot style + effects) */
.aparat-iletisim-box{margin:18px 0;padding:0}
.aparat-iletisim-box *{box-sizing:border-box}

.aparat-card{
  width:100%;
  max-width:520px;
  margin:0 auto;
  border-radius:14px;
  overflow:hidden;
  background: linear-gradient(135deg, rgba(10,10,14,.94), rgba(18,18,28,.94));
  border:1px solid rgba(255,80,80,.42);
  box-shadow:
    0 0 0 2px rgba(255,0,0,.10),
    0 18px 50px rgba(0,0,0,.40);
}

.aparat-card-head{
  padding:16px 16px 10px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.aparat-company{
  font-weight:1000;
  font-size:32px;
  line-height:1.1;
  text-align:center;
  color: var(--aparat-company-color, #ff3b3b);
  text-shadow: 0 0 10px currentColor, 0 0 26px currentColor, 0 0 48px currentColor;
  margin:0 0 10px;
  transition: transform .15s ease, filter .15s ease, text-shadow .15s ease;
}
.aparat-company:hover{
  transform: translateY(-1px);
  text-shadow: 0 0 26px rgba(255,0,0,.55);
  filter: brightness(1.07);
}

.aparat-phone{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-weight:900;
  font-size:20px;
  color:#fff;
  margin-bottom:2px;
}

.aparat-phone-ic{
  display:inline-flex;
  width:28px;height:28px;
  align-items:center;justify-content:center;
  border-radius:999px;
  background:rgba(80,255,140,.18);
  box-shadow:0 0 0 1px rgba(80,255,140,.25) inset;
  animation: aparatShake 1.8s infinite;
  transform-origin: 50% 50%;
}

.aparat-card-actions{
  padding:10px 16px 16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.aparat-btn{display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:52px;
  border-radius:10px;
  text-decoration:none;
  font-weight:1000;
  font-size:18px;
  color:#fff;
  border:1px solid rgba(0,0,0,.30);
  box-shadow:0 10px 24px rgba(0,0,0,.35);
  user-select:none;
  color:#fff !important;
}
.aparat-btn:visited{color:#fff !important;}
.aparat-btn span{display:inline-block}
.aparat-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.aparat-btn:active{transform:translateY(0)}

/* Button colors: Call = Blue, WhatsApp = Green */
.aparat-btn-call{
  background:linear-gradient(180deg, #2b8cff, #0f5ed8);
}
.aparat-btn-wa{
  background:linear-gradient(180deg, #46c546, #1f7f1f);
}

/* Icon shake effect (phone + whatsapp inside buttons) */
.aparat-btn-call::before,
.aparat-btn-wa::before{
  display:inline-flex;
  width:22px;height:22px;
  align-items:center;justify-content:center;
  animation: aparatShake 1.8s infinite;
  transform-origin: 50% 50%;
}
.aparat-btn-call::before{content:"☎";}
.aparat-btn-wa::before{content:"💬";}

/* Remove emoji we print in HTML (keep spacing clean) */
.aparat-btn-call > span:first-child,
.aparat-btn-wa > span:first-child{}

@keyframes aparatShake{
  0%, 100% { transform: rotate(0deg) translateX(0); }
  2% { transform: rotate(-8deg) translateX(-1px); }
  4% { transform: rotate(8deg) translateX(1px); }
  6% { transform: rotate(-6deg) translateX(-1px); }
  8% { transform: rotate(6deg) translateX(1px); }
  10% { transform: rotate(0deg) translateX(0); }
  50% { transform: rotate(0deg) translateX(0); }
}

@media (max-width:640px){
  .aparat-card{max-width:100%}
  .aparat-company{font-size:26px}
  .aparat-phone{font-size:18px}
  .aparat-btn{height:50px;font-size:16px}
}

.aparat-btn{color: var(--aparat-btn-text, #fff) !important;}
.aparat-btn:visited{color: var(--aparat-btn-text, #fff) !important;}


/* Light theme for card background (admin + frontend) */
.aparat-theme-light{
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(245,245,250,.96)) !important;
  border: 1px solid rgba(255,80,80,.35);
}
.aparat-theme-light .aparat-phone{ color:#111; }
.aparat-theme-light .aparat-phone-ic{ background: rgba(0,0,0,.06); box-shadow: 0 0 0 1px rgba(0,0,0,.10) inset; }
.aparat-theme-light .aparat-card-head{ border-bottom: 1px solid rgba(0,0,0,.08); }