/* İstinye Üniversitesi - Smart App Banner Özel Tasarım */

/* === Ana Container === */
.smartbanner {
  z-index: 999 !important;
  height: 84px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.13) !important;
  border-bottom: 0px solid #0379a8 !important;
  font-family: "Poppins", sans-serif !important;
}

/* === Kapat (X) Butonu === */
.smartbanner__exit {
  top: calc(50% - 7px) !important;
  left: 10px !important;
  width: 14px !important;
  height: 14px !important;
  color: #aaa !important;
  font-size: 18px !important;
  line-height: 14px !important;
}

/* === Uygulama İkonu === */
.smartbanner__icon {
  top: 15px !important;
  left: 34px !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 13px !important;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.18) !important;
  background-size: 44px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* === Bilgi Alanı === */
.smartbanner__info {
  top: 0 !important;
  left: 95px !important;
  height: 84px !important;
  color: #333 !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 1px !important;
}

/* === Başlık === */
.smartbanner__info__title {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #111 !important;
  line-height: 1.6 !important;
}

/* === Yazar (açıklama) === */
.smartbanner__info__author {
  font-size: 12px !important;
  color: #666 !important;
  line-height: 1.2 !important;
}

/* === Fiyat === */
.smartbanner__info__price {
  font-size: 12px !important;
  color: #0379a8 !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

/* ===== iOS ===== */

.smartbanner--ios .smartbanner__button {
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 8px !important;
  padding: 0 18px !important;
  background: #0379a8 !important;
  color: #ffffff !important;
  border-radius: 22px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 34px !important;
  min-width: auto !important;
  box-shadow: 0 3px 8px rgba(3, 121, 168, 0.35) !important;
  transition: background 0.2s !important;
}

.smartbanner--ios .smartbanner__button:hover {
  background: #066b93 !important;
}

/* ===== Android ===== */

.smartbanner--android {
  background: #f8f9fa !important;
  box-shadow: inset 0 3px 0 #0379a8, 0 2px 12px rgba(0, 0, 0, 0.1) !important;
  border-bottom: none !important;
}

.smartbanner--android .smartbanner__exit {
  background: #FFF !important;
  color: #fff !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-radius: 10px !important;
  font-size: 15px !important;
}

.smartbanner--android .smartbanner__icon {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  background-color: transparent !important;
}

.smartbanner--android .smartbanner__info {
  color: #333 !important;
  text-shadow: none !important;
}

.smartbanner--android .smartbanner__info__title {
  color: #111 !important;
}

.smartbanner--android .smartbanner__button {
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 14px !important;
  box-shadow: none !important;
  border-radius: 22px !important;
  min-width: auto !important;
}

.smartbanner--android .smartbanner__button__label {
  background: linear-gradient(to bottom, #0379a8, #066b93) !important;
  border-radius: 16px !important;
  line-height: 32px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 0 12px !important;
  text-shadow: none !important;
  box-shadow: 0 3px 8px rgba(3, 121, 168, 0.35) !important;
}