/* Hizmet kartı taşma düzeltmeleri: metin kesilir, tıklanınca tam metin gösterilir */

/* Ana sayfa - yatay kartlar (destination-list style2) */
.destination-list .destination-content {
  max-width: calc(100% - 20px);
}
.destination-list .destination-content .box-title,
.destination-list .destination-content .box-title a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.destination-list .destination-subtitle {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  cursor: pointer;
}
.destination-list .destination-subtitle[data-bs-content]:hover {
  text-decoration: underline;
}

/* Hizmetler / Hakkımızda - kutu kartlar (destination-item) */
.destination-item .destination-content .box-title,
.destination-item .destination-content .box-title a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.destination-item .destination-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  cursor: pointer;
}
.destination-item .destination-text[data-bs-content]:hover {
  text-decoration: underline;
}

/* Tıklanınca açılan tam metin popover */
.destination-popover .popover-body {
  max-width: 320px;
  max-height: 200px;
  overflow-y: auto;
}

/* Footer: koyu tema rengi (#1F3766) üzerinde tüm metinler beyaz */
.widget-area .newsletter-top .newsletter-title {
  color: #ffffff !important;
}
.widget-area .newsletter-top {
  border-bottom-color: rgba(255, 255, 255, 0.25);
}
.widget-area .newsletter-form input {
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.08);
}
.widget-area .newsletter-form input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.widget-area .newsletter-form input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.widget-area .newsletter-form input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.widget-area .footer-widget .widget_title {
  color: #ffffff !important;
}
.widget-area .about-text {
  color: rgba(255, 255, 255, 0.9) !important;
}
.widget-area .footer-widget.widget_nav_menu .menu a {
  color: #ffffff;
}
.widget-area .footer-widget.widget_nav_menu .menu a:hover {
  color: rgba(255, 255, 255, 0.85);
}
.widget-area .th-social a {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2);
}
.widget-area .th-social a:hover {
  background-color: var(--theme-color);
  color: #ffffff;
}