/*
 * Bronze Home · Projeler ve referanslar
 * 12 Liste (100:33489) / M13 (336:38416) · 13 Proje detayı (100:36192) / M14 (336:38891)
 * Header bu dosyayı extension/bronzehome/project ve project.info için yükler.
 */

/* ---------- Breadcrumb (43:21389) ---------- */
.bh-crumbs__list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-8); margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 22px; color: var(--muted-foreground); }
.bh-crumbs__item { display: flex; align-items: center; gap: var(--space-8); }
.bh-crumbs__item + .bh-crumbs__item::before { content: "/"; color: var(--subtle-foreground); }
.bh-crumbs__item [aria-current="page"] { color: var(--foreground); }
.bh .bh-crumbs__item a:hover { color: var(--accent); }
.bh-crumbs__back { display: none; }

/* ---------- Chip seçili (Chip 38:21420 · Type=Selected) ---------- */
.bh-chip[aria-current] { background: var(--primary); border-color: var(--primary); color: var(--primary-foreground); }
.bh .bh-chip[aria-current]:hover { background: var(--primary-hover); border-color: var(--primary-hover); color: var(--primary-foreground); }

/* ---------- Proje kartı (büyük 856 · dikey 416 · yatay 636) ---------- */
.bh-pcard { display: flex; flex-direction: column; gap: var(--space-24); min-width: 0; }
.bh-pcard__media { position: relative; display: block; height: 600px; overflow: hidden; background: var(--tile-ivory); }
.bh-pcard__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.bh .bh-pcard:hover .bh-pcard__media img { transform: scale(1.02); }
.bh-pcard__info { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-8); }
.bh-pcard__link { margin-top: var(--space-8); font-size: 14px; line-height: 22px; font-weight: 500; letter-spacing: 0.02em; text-decoration: underline; text-underline-position: from-font; }
.bh .bh-pcard__link:hover { color: var(--accent); }
.bh-pcard--wide { flex-direction: row; align-items: center; gap: var(--space-24); }
.bh-pcard--wide .bh-pcard__media { flex: 0 0 calc((100% - var(--space-24)) / 2); height: 424px; }
.bh-pcard--wide .bh-pcard__info { flex: 1 1 0; min-width: 0; padding-left: var(--space-96); }
.bh-pcard--wide .bh-pcard__link { margin-top: var(--space-16); }
@media (prefers-reduced-motion: reduce) { .bh-pcard__media img { transition: none; } }

/* ---------- 12 · Liste ---------- */
.bh-projects__head { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-48); padding-top: var(--space-48); }
.bh-projects__title { display: flex; flex-direction: column; gap: var(--space-24); align-self: stretch; }
.bh-projects__title .bh-lede { max-width: 640px; }
.bh-projects__chiplist { display: flex; flex-wrap: wrap; gap: var(--space-8); margin: 0; padding: 0; list-style: none; }

/* Referans markalar (635:23869) */
.bh-refs { padding-block: var(--space-48); background: var(--background); }
.bh-refs .bh-container { display: flex; flex-direction: column; gap: var(--space-24); }
.bh-refs__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-24); margin: 0; padding: 0; list-style: none; }
.bh-refs__item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-8); height: 144px; padding: 0 var(--space-16); background: var(--surface); text-align: center; }
.bh-refs__item img { width: 32px; height: 32px; }
.bh-refs__name { font-family: var(--font-display); font-weight: 500; font-size: 28px; line-height: 36px; overflow-wrap: anywhere; }

/* Proje ızgarası (100:33589): satırlar büyük + dikey, yön dönüşümlü */
.bh-projects__list { padding: var(--space-64) 0 var(--space-120); }
.bh-projects__grid { display: flex; flex-wrap: wrap; gap: var(--space-64) var(--space-24); margin: 0; padding: 0; list-style: none; }
.bh-pcard--large { flex: 0 0 calc((100% - var(--space-24)) * 856 / 1272); }
.bh-pcard--tall { flex: 0 0 calc((100% - var(--space-24)) * 416 / 1272); }

/* Teklif bandı (QuoteCTA) bu sayfalarda alttan 120 boşluklu */
.bh-projects .bh-quote, .bh-project .bh-quote { padding-bottom: var(--space-120); }

/* ---------- 13 · Detay ---------- */
.bh-project__hero { height: 720px; overflow: hidden; background: var(--tile-ivory); }
.bh-project__hero img { width: 100%; height: 100%; object-fit: cover; }
.bh-project__head { display: flex; flex-direction: column; gap: var(--space-48); padding-top: var(--space-48); }
.bh-project__facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-24); margin: 0; padding-block: var(--space-24); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.bh-project__fact { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.bh-project__fact dt { font-weight: 400; }
.bh-project__fact dd { margin: 0; }

.bh-project__story { padding: var(--space-120) 0 87px; }
.bh-project__storyinner { display: flex; flex-direction: column; gap: var(--space-120); }
.bh-project__need { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-24); }
.bh-project__texts { flex: 0 1 526px; min-width: 0; display: flex; flex-direction: column; gap: var(--space-96); padding-top: var(--space-64); }
.bh-project__block { display: flex; flex-direction: column; gap: var(--space-24); }
.bh-project__rich > * + * { margin-top: var(--space-16); }
.bh-project__rich p, .bh-project__rich ul, .bh-project__rich ol { margin: 0; }
.bh-project__rich a { text-decoration: underline; text-underline-position: from-font; }
.bh-project__side { flex: 0 1 636px; min-width: 0; height: 795px; overflow: hidden; background: var(--tile-ivory); }
.bh-project__side img, .bh-project__gallery img { width: 100%; height: 100%; object-fit: cover; }
.bh-project__gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-24); margin: 0; padding: 0; list-style: none; }
.bh-project__gallery li { height: 424px; overflow: hidden; background: var(--tile-ivory); }
.bh-project__quote { align-self: center; width: 100%; max-width: 856px; display: flex; flex-direction: column; gap: var(--space-16); margin: 0; padding-left: var(--space-32); border-left: 1px solid var(--accent-soft); }
.bh-project__quote blockquote { margin: 0; }

.bh-project__h { margin-bottom: var(--space-48); }
.bh-project__products { padding-bottom: 117px; }
.bh-project__others { padding-bottom: var(--space-120); }
.bh-project__otherlist { display: flex; flex-direction: column; gap: var(--space-48); margin: 0; padding: 0; list-style: none; }

/* ---------- Tablet ---------- */
@media (max-width: 1199.98px) {
  .bh-pcard__media { height: 480px; }
  .bh-pcard--wide .bh-pcard__info { padding-left: var(--space-32); }
  .bh-refs__grid, .bh-project__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bh-project__hero { height: 560px; }
  .bh-project__texts { padding-top: var(--space-32); gap: var(--space-48); }
  .bh-project__side { height: 640px; }
  .bh-project__gallery li { height: 320px; }
}

/* ---------- Mobil (M13 / M14) ---------- */
@media (max-width: 767.98px) {
  .bh-projects__head { gap: var(--space-48); }
  .bh-refs { padding-block: var(--space-32); }
  .bh-refs__grid { grid-template-columns: 1fr; }
  .bh-refs__item { height: 112px; }
  .bh-refs__name { font-size: 22px; line-height: 28px; }
  .bh-projects__list { padding: var(--space-48) 0; }
  .bh-projects__grid { flex-direction: column; gap: var(--space-24); }
  .bh-pcard--large, .bh-pcard--tall { flex-basis: auto; }
  .bh-pcard__media { height: 600px; }
  .bh-projects .bh-quote, .bh-project .bh-quote { padding-bottom: var(--space-48); }

  .bh-project__hero { height: 720px; }
  .bh-project__facts { grid-template-columns: 1fr; }
  .bh-project__story { padding-block: var(--space-48); }
  .bh-project__storyinner { gap: var(--space-32); }
  .bh-project__need { flex-direction: column; align-items: stretch; gap: var(--space-16); }
  .bh-project__texts { flex-basis: auto; padding-top: var(--space-48); gap: var(--space-32); }
  .bh-project__side { flex-basis: auto; height: 795px; }
  .bh-project__gallery { grid-template-columns: 1fr; }
  .bh-project__gallery li { height: auto; aspect-ratio: 3 / 2; }
  .bh-project__quote { padding-left: var(--space-24); }
  .bh-project__products, .bh-project__others { padding-bottom: var(--space-48); }
  .bh-pcard--wide { flex-direction: column; align-items: stretch; }
  .bh-pcard--wide .bh-pcard__media { flex-basis: auto; height: 424px; }
  .bh-pcard--wide .bh-pcard__info { padding: 0 0 0 var(--space-24); }
}