/* TDW · Tamindir Deal Widget — makale içi mobil kart (V1 kompakt liste) */

/* 1) İzolasyon katmanı — host tipografisinin sızmasını kesmek */
.tdw, .tdw *{
  box-sizing:border-box;
  margin:0; padding:0;
  font-family:'Barlow',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  font-size:14px;
  line-height:1.25;
  font-weight:400;
  letter-spacing:normal;
  word-spacing:normal;
  text-transform:none;
  text-align:left;
  text-indent:0;
  color:#12324e;
  background:transparent;
  border:0;
  outline:0;
  list-style:none;
  text-decoration:none;
  text-shadow:none;
  box-shadow:none;
  float:none;
  vertical-align:baseline;
  white-space:normal;
}
.tdw a, .tdw a:link, .tdw a:visited, .tdw a:hover, .tdw a:active, .tdw a:focus{
  text-decoration:none; color:inherit; border:0;
}
.tdw img{max-width:none;width:auto;height:auto;display:block;border:0}
.tdw ::before, .tdw ::after{content:none}

/* 2) Kök — token'lar .tdw'ye scope'lu */
.tdw{
  --tdw-blue:#007ee7;
  --tdw-ink:#12324e;
  --tdw-line:#e6ebf0;
  --tdw-line-soft:#eef2f6;
  --tdw-save-bg:#c8f08a;
  --tdw-save-ink:#2e4f00;
  --tdw-free-bg:#1f9d55;
  --tdw-soon:#b25e14;
  --tdw-urgent:#c2331f;
  display:block;
  width:100%;
  max-width:100%;
  clear:both;
  margin:26px 0 28px;
  position:relative;
  -webkit-text-size-adjust:100%;
  contain:layout style;
}

/* 3) Başlık — CTA yok */
.tdw__head{display:flex;align-items:center;padding:0 0 10px}
.tdw__head .tdw__title{font-size:16px;font-weight:800;color:var(--tdw-ink);display:flex;align-items:center;gap:6px;line-height:1.1}
.tdw__rule{height:2px;background:var(--tdw-blue);opacity:.9;margin:0 0 12px;border-radius:2px}

/* 4) Ortak parçalar */
.tdw__icow{position:relative;flex:0 0 44px;width:44px;height:44px}
.tdw__ico{width:44px;height:44px;border-radius:11px;background:#f0f4f8;border:1px solid var(--tdw-line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.tdw__ico img{width:100%;height:100%;object-fit:contain}
.tdw__ico span{font-size:19px;font-weight:800;color:#5b6b7a;line-height:1}
.tdw__badge{position:absolute;top:-7px;left:-7px;z-index:2;font-size:10px;font-weight:800;line-height:1;padding:2px 5px;border-radius:6px;background:var(--tdw-save-bg);color:var(--tdw-save-ink);white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.tdw__badge.free{background:var(--tdw-free-bg);color:#fff}
.tdw__time{font-size:11.5px;font-weight:700;color:var(--tdw-soon);display:flex;align-items:center;gap:4px;line-height:1;white-space:nowrap}
.tdw__time.urgent{color:var(--tdw-urgent)}
.tdw__time svg{width:11px;height:11px;flex:0 0 11px}
.tdw__now{font-size:19px;font-weight:800;color:var(--tdw-blue);line-height:1}
.tdw__old{font-size:12px;font-weight:500;color:#9aa5b1;text-decoration:line-through;line-height:1}

/* 5) V1 · Kompakt liste */
.tdw--list .tdw__box{border:1px solid var(--tdw-line);border-radius:14px;background:#fff;overflow:hidden}
.tdw--list .r{display:flex;align-items:center;gap:11px;padding:11px 12px;min-height:66px}
.tdw--list .r + .r{border-top:1px solid var(--tdw-line-soft)}
.tdw--list .r:active{background:#f7fafd}
.tdw--list .m{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px}
.tdw--list .t{font-size:14.5px;font-weight:700;line-height:1.25;color:var(--tdw-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tdw--list .meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.tdw--list .p{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.tdw--list .foot{display:block;text-align:center;padding:11px 12px;font-size:13px;font-weight:700;color:var(--tdw-blue);background:#f7fafd}

/* 6) Erişilebilirlik */
.tdw a:focus-visible{outline:2px solid var(--tdw-blue);outline-offset:2px;border-radius:8px}
@media (prefers-reduced-motion:reduce){ .tdw *{transition:none!important;animation:none!important} }
.tdw__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* 7) Yalnızca mobil — masaüstünde sidebar Modül B geçerli */
@media (min-width:992px){ .tdw{display:none} }

/* Host: sidebar'da inject öncesi gizle; inject sonrası host boş kalabilir */
@media (max-width:991px){
  .tdw-host:not(.is-injected){
    display:none;
  }
  .sidebar .tdw-host:not(.is-injected){
    display:none;
  }
  .tdw-host.is-injected.is-template-only{
    display:none!important;
  }

  /* Guard: never keep the widget inside horizontal category carousels */
  .category-box-items > .tdw-host{
    display:none!important;
  }
}
@media (min-width:992px){
  .tdw-host{
    display:none!important;
  }
}
