/* Duyum OSGB - hafif cila katmani.
   Avada CSS'inden sonra yuklenir. Geri almak icin HTML'lerdeki <link> satirini kaldirmak yeterli. */

:root {
  --duyum-teal: #25afb4;
  --duyum-navy: #4c5166;
  --duyum-text: #5b6076;
}

/* Genel */
html { scroll-behavior: smooth; }
body {
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  animation: duyum-fade 0.45s ease-out both;
}
@keyframes duyum-fade { from { opacity: 0; } to { opacity: 1; } }
::selection { background: var(--duyum-teal); color: #fff; }
a { transition: color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease; }
:focus-visible { outline: 2px solid var(--duyum-teal); outline-offset: 3px; border-radius: 2px; }

/* Okunabilirlik: govde metni daha koyu ve ferah */
:root, body, .fusion-body { --body_typography-color: var(--duyum-text) !important; }
.fusion-text p, .post-content p, .fusion-column-wrapper p {
  color: var(--duyum-text);
  line-height: 1.75;
}
.fusion-text p + p { margin-top: 1.1em; }
.fusion-title h1, .fusion-title h2, .fusion-title h3, .fusion-title h4 { letter-spacing: 0.02em; }

/* Baslik alani */
.fusion-page-title-bar h1, .fusion-page-title-bar .entry-title {
  text-shadow: 0 2px 14px rgba(8, 20, 60, 0.35);
}

/* Ust menu / logo */
.fusion-header-wrapper.fusion-header-shadow .fusion-header {
  box-shadow: 0 2px 18px rgba(30, 40, 80, 0.08);
}
.fusion-logo img { transition: transform 0.3s ease; }
.fusion-logo a:hover img { transform: scale(1.03); }
.fusion-main-menu a, .fusion-mobile-nav-holder a { transition: color 0.2s ease, background-color 0.2s ease; }
.fusion-mobile-nav-holder a:hover { color: var(--duyum-teal); }
.fusion-main-menu-search .fusion-main-menu-icon:hover,
.fusion-mobile-menu-icons a:hover { color: var(--duyum-navy); }

/* Butonlar */
.fusion-button, .fusion-button.button-default {
  border-radius: 6px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.fusion-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(37, 175, 180, 0.28);
}

/* Gorseller (cercevesi olanlar) */
.fusion-imageframe img, .fusion-image-element img { border-radius: 8px; }
.fusion-imageframe, .fusion-image-element { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.fusion-imageframe:hover, .fusion-image-element:hover {
  box-shadow: 0 10px 28px rgba(30, 40, 80, 0.15);
}

/* Iletisim baglantilari */
.fusion-text a[href^="tel:"], .fusion-text a[href^="mailto:"] { text-decoration: none; }
.fusion-text a[href^="tel:"]:hover, .fusion-text a[href^="mailto:"]:hover {
  color: var(--duyum-teal);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Alt bilgi */
.fusion-footer-copyright-area { padding: 18px 0; }
.fusion-copyright-notice, .fusion-copyright-notice a { color: rgba(255, 255, 255, 0.78); }

/* Mobil */
@media (max-width: 800px) {
  .fusion-text p { line-height: 1.7; }
  .fusion-button { width: 100%; text-align: center; }
}

/* Hareketi azaltmak isteyenler icin */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body { animation: none; }
  *, *::before, *::after { transition: none !important; }
  .fusion-button:hover, }

/* ===== 2. katman: daha belirgin cila ===== */

/* Paragraf: biraz daha buyuk */
.fusion-text p { font-size: 16px; }

/* Ayirici cizgiler: daha kalin, yuvarlak uclu */
.fusion-separator-border.sep-single { border-top-width: 3px !important; border-radius: 3px; }

/* Ana sayfa kartlari (blog bileseni): baslik tipografisi + gorsel hover */
.fusion-post-content-wrapper { padding-top: 26px !important; }
.blog-shortcode-post-title, .blog-shortcode-post-title a {
  font-family: var(--body_typography-font-family, "Roboto Condensed"), sans-serif;
  font-weight: 700;
  font-size: clamp(24px, 2.6vw, 34px);
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: var(--duyum-navy);
}
.blog-shortcode-post-title::after {
  content: "";
  display: block;
  width: 56px;
  height: 3px;
  margin-top: 16px;
  border-radius: 3px;
  background: var(--duyum-teal);
  transition: width 0.3s ease;
}
.fusion-post-grid:hover .blog-shortcode-post-title::after,
.fusion-layout-column:hover > .fusion-column-wrapper .blog-shortcode-post-title::after { width: 96px; }
.fusion-image-wrapper { overflow: hidden; }
.fusion-image-wrapper img { transition: transform 0.7s cubic-bezier(0.2, 0.6, 0.2, 1); }
.fusion-image-wrapper:hover img { transform: scale(1.05); }

/* Beyaz yazili baslik/paragraf (koyu arka plan ustunde) okunabilirligi */
.fusion-text h2[style*="#fff"], .fusion-text h1[style*="#fff"] { text-shadow: 0 2px 18px rgba(0, 10, 40, 0.55); }
.fusion-text p[style*="#fff"] { text-shadow: 0 1px 12px rgba(0, 10, 40, 0.55); }

/* Dolgulu turkuaz pill buton */
.fusion-button.button-custom, .fusion-button.button-default.button-custom {
  background: var(--duyum-teal) !important;
  border-color: var(--duyum-teal) !important;
  border-radius: 999px;
  padding: 15px 40px;
  box-shadow: 0 6px 18px rgba(37, 175, 180, 0.35);
}
.fusion-button.button-custom .fusion-button-text {
  color: #fff !important;
  font-family: var(--body_typography-font-family, "Roboto Condensed"), sans-serif;
  font-weight: 700;
  letter-spacing: 0.14em;
}
.fusion-button.button-custom:hover {
  background: #fff !important;
  border-color: #fff !important;
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0, 10, 40, 0.35);
}
.fusion-button.button-custom:hover .fusion-button-text { color: var(--duyum-navy) !important; }

/* Alt bilgi */
#footer.fusion-footer-copyright-area {
  background: linear-gradient(180deg, #4c5166 0%, #393d50 100%) !important;
  border-top: 3px solid var(--duyum-teal);
  padding: 26px 0 30px;
}

/* Iletisim gorselleri */
.fusion-imageframe img { box-shadow: 0 6px 22px rgba(30, 40, 80, 0.12); }

/* Mobil: sabit 60px baslik tasmasin */
@media (max-width: 800px) {
  .fusion-text h2[style*="font-size: 60px"] { font-size: clamp(30px, 8vw, 60px) !important; line-height: 1.15; }
  .fusion-button.button-custom { padding: 14px 28px; }
}

/* 3. duzeltme: tema kurallarini (#wrapper #main ...) ezmek icin */
.fusion-text p { font-weight: 400; font-size: 17px; }
#wrapper #main .fusion-post-content > .blog-shortcode-post-title,
#wrapper #main .fusion-post-content > .blog-shortcode-post-title a {
  font-family: "Roboto Condensed", sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(24px, 2.6vw, 34px) !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;
  color: #4c5166 !important;
}
#wrapper #main .fusion-post-content > .blog-shortcode-post-title a:hover { color: #25afb4 !important; }

/* ===== Menu: masaustu menusu 900px ustunde her zaman gorunur ===== */
/* Tema 1450px altinda masaustu menuyu gizleyip hamburger gosteriyordu. */
@media (min-width: 900px) {
  .fusion-mobile-menu-design-modern .fusion-mobile-menu-icons,
  .fusion-mobile-menu-design-modern .fusion-mobile-nav-holder,
  .fusion-mobile-menu-design-modern .fusion-mobile-sticky-nav-holder { display: none !important; }

  .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-main-menu {
    display: block !important;
    float: right;
    width: auto;
  }
  .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-header .fusion-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-logo { float: none; flex: 0 0 auto; margin-right: 24px; }
  .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-main-menu > ul {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    margin: 0;
  }
}

/* Masaustu menu gorunumu (tum genisliklerde) */
.fusion-main-menu > ul > li { float: none; }
.fusion-main-menu > ul > li > a {
  display: flex;
  align-items: center;
  height: auto;
  margin: 0 4px;
  padding: 10px clamp(8px, 1.2vw, 18px);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--duyum-navy) !important;
  background: transparent !important;
  border: 0;
  border-bottom: 3px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.fusion-main-menu > ul > li > a .menu-text { padding: 0; }
.fusion-main-menu > ul > li > a:hover,
.fusion-main-menu > ul > li.current-menu-item > a,
.fusion-main-menu > ul > li.current_page_item > a {
  color: var(--duyum-teal) !important;
  background: transparent !important;
  border-bottom-color: var(--duyum-teal);
}
.fusion-main-menu .fusion-main-menu-icon { color: var(--duyum-navy); }
.fusion-main-menu .fusion-main-menu-icon:hover { color: var(--duyum-teal); }

/* Mobil menu */
.fusion-mobile-nav-holder .fusion-mobile-nav-item a,
.fusion-mobile-nav-holder a {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding-top: 14px;
  padding-bottom: 14px;
}
.fusion-mobile-nav-holder .current-menu-item > a,
.fusion-mobile-nav-holder .current_page_item > a { color: var(--duyum-teal); }
.fusion-mobile-menu-icons a { font-size: 22px; padding: 8px; }

/* Header iceriği tam genislige yayilsin: logo solda, menu sagda */
@media (min-width: 900px) {
  .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-header .fusion-row {
    max-width: none !important;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
  .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-main-menu { margin-left: auto; }
}

/* Menu: temanin yukseklik/padding kurallarini ezmek icin guclendirilmis secicilar */
.fusion-header-wrapper .fusion-header .fusion-main-menu > ul > li {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 2px !important;
}
.fusion-header-wrapper .fusion-header .fusion-main-menu > ul > li > a {
  height: auto !important;
  line-height: 1.3 !important;
  padding: 8px clamp(8px, 1.1vw, 16px) !important;
  border-bottom: 3px solid transparent !important;
  font-size: clamp(14px, 1.45vw, 18px) !important;
  letter-spacing: 0.05em !important;
}
.fusion-header-wrapper .fusion-header .fusion-main-menu > ul > li > a:hover,
.fusion-header-wrapper .fusion-header .fusion-main-menu > ul > li.current-menu-item > a,
.fusion-header-wrapper .fusion-header .fusion-main-menu > ul > li.current_page_item > a {
  border-bottom-color: #25afb4 !important;
  color: #25afb4 !important;
}
.fusion-header-wrapper .fusion-header .fusion-main-menu > ul > li > a.fusion-main-menu-icon {
  padding: 8px 10px !important;
  border-bottom-color: transparent !important;
  font-size: 18px !important;
}
.fusion-main-menu { min-width: 0; }

/* ===== Alt sayfalarda yan gorseller kirpilmasin ===== */
/* Gorseller 4:3 yatay; dikey kutularda "cover" yaniarini kesiyordu. Resim tam gorunur,
   bos kalan ust/alt kisim ayni resmin bulanik hali ile dolar. Ana sayfaya uygulanmaz. */
@media (min-width: 801px) {
  body:not(.home) .fusion-column-wrapper.fusion-column-has-bg-image {
    --duyum-img: var(--awb-bg-image);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background-image: none !important;
  }
  body:not(.home) .fusion-column-wrapper.fusion-column-has-bg-image::before,
  body:not(.home) .fusion-column-wrapper.fusion-column-has-bg-image::after {
    content: "";
    position: absolute;
    display: block;
    z-index: -1;
    pointer-events: none;
  }
  body:not(.home) .fusion-column-wrapper.fusion-column-has-bg-image::before {
    inset: -40px;
    background: var(--duyum-img) center / cover no-repeat;
    filter: blur(26px) saturate(1.1);
    z-index: -2;
  }
  body:not(.home) .fusion-column-wrapper.fusion-column-has-bg-image::after {
    left: 0;
    right: 0;
    top: 50%;
    aspect-ratio: 4 / 3;
    transform: translateY(-50%);
    background: var(--duyum-img) center / 100% 100% no-repeat;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 7%, #000 93%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 7%, #000 93%, transparent 100%);
  }
}

/* ===== Iletisim sayfasi (haritalara dokunulmaz) ===== */
.page-id-11 .fusion-fullwidth.fusion-builder-row-2,
.page-id-11 .fusion-fullwidth.fusion-builder-row-5 {
  --awb-padding-top: 56px !important;
  --awb-padding-bottom: 56px !important;
  --awb-padding-left: clamp(16px, 3vw, 40px) !important;
  --awb-padding-right: clamp(16px, 3vw, 40px) !important;
}
.page-id-11 .fusion-fullwidth.fusion-builder-row-5 { background-color: #f4f7f9 !important; }
.page-id-11 .fusion-fullwidth.fusion-builder-row-2 > .fusion-builder-row,
.page-id-11 .fusion-fullwidth.fusion-builder-row-5 > .fusion-builder-row { align-items: center !important; }

/* Bilgi karti: soldaki ana sutun */
.page-id-11 .fusion-fullwidth.fusion-builder-row-2 > .fusion-builder-row > .fusion-layout-column:first-child > .fusion-column-wrapper,
.page-id-11 .fusion-fullwidth.fusion-builder-row-5 > .fusion-builder-row > .fusion-layout-column:first-child > .fusion-column-wrapper {
  background: #fff;
  border-radius: 14px;
  padding: 34px 36px;
  box-shadow: 0 10px 34px rgba(30, 40, 80, 0.10);
  border-top: 4px solid var(--duyum-teal);
}
.page-id-11 .fusion-text h2::after,
.page-id-11 .fusion-text h4::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  margin-top: 12px;
  border-radius: 3px;
  background: var(--duyum-teal);
}
.page-id-11 .fusion-text h4 { font-size: 22px; }
.page-id-11 .fusion-imageframe img { box-shadow: 0 8px 22px rgba(30, 40, 80, 0.18); border-radius: 10px; }

/* Bilgi listesi: ikonlar CSS ile cizilir (sayfada Font Awesome yok) */
.page-id-11 .fusion-checklist { --awb-content-margin: 0px; margin: 0; padding: 0; }
.page-id-11 .fusion-checklist .fusion-li-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 9px 0;
  border-bottom: 1px solid #edf1f4;
}
.page-id-11 .fusion-checklist .fusion-li-item:last-child { border-bottom: 0; }
.page-id-11 .fusion-checklist .icon-wrapper {
  position: static;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin: 0 !important;
  border-radius: 50%;
  background: #e2f5f6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-id-11 .fusion-checklist .fusion-li-icon {
  display: block;
  width: 19px;
  height: 19px;
  margin: 0;
  font-size: 0 !important;
  line-height: 0;
  background-color: var(--duyum-teal);
  -webkit-mask: var(--duyum-ic) center / contain no-repeat;
  mask: var(--duyum-ic) center / contain no-repeat;
}
.page-id-11 .fusion-checklist .fusion-li-icon::before { content: none !important; }
.page-id-11 .fusion-checklist .fa-map-marker {
  --duyum-ic: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");
}
.page-id-11 .fusion-checklist .fa-phone,
.page-id-11 .fusion-checklist .awb-icon-check {
  --duyum-ic: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z'/%3E%3C/svg%3E");
}
.page-id-11 .fusion-checklist .fa-envelope-o {
  --duyum-ic: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4.2-8 5-8-5V6l8 5 8-5v2.2z'/%3E%3C/svg%3E");
}
.page-id-11 .fusion-checklist .fusion-li-item-content {
  margin: 0 !important;
  font-size: 17px;
  line-height: 1.5;
  color: var(--duyum-navy);
}
.page-id-11 .fusion-checklist .fusion-li-item-content span { color: var(--duyum-navy) !important; font-weight: 400; }
.page-id-11 .fusion-checklist .fusion-li-item-content p { margin: 0; }
.page-id-11 .fusion-checklist a {
  color: var(--duyum-navy);
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s ease;
}
.page-id-11 .fusion-checklist a:hover { color: var(--duyum-teal); }

@media (max-width: 800px) {
  .page-id-11 .fusion-fullwidth.fusion-builder-row-2 > .fusion-builder-row > .fusion-layout-column:first-child > .fusion-column-wrapper,
  .page-id-11 .fusion-fullwidth.fusion-builder-row-5 > .fusion-builder-row > .fusion-layout-column:first-child > .fusion-column-wrapper { padding: 24px 20px; margin-bottom: 24px; }
  .page-id-11 .fusion-fullwidth.fusion-builder-row-2,
  .page-id-11 .fusion-fullwidth.fusion-builder-row-5 { --awb-padding-top: 32px !important; --awb-padding-bottom: 32px !important; }
}
@media (max-width: 800px) {
  .page-id-11 .fusion-text h4 { margin-top: 20px; }
}
