/* ============================================================
   nfcgoo.com — Apple-tarzı genel görsel kalıp
   (Apple'ın yapısı/tipografisi; marka yeşili #5E9A00 aksan korunur)
   Site geneline (tüm sayfalar) yüklenir, en son => override eder.
   ============================================================ */

/* ---------- Sistem fontu (Raleway yerine) ---------- */
body, button, input, select, textarea, optgroup,
h1, h2, h3, h4, h5, h6, p, a, span, li, ul, ol, label, small, strong, b, em,
td, th, div, section, article, nav, header, footer, aside, main, blockquote, figure, figcaption {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff; }
html { scroll-behavior: smooth; }

/* ---------- Apple-tarzı pill (hap) butonlar — marka renkleri korunur ---------- */
.hp-btn, .mg-btn, .ks-btn, .urn-btn, .uyelik-btn, .tg-btn, .tg-btn-red, .tg-btn2,
.register-button { border-radius: 980px !important; }

/* ---------- Dosya yükleme alanları — temalı (site geneli) ---------- */
input[type="file"] { font-size: 13px; color: #80868b; max-width: 100%; cursor: pointer; }
input[type="file"]::file-selector-button {
  font-family: inherit; font-size: 13px; font-weight: 700; color: #fff;
  background: #5E9A00; border: 0; border-radius: 980px;
  padding: 9px 18px; margin-right: 12px; cursor: pointer;
  transition: background .15s, box-shadow .15s, transform .12s;
}
input[type="file"]::file-selector-button:hover { background: #4d8000; box-shadow: 0 4px 12px rgba(94,154,0,.28); }
input[type="file"]::file-selector-button:active { transform: scale(.97); }
/* Eski WebKit/Blink */
input[type="file"]::-webkit-file-upload-button {
  font-family: inherit; font-size: 13px; font-weight: 700; color: #fff;
  background: #5E9A00; border: 0; border-radius: 980px;
  padding: 9px 18px; margin-right: 12px; cursor: pointer; transition: background .15s;
}
input[type="file"]::-webkit-file-upload-button:hover { background: #4d8000; }
input[type="file"]:disabled::file-selector-button,
input[type="file"]:disabled::-webkit-file-upload-button { background: #c8cdc2; cursor: not-allowed; }

/* ============================================================
   Üst menü — Apple-tarzı ince / yarı-saydam (blur)
   ============================================================ */
.header.ap-header {
  background: rgba(22, 22, 23, .8) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  min-height: 48px;
  height: 48px;
  padding: 0;
  color: #f5f5f7;
}
.ap-header-in {
  max-width: 1080px;
  margin: 0 auto;
  height: 48px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 0 22px;
  box-sizing: border-box;
}
.ap-logo { flex: 0 0 auto; display: flex; align-items: center; }
.ap-logo img { height: 22px; display: block; width: auto; filter: brightness(0) invert(1); }

.ap-links { flex: 1 1 auto; display: flex; justify-content: center; align-items: center; gap: 30px; min-width: 0; }
.ap-links a, .ap-actions a {
  font-size: 12.5px;
  font-weight: 400;
  color: #f5f5f7;
  text-decoration: none;
  letter-spacing: 0;
  opacity: .82;
  transition: opacity .15s, color .15s;
  white-space: nowrap;
}
.ap-links a:hover, .ap-actions a:hover { opacity: 1; color: #fff; }
.ap-search { display: inline-flex; align-items: center; justify-content: center; color: #f5f5f7; opacity: .82; cursor: pointer;
  background: none; border: 0; padding: 0; margin: 0; font: inherit; line-height: 0;
  -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; }
.ap-search:hover { opacity: 1; }
.ap-search:focus { outline: none; }
.ap-search svg { width: 16px; height: 16px; display: block; }

.ap-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 20px; }
.ap-cart { position: relative; display: inline-flex; align-items: center; }
.ap-cart img { height: 18px; width: auto; display: block; filter: brightness(0) invert(1); }
.ap-cart .sepet-count {
  position: absolute; top: -7px; right: -9px;
  min-width: 15px; height: 15px; padding: 0 3px;
  background: #5E9A00; color: #fff; font-size: 9.5px; font-weight: 700;
  line-height: 15px; text-align: center; border-radius: 999px; display: none;
}
.ap-cart .sepet-count.is-show { display: block; }

/* ============================================================
   Tanıtıcı şerit (Apple ürün sayfası "local nav" — menü altında)
   ============================================================ */
.ap-strip { position: fixed; top: 48px; left: 0; right: 0; z-index: 998; min-height: 44px; display: flex; align-items: center; padding: 6px 0;
  background: rgba(245, 245, 247, .82);
  -webkit-backdrop-filter: saturate(180%) blur(18px); backdrop-filter: saturate(180%) blur(18px);
  border-bottom: 1px solid rgba(0, 0, 0, .1); }
.ap-strip-in { max-width: 1024px; width: 100%; margin: 0 auto; padding: 0 22px; }
.ap-strip-links { display: block; text-align: center; font-size: 13px; line-height: 1.35; color: #1d1d1f; }
.ap-strip-links a { font-size: 13px; color: #5E9A00; opacity: 1; text-decoration: none; white-space: nowrap; }
.ap-strip-links a:hover { text-decoration: underline; }
/* (eski local-nav kalıntıları — kullanılmıyorsa zararsız) */
.ap-strip-title { font-weight: 600; color: #1d1d1f; text-decoration: none; }
.ap-strip-buy { background: #5E9A00; color: #fff !important; font-size: 12.5px; font-weight: 500; padding: 7px 16px; border-radius: 980px; text-decoration: none; }
.ap-strip-buy:hover { background: #4d8000; }
.ap-strip-buy { flex: 0 0 auto; background: #5E9A00; color: #fff !important; font-size: 12.5px; font-weight: 500; padding: 7px 16px; border-radius: 980px; text-decoration: none; transition: background .15s; }
.ap-strip-buy:hover { background: #4d8000; }

/* Sabit menü (48px) + şerit (44px) = 92px. ap-strip artik yalnizca anasayfa ve
   urun sayfalarinda gosterilir (bkz theme/menu.php). Strip GORUNEN urun sayfalari
   zaten hero/buyuk ust bosluk (.pg-hero/.urn-hero ~120px, .mg 108px) ile temizler.
   Strip GORUNMEYEN sayfalar yalnizca 48px menuyu temizler. */
.sub-page { padding-top: 56px; }
.mg { padding-top: 108px !important; } /* magaza strip gosterir -> 92px telafi */
.uyelik-banner { padding-top: 82px !important; } /* uyelik strip GOSTERMEZ -> 48px menu telafisi */

@media (max-width: 720px) {
  .ap-strip-in { padding: 0 14px; }
  .ap-strip-links, .ap-strip-links a { font-size: 11.5px; }
}

/* ---------- Mega-menü (Apple-tarzı hover açılır panel) ---------- */
.ap-links .ap-item { position: static; display: flex; align-items: center; height: 48px; }
.ap-drop {
  position: fixed; left: 0; right: 0; top: 48px;
  background: rgba(250, 250, 252, .98);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity .24s ease, transform .24s ease, visibility .24s;
  padding: 38px 0 54px; z-index: 999;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .08), 0 28px 48px rgba(0, 0, 0, .18);
}
.ap-item:hover > .ap-drop, .ap-drop:hover { opacity: 1; visibility: visible; transform: translateY(0); }
.ap-header:has(.ap-item:hover) { background: rgba(22, 22, 23, .92) !important; }
.ap-drop-in { max-width: 1024px; margin: 0 auto; padding: 0 22px; display: grid; grid-template-columns: minmax(260px, 1.15fr) repeat(2, minmax(150px, .55fr)); gap: 72px; align-items: start; }
.ap-drop-col { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; min-width: 0; }
.ap-drop-h { display: block; font-size: 12px; line-height: 1.33337; font-weight: 600; letter-spacing: 0; color: #6e6e73; margin: 0 0 11px; }
.ap-drop-col a { color: #1d1d1f !important; text-decoration: none; opacity: 1; transition: color .15s ease; white-space: normal; }
.ap-drop-main a { font-size: 24px !important; line-height: 1.16667; font-weight: 600; letter-spacing: 0; }
.ap-drop-sub a { font-size: 12px !important; line-height: 1.33337; font-weight: 600; letter-spacing: 0; }
.ap-drop-col a:hover { color: #5E9A00 !important; opacity: 1; text-decoration: none; }

/* ---------- Responsive (mobil menü — apple.com.tr tarzı) ---------- */
/* Hamburger butonu — yalnızca mobilde görünür */
.ap-burger { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 38px; height: 38px; padding: 8px; background: none; border: 0; cursor: pointer; }
.ap-burger span { display: block; width: 22px; height: 2px; background: #f5f5f7; border-radius: 2px; transition: transform .28s cubic-bezier(.4,0,.2,1), opacity .2s ease; }
/* Mobil panel — varsayılan gizli (masaüstünde asla görünmez) */
.ap-mobile { display: none; }

@media (max-width: 720px) {
  .ap-drop  { display: none !important; }
  .ap-links { display: none !important; }        /* masaüstü mega-menü şeridi gizle */
  .ap-burger { display: flex; }                  /* hamburger göster */
  .ap-header-in { gap: 10px; padding: 0 16px; }
  .ap-logo img { height: 20px; }
  .ap-actions { margin-left: auto; gap: 16px; }  /* ap-actions sağa yaslı */
  .ap-actions a, .ap-actions .ap-search { font-size: 12px; }

  /* Hamburger → X animasyonu */
  body.ap-mob-open .ap-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  body.ap-mob-open .ap-burger span:nth-child(2) { opacity: 0; }
  body.ap-mob-open .ap-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  /* Açılır panel — apple gibi açık zemin, header'ın altı, yumuşak fade+slide */
  .ap-mobile {
    display: block; position: fixed; left: 0; right: 0; top: 48px; bottom: 0;
    background: #fff; color: #1d1d1f; overflow-y: auto; -webkit-overflow-scrolling: touch;
    padding: 8px 0 48px; z-index: 1000;
    opacity: 0; visibility: hidden; transform: translateY(-8px);
    transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
  }
  body.ap-mob-open .ap-mobile { opacity: 1; visibility: visible; transform: translateY(0); }
  body.ap-mob-open { overflow: hidden; }         /* arka plan kaymasın */

  .ap-mobile > * { max-width: 680px; margin-left: auto; margin-right: auto; }

  .ap-m-row, .ap-m-head {
    width: 100%; display: flex; align-items: center; justify-content: space-between;
    background: none; border: 0; border-bottom: 1px solid #d2d2d7;
    color: #1d1d1f; font-size: 19px; font-weight: 600; line-height: 1.3; letter-spacing: -.01em;
    padding: 17px 22px; text-align: left; cursor: pointer; text-decoration: none;
    font-family: inherit;
  }
  .ap-m-head svg { width: 20px; height: 20px; flex: 0 0 auto; color: #86868b; transition: transform .25s ease; }
  .ap-m-item.is-open .ap-m-head svg { transform: rotate(180deg); }
  .ap-m-body { display: none; padding: 4px 22px 18px; animation: apMobFade .25s ease; }
  .ap-m-item.is-open .ap-m-body { display: block; }
  .ap-m-h { display: block; color: #6e6e73; font-size: 12px; font-weight: 600; margin: 15px 0 4px; }
  .ap-m-body a { display: block; color: #1d1d1f; font-size: 17px; font-weight: 400; padding: 11px 0; text-decoration: none; }
  .ap-m-body a:active { color: #5E9A00; }

  .ap-m-foot { display: flex; flex-wrap: wrap; gap: 22px; padding: 22px; }
  .ap-m-foot a { color: #1d1d1f; font-size: 17px; font-weight: 500; text-decoration: none; }

  /* Dil seçenekleri */
  .ap-m-lang { display: flex; gap: 10px; padding: 4px 22px 8px; }
  .ap-m-lang a {
    flex: 1 1 0; text-align: center; padding: 11px 0; border: 1px solid #d2d2d7; border-radius: 12px;
    color: #1d1d1f; font-size: 14px; font-weight: 500; text-decoration: none;
  }
  .ap-m-lang a.is-active { background: #1d1d1f; color: #fff; border-color: #1d1d1f; }

  /* Footer mobil cilası — daha rahat dokunma + ortalı sosyal */
  .footer_column ul a { padding: 7px 0; font-size: 13px; }
  .footer_title { font-size: 13px; margin-bottom: 6px; }
  .footer_sm { justify-content: flex-start; }
  .footer-legal__links a { padding: 4px 0; }
}

@keyframes apMobFade { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }

/* ---------- Arama overlay (apple tarzı, tüm genişlikler) ---------- */
.ap-search-ovl {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1100;
  background: rgba(22,22,23,.98);
  -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid rgba(255,255,255,.12);
  transform: translateY(-100%); transition: transform .3s cubic-bezier(.4,0,.2,1);
}
body.ap-search-open .ap-search-ovl { transform: translateY(0); }
.ap-search-bar { max-width: 1080px; margin: 0 auto; display: flex; align-items: center; gap: 12px; padding: 13px 22px; }
.ap-search-bar > svg { width: 20px; height: 20px; color: #86868b; flex: 0 0 auto; }
.ap-search-bar input { flex: 1 1 auto; min-width: 0; background: none; border: 0; outline: none; color: #f5f5f7; font-size: 19px; font-family: inherit; }
.ap-search-bar input::placeholder { color: #86868b; }
.ap-search-cancel { background: none; border: 0; color: #2997ff; font-size: 15px; cursor: pointer; flex: 0 0 auto; font-family: inherit; padding: 0 2px; }

/* ---------- Footer — apple tarzı mobil accordion ---------- */
@media (max-width: 768px) {
  .footer_col { grid-template-columns: 1fr; gap: 0; padding: 6px 0 0; }
  .footer_column { padding: 0; border-bottom: 1px solid #d2d2d7; }
  .footer_title {
    position: relative; cursor: pointer; margin: 0; padding: 16px 26px 16px 0;
    font-size: 14px; user-select: none;
  }
  .footer_title::after {
    content: ""; position: absolute; right: 4px; top: 50%; width: 8px; height: 8px;
    border-right: 1.5px solid #6e6e73; border-bottom: 1.5px solid #6e6e73;
    transform: translateY(-65%) rotate(45deg); transition: transform .25s ease;
  }
  .footer_column.is-open .footer_title::after { transform: translateY(-35%) rotate(-135deg); }
  .footer_column ul { display: none; padding: 0 0 14px; }
  .footer_column.is-open ul { display: block; }
  .footer_column ul a { padding: 9px 0; font-size: 14px; }

  /* Yasal linkler (apple.com.tr tarzı): ferah aralık + satır aralığı */
  .footer-legal__links { flex-wrap: wrap; row-gap: 12px; }
  .footer-legal__links a { padding: 4px 14px; line-height: 1.5; font-size: 13px; }
  .footer-legal__links a:first-child { padding-left: 0; }
}

/* ---------- Footer alt bandı: Dwork solda, iyzico sağda (web) ---------- */
/* İkinci legal blok: web'de Dwork logosu sola, iyzico/ödeme bandı sağa yaslı */
.footer-legal:last-of-type {
  justify-content: space-between;
  align-items: center;
  gap: 14px 30px;
}
.footer-legal__region img { max-width: 100%; height: auto; }

@media (max-width: 768px) {
  /* Alt band mobilde dikey, ortalı ve ferah */
  .footer-legal { flex-direction: column; align-items: center; text-align: center; gap: 14px; }
  .footer-legal__copyright { white-space: normal; }
  .footer-legal__links { justify-content: center; }
  .footer-legal__region { margin-left: 0; }
  .footer-legal:last-of-type { gap: 18px; }
}