/*
 * Adanacar v4: customer reviews (/yorumlar). One score panel (score, stars breakdown, sources),
 * reviews sit in a loose editorial wall of leaf-cornered cards, Google cards carry Google's attribution.
 * Tokens only (temel.css), light + dark. The form is an ordinary column (no sticky sidebar).
 * Behaviour: js/suzgec.js (filter, "show more"), js/yorumlar.js (privacy dialog).
 */
@layer custom {
  .ac-yr { --ac-leaf: 1.75rem; }
  [data-suzgec-liste] > [hidden] { display: none !important; }
  .ac-yr__g { display: inline-block; inline-size: 1em; block-size: 1em; vertical-align: -0.125em; flex: none; }
  .ac-yr__stars { display: inline-flex; gap: 2px; color: var(--ac-gold-text); font-size: 0.875rem; }

  /* ------------------------------------------------------------------ score panel */
  .ac-yr__ozet { padding-block: var(--ac-section-tight) 0; }
  .ac-yr__pano {
    position: relative; display: grid; gap: var(--ac-space-6); padding: var(--ac-space-6);
    background: var(--ac-surface-3); border: 1px solid var(--ac-line); box-shadow: var(--ac-shadow-1);
    border-radius: var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-leaf) var(--ac-radius-lg);
  }
  .ac-yr__pano::before { content: ""; position: absolute; inset-block: var(--ac-space-6); inset-inline-start: 0; inline-size: 3px; background: var(--ac-gold); border-radius: 0 3px 3px 0; }
  @media (width >= 768px) { .ac-yr__pano { grid-template-columns: auto minmax(0, 1fr); padding: var(--ac-space-7); } }
  @media (width >= 1200px) { .ac-yr__pano { grid-template-columns: auto minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: var(--ac-space-8); } }

  .ac-yr__buyuk { display: grid; justify-items: start; gap: var(--ac-space-2); }
  .ac-yr__buyuk .ac-eyebrow { margin: 0; }
  .ac-yr__skor { display: flex; align-items: baseline; gap: var(--ac-space-2); margin: 0; }
  .ac-yr__skor b { font-size: clamp(3.75rem, 2.75rem + 4vw, 6rem); font-weight: 800; line-height: 0.85; letter-spacing: -0.05em; color: var(--ac-ink); }
  .ac-yr__skor span { font-size: var(--ac-step-2); font-weight: 700; color: var(--ac-muted); }
  .ac-yr__buyuk .ac-yr__stars { font-size: 1.25rem; gap: 3px; }
  .ac-yr__buyuk small { color: var(--ac-muted); font-weight: 600; }

  .ac-yr__dagilim { display: grid; gap: var(--ac-space-2); margin: 0; }
  .ac-yr__dagilim > div { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); align-items: center; gap: var(--ac-space-3); }
  .ac-yr__dagilim dt { display: inline-flex; align-items: center; gap: var(--ac-space-1); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ac-ink-2); }
  .ac-yr__dagilim dt i { font-size: 0.75rem; color: var(--ac-gold-text); }
  .ac-yr__dagilim dd { display: grid; grid-template-columns: minmax(0, 1fr) 2.5rem; align-items: center; gap: var(--ac-space-3); margin: 0; }
  .ac-yr__dagilim dd b { justify-self: end; font-weight: 700; color: var(--ac-muted); }
  .ac-yr__cubuk { display: block; block-size: 0.5rem; background: var(--ac-line); border-radius: 999px; overflow: hidden; }
  .ac-yr__cubuk span { display: block; block-size: 100%; background: linear-gradient(90deg, var(--ac-gold), var(--ac-gold-text)); border-radius: inherit; }

  .ac-yr__kaynaklar { display: grid; gap: var(--ac-space-3); align-content: center; }
  @media (width >= 768px) and (width < 1200px) { .ac-yr__kaynaklar { grid-column: 1 / -1; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); align-items: center; } }
  .ac-yr__kaynak { display: flex; align-items: flex-start; gap: var(--ac-space-3); margin: 0; padding: var(--ac-space-3) var(--ac-space-4); background: var(--ac-surface); border: 1px solid var(--ac-line); border-radius: var(--ac-radius); color: var(--ac-ink-2); }
  .ac-yr__kaynak > .ac-yr__g, .ac-yr__kaynak > i { margin-block-start: 0.2rem; color: var(--ac-gold-text); }
  .ac-yr__kaynak b { color: var(--ac-ink); }
  .ac-yr__kaynak a { display: block; color: var(--ac-red); font-size: var(--ac-step--1); font-weight: 700; }
  .ac-yr__cta { justify-self: start; }
  .ac-yr__atif a { color: var(--ac-red); font-weight: 700; }

  /* ------------------------------------------------------------------ wall + form */
  .ac-yr__govde { padding-block: var(--ac-section); }
  .ac-yr__duzen { display: grid; gap: var(--ac-space-8); }
  @media (width >= 1200px) { .ac-yr__duzen { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); align-items: start; } }
  .ac-yr__bas { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--ac-space-4); margin-block-end: var(--ac-space-6); }
  .ac-yr__bas h2 { margin: 0; font-size: var(--ac-step-4); letter-spacing: -0.02em; }

  .ac-yr__chips { display: flex; flex-wrap: wrap; gap: var(--ac-space-2); }
  .ac-yr__chips[hidden] { display: none; }
  .ac-yr__chip {
    display: inline-flex; align-items: center; gap: var(--ac-space-2); min-block-size: 2.5rem; padding: 0 var(--ac-space-4);
    border: 1px solid var(--ac-line-strong); border-radius: var(--ac-radius); background: transparent; color: var(--ac-ink);
    font: inherit; font-size: var(--ac-step--1); font-weight: 600; cursor: pointer;
    transition: background-color var(--ac-dur-2) var(--ac-ease), color var(--ac-dur-2) var(--ac-ease);
  }
  .ac-yr__chip span { color: var(--ac-muted); font-weight: 500; font-variant-numeric: tabular-nums; }
  .ac-yr__chip:hover { border-color: var(--ac-ink); }
  .ac-yr__chip[aria-pressed="true"] { background: var(--ac-ink); border-color: var(--ac-ink); color: var(--ac-surface); }
  .ac-yr__chip[aria-pressed="true"] span { color: inherit; opacity: 0.75; }
  .ac-yr__chip:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 3px; }

  .ac-yr__duvar { columns: 18rem; column-gap: var(--ac-space-5); list-style: none; margin: 0; padding: 0; }
  .ac-yr__kart { break-inside: avoid; margin-block-end: var(--ac-space-5); animation: ac-yr-in var(--ac-dur-3) var(--ac-ease) both; }
  .ac-yr__kart:focus { outline: 2px solid var(--ac-focus); outline-offset: 3px; }
  .ac-yr__kart figure {
    display: flex; flex-direction: column; gap: var(--ac-space-4); margin: 0; padding: var(--ac-space-6);
    background: var(--ac-surface-3); border: 1px solid var(--ac-line);
    border-radius: var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-leaf) var(--ac-radius-lg);
    transition: transform var(--ac-dur-2) var(--ac-ease), box-shadow var(--ac-dur-2) var(--ac-ease), border-color var(--ac-dur-2) var(--ac-ease);
  }
  .ac-yr__kart figure:hover { transform: translateY(-2px); box-shadow: var(--ac-shadow-2); border-color: var(--ac-line-strong); }
  .ac-yr__kart:nth-child(3n + 2) figure { border-radius: var(--ac-radius-lg) var(--ac-leaf) var(--ac-radius-lg) var(--ac-radius-lg); }
  .ac-yr__ust { display: flex; align-items: center; justify-content: space-between; gap: var(--ac-space-3); }
  .ac-yr__ust time { font-size: var(--ac-step--2); font-weight: 700; letter-spacing: var(--ac-tracking-caps); text-transform: uppercase; color: var(--ac-muted); }
  .ac-yr__kart blockquote { margin: 0; }
  .ac-yr__kart blockquote p { margin: 0; font-size: var(--ac-step-0, 1rem); line-height: 1.65; color: var(--ac-ink); text-wrap: pretty; }
  .ac-yr__kart blockquote p::before { content: "“"; display: block; block-size: 1.5rem; font-size: 3rem; line-height: 1; color: var(--ac-gold); }
  .ac-yr__kart figcaption { display: flex; align-items: center; gap: var(--ac-space-3); padding-block-start: var(--ac-space-4); border-block-start: 1px solid var(--ac-line); }
  .ac-yr__foto, .ac-yr__harf { inline-size: 2.5rem; block-size: 2.5rem; border-radius: 50%; flex: none; object-fit: cover; }
  .ac-yr__harf { display: grid; place-items: center; background: var(--ac-gold-soft); color: var(--ac-gold-text); font-weight: 800; }
  .ac-yr__kim { display: grid; min-inline-size: 0; }
  .ac-yr__ad { font-weight: 750; color: var(--ac-ink); }
  a.ac-yr__ad { text-decoration: underline; text-decoration-color: var(--ac-gold); text-underline-offset: 0.2em; }
  a.ac-yr__ad:hover { color: var(--ac-red); }
  .ac-yr__kim small { display: inline-flex; align-items: center; gap: var(--ac-space-1); color: var(--ac-muted); font-size: var(--ac-step--2); }
  .ac-yr__bos { margin: 0; color: var(--ac-muted); }
  .ac-yr__daha { display: flex; justify-content: center; margin: var(--ac-space-5) 0 0; }
  .ac-yr__daha[hidden] { display: none; }
  .ac-yr__dahabtn { border: 0; background: none; padding: var(--ac-space-2) 0; font: inherit; font-weight: 700; cursor: pointer; }
  .ac-yr__atif { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ac-space-2); margin: var(--ac-space-6) 0 0; color: var(--ac-muted); font-size: var(--ac-step--1); }

  .ac-yr__form {
    padding: var(--ac-space-6); background: var(--ac-surface-3); border: 1px solid var(--ac-line);
    border-radius: var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-leaf); box-shadow: var(--ac-shadow-1);
  }
  .ac-yr__onay .form-check-label { font-size: var(--ac-step--1); color: var(--ac-ink-2); }
  .ac-yr__onay a { color: var(--ac-red); font-weight: 700; }

  /* ------------------------------------------------------------------ privacy dialog */
  .ac-yr__dialog {
    inline-size: min(42rem, calc(100vw - 2rem)); max-block-size: min(80vh, 48rem); padding: 0;
    background: var(--ac-surface-3); color: var(--ac-ink); border: 1px solid var(--ac-line); border-radius: var(--ac-radius-lg); box-shadow: var(--ac-shadow-3);
  }
  .ac-yr__dialog[open] { display: flex; flex-direction: column; }
  .ac-yr__dialog::backdrop { background: rgb(17 17 20 / 0.55); }
  .ac-yr__dialog-bas, .ac-yr__dialog-alt { display: flex; align-items: center; justify-content: space-between; gap: var(--ac-space-3); padding: var(--ac-space-4) var(--ac-space-5); }
  .ac-yr__dialog-bas { border-block-end: 1px solid var(--ac-line); }
  .ac-yr__dialog-bas h2 { margin: 0; }
  .ac-yr__dialog-govde { overflow-y: auto; padding: var(--ac-space-5); }
  .ac-yr__dialog-alt { justify-content: flex-end; border-block-start: 1px solid var(--ac-line); }

  @keyframes ac-yr-in { from { opacity: 0; transform: translateY(8px); } }

  @media (prefers-reduced-motion: reduce) {
    .ac-yr *, .ac-yr__dialog { animation: none !important; transition-duration: 0.01ms !important; }
  }
  @media (forced-colors: active) {
    .ac-yr__kart figure, .ac-yr__kaynak, .ac-yr__form, .ac-yr__pano { border-color: CanvasText; }
    .ac-yr__chip[aria-pressed="true"] { forced-color-adjust: none; background: Highlight; color: HighlightText; }
  }
  @media print {
    .ac-yr__chips, .ac-yr__daha, .ac-yr__yaz, .ac-yr__cta { display: none !important; }
    [data-suzgec-liste] > [hidden] { display: revert !important; }
    .ac-yr__duvar { columns: 2; }
  }
}