/* Modave'nin mevcut renk, yazı tipi ve radius tokenları; yalnız ürün sayfasında. */
/* 13.10 (Osman: "konumu ve tasarımı kötü"): kutu kaldırıldı — dolgulu kutu yükseldiği için çok bedenli
   üründe ilk beden satırının üstüne biniyordu. Modave'nin konumu (etiket satırı, sağ) korunur; sade bağlantı + cetvel ikonu (lucide "ruler"). */
body.single-product .product-sizechart a.pls-ajax-size-chart {
    gap: .4em;
    color: var(--pls-secondary-color);
    font-family: var(--pls-primary-font);
    font-size: calc(var(--pls-font-size) * .875);
    font-weight: var(--pls-font-weight-medium);
    line-height: 1.6;
    text-decoration: underline;
    text-underline-offset: .25em;
}
body.single-product .product-sizechart a.pls-ajax-size-chart::before {
    content: '';
    inline-size: 1.1em;
    block-size: 1.1em;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z'/><path d='m14.5 12.5 2-2'/><path d='m11.5 9.5 2-2'/><path d='m8.5 6.5 2-2'/><path d='m17.5 15.5 2-2'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z'/><path d='m14.5 12.5 2-2'/><path d='m11.5 9.5 2-2'/><path d='m8.5 6.5 2-2'/><path d='m17.5 15.5 2-2'/></svg>") center / contain no-repeat;
}
/* Modave tıklamada .loading ekler; ::before'a spin + kenarlık + 50% radius verir → cetvel ikonu döner (Emre 13.10: "ikon hareket etmesin"). */
body.single-product .product-sizechart a.pls-ajax-size-chart.loading::before {
    animation: none;
    border: 0;
    border-radius: 0;
}
body.single-product .product-sizechart a.pls-ajax-size-chart.loading {
    cursor: progress;
}
body.single-product .product-sizechart a.pls-ajax-size-chart:hover {
    opacity: .7;
}
body.single-product .product-sizechart a.pls-ajax-size-chart:focus-visible {
    outline: medium solid var(--pls-secondary-color);
    outline-offset: .2em;
}
body.single-product .pls-product-sizechart .sizechart-header h2 {
    color: var(--pls-heading-color);
    font-family: var(--pls-heading-font);
    font-size: calc(var(--pls-font-size) * 1.5);
    font-weight: var(--pls-font-weight-medium);
    text-transform: none;
}
/* Not alanı native şablonda col-md-6 yapar; iki blok tam genişlikte alt alta. */
body.single-product .pls-product-sizechart .product-sizechart-inner > div {
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 0;
}
body.single-product .pls-product-sizechart .pls-table-responsive {
    overflow: auto;
    max-height: 60vh;
    overscroll-behavior: contain;
}
body.single-product .pls-product-sizechart #size-chart {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: var(--pls-primary-font);
    font-size: var(--pls-font-size);
    color: var(--pls-secondary-color);
}
body.single-product .pls-product-sizechart #size-chart th,
body.single-product .pls-product-sizechart #size-chart td {
    padding: .75em 1em;
    white-space: nowrap;
    border: 0;
    border-bottom: var(--pls-border-bottom);
    text-align: center;
}
body.single-product .pls-product-sizechart #size-chart tr:first-child th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--pls-secondary-color);
    color: var(--pls-secondary-inverse-color);
    font-weight: var(--pls-font-weight-medium);
}
body.single-product .pls-product-sizechart #size-chart tr:nth-child(odd) td {
    background: color-mix(in srgb, var(--pls-primary-color) 7%, var(--pls-body-background));
}
body.single-product .pls-product-sizechart #size-chart td:first-child {
    background: color-mix(in srgb, var(--pls-primary-color) 18%, var(--pls-body-background));
    font-weight: var(--pls-font-weight-medium);
}
body.single-product .pls-product-sizechart .bsp-beden-not {
    margin-block: 1em 0;
    font-family: var(--pls-primary-font);
    color: var(--pls-secondary-color);
    line-height: inherit;
}
