/* assets/css/main.css */


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700&display=swap');

body {
  background: #ffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}


.padded {
  padding-inline: clamp(1rem, 10vw, 15rem); 
}

@media (max-width: 1090px) {
  .padded {
    padding-inline: clamp(1rem, 3vw, 3rem);
  }
}
@media (max-width: 1020px) and (min-width: 761px) {
  .padded {
    padding-inline: 1.25rem !important;
  }
}
@media (max-width: 768px) {
  .padded {
    padding-inline: 1rem;
  }
}

@media (max-width: 480px) {
  .padded {
    padding-inline: 0.5rem;
  }
}
.bg-primary {
  background-color: #001874;
}

.bg-primary-hover {
  background-color: #001874B3;
}
.bg-secondary {
  background-color: #F78D14;
}

.bg-secondary-hover {
  background-color: #d97706;
}

.border-secondary-hover {
  border-color: #d97706;
}


.text-primary {
  color: #001874;
}
.text-secondary {
  color: #4D4E4E;
}

.text-primary-hover {
  color: #001874B3;
}

.bg-brand-green {
  background-color: #16914E;
}

.bg-brand-green:hover {
  background-color: #0f6b3a;
}

/* Orange color classes */
.text-orange {
  color: #F78D14;
}

.text-orange-hover:hover {
  color: #D97706 !important;
}


.border-primary {
  border-color: #001874;
}
.border-secondary {
  border-color: #F78D14;
}

.border-secondary-hover:hover {
  background-color: #D97706; 
}

.font-montserrat {
  font-family: 'Montserrat', sans-serif;
}

.font-open-sans {
  font-family: 'Open Sans', sans-serif;
}

/* Font smoothing for better Safari rendering */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, p, span, div, a, button, input, textarea, select {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Ana kutu */
#google_translate_element {
  display: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 0.3s ease !important;
}

/* Başlık kısmı */
#google_translate_element .translate-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 16px;
  color: #1f2937;
  margin-bottom: 6px;
}

/* Başlık içindeki ikon */
#google_translate_element .translate-header svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}


#google_translate_element .goog-te-gadget {
  font-size: 0 !important; 
  line-height: 2 !important;
  display: flex !important;
  flex-direction: column;
  border-radius: 12px !important;
  overflow: hidden !important; /* dışa taşmayı engeller */
  border: 1px solid rgb(46, 46, 46) !important; /* kenar çizgisi düzgünce çevreler */
}

#google_translate_element .goog-te-combo {
  display: block !important;
  width: 100% !important;
  min-height: 52px !important;
  padding: 16px 48px 16px 16px !important; /* iç boşluk */
  font-size: 17px !important;
  font-weight: 600 !important;
  border-radius: 0 !important; /* dış radius'a bırak */
  border: none !important;    /* iç kenarlığı sıfırla */
  background-color: transparent !important;
  color: #111827 !important;
  font-family: 'Open Sans', 'Montserrat', sans-serif !important;
  box-sizing: border-box !important;
  text-align: left !important;
  cursor: pointer !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  background-position: right 16px center !important; /* ok sağda ortalansın */
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 0.2s ease !important;
}

/* Native arrow'u gizle (Chrome, Edge, Safari) */
#google_translate_element .goog-te-combo::-ms-expand { display: none !important; }
#google_translate_element .goog-te-combo::-webkit-inner-spin-button,
#google_translate_element .goog-te-combo::-webkit-outer-spin-button,
#google_translate_element .goog-te-combo::-webkit-search-decoration,
#google_translate_element .goog-te-combo::-webkit-search-cancel-button,
#google_translate_element .goog-te-combo::-webkit-search-results-button,
#google_translate_element .goog-te-combo::-webkit-search-results-decoration {
  display: none !important;
}
#google_translate_element .goog-te-combo::-webkit-input-placeholder { color: #111827 !important; }
#google_translate_element .goog-te-combo:-ms-input-placeholder { color: #111827 !important; }
#google_translate_element .goog-te-combo::placeholder { color: #111827 !important; }


/* Seçenekler içindeki Google görsellerini iptal et */
#google_translate_element .goog-te-combo option {
  background-image: none !important;
  padding-left: 8px !important;
}
/* Google'ın eklediği sahte "Dil Seçin" yazısını ve ok simgesini gizle */
.goog-te-menu-value,
.goog-te-menu-value span {
  display: none !important;
}

/* Yukarıdaki select'e gömülü logo ikonunu barındıran kutuyu tamamen kaldır */
#google_translate_element img,
.goog-te-gadget-icon {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Açılır iframe çerçevesi */
.goog-te-menu-frame {
  max-width: 90vw !important;  /* Ekranı taşmasın */
  width: auto !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  border-radius: 12px !important;
  z-index: 99999 !important;
  left: auto !important;
  right: 24px !important;
}

/* Menü içeriği */
.goog-te-menu2 {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
  gap: 8px !important;
  padding: 16px !important;
  max-height: 70vh !important; /* Çok yüksek olmasın */
  overflow-y: auto !important;
  font-family: 'Open Sans', 'Montserrat', sans-serif !important;
}
.goog-te-menu2-item {
  padding: 8px 12px !important;
  transition: background-color 0.2s ease !important;
}
.goog-te-menu2-item:hover {
  background-color: #f3f4f6 !important;
}

/* Gereksiz Google ögelerini tamamen gizle */
.goog-te-banner-frame,
.goog-te-banner,
.goog-te-spinner-pos,
#goog-gt-tt,
.skiptranslate iframe {
  display: none !important;
}

/* Dil seçici hizalama düzeltmesi */
.lang-select-fix,
.lang-select-fix * {
  line-height: 1 !important;
}
.lang-select-fix svg {
  transform: translateY(1px);
}

/* Mobil görünüm */
@media (max-width: 600px) {
  #google_translate_element {
    top: 12px !important;
    right: 12px !important;
    left: 12px !important;
    width: calc(100vw - 24px) !important;
    max-width: none !important;
    padding: 10px 12px !important;
  }
}

/* Scrollbar'ı her yerde gizle */
.scrollbar-hide {
  -ms-overflow-style: none;     /* IE & Edge */
  scrollbar-width: none;        /* Firefox   */
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;                /* Chrome, Safari */
}
.download-document-wrapper  {
  display: inline-flex !important;
}
.download-document-wrapper .file-name  {
  font-size: 0.7rem;
  max-width: 150px;
}
.download-document-wrapper .file-size  {
  display: none;
}
.download-document-wrapper a {
  display: inline-flex !important;
  flex-direction:row !important;
  align-items: center !important;
  gap: 10px !important;
  color: #3c3b3b;
}
.download-document-wrapper a img {
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
}

.download-document-wrapper + .download-document-wrapper  {
  margin-left: 2rem;
}
.download-document-wrapper {
  background-color: #e3e3e4;
  border-color: #e3e3e4;
  box-shadow: 0;
  height: auto !important;
  padding:0.2rem 0.5rem;
  transition: all 0.3s ease;
}

.download-document-wrapper:hover {
  text-decoration: none !important;
  transform: scale(1.05);
}
.download-document-wrapper:hover a img {
  transform: scale(1.1) translateX(-2px);
  transition: transform 0.5s ease;
}
.download-document-wrapper:hover a {
  text-decoration: none !important;
}
.cover-image-container {
  display: none !important;
}
.download-document-wrapper .file-name {
  color: #464545;
}