/*
 * Mağaza sayfaları stilleri (ürün listesi, ürün sayfası, sepet, ödeme, sipariş, lisans sorgulama).
 * Renkler --zy-* tema değişkenlerinden gelir; sabit renk yazılmaz.
 */

/* Ürün sayfası: içerik sekmelerine tıklanınca başlık yapışkan menünün altında kalmasın */
.scroll-target {
    scroll-margin-top: 140px;
}

.content-tabs .nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
}

.content-tabs .nav::-webkit-scrollbar {
    display: none;
}

.content-tabs .nav-link {
    white-space: nowrap;
}

.gallery-thumbs a {
    display: block;
}

.addon-option {
    cursor: pointer;
}

.addon-option .form-check-input {
    flex-shrink: 0;
}

.buy-box [data-selected-price] .price {
    font-size: 1.5rem;
}

.plan-option .row-top .price {
    font-size: 1.05rem;
}

.demo-box code {
    word-break: break-all;
}

.copy-btn {
    line-height: 1;
}

/* Sepet ve ödeme */
.cart-line:first-child {
    padding-top: 0;
}

.cart-line:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.cart-line .line-end form {
    display: inline-block;
}

.summary-rows .summary-row span:last-child {
    font-variant-numeric: tabular-nums;
}

.page-checkout .btn-group .btn {
    gap: .35rem;
}

.page-checkout .form-check-label a {
    font-weight: 600;
}

.pay-method {
    margin: 0;
}

.pay-method .form-check-input {
    flex-shrink: 0;
    margin: 0;
}

/* Sipariş sayfası */
.page-order .license-key {
    font-size: .95rem;
}

.page-order .table th {
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--zy-muted);
    font-weight: 600;
}

.page-order .surface-alt .iban {
    word-break: break-all;
}

/* Katalog filtreleri */
.filter-box .chip {
    cursor: pointer;
}

.filter-group .form-check-input {
    cursor: pointer;
}

/* Lisans sorgulama */
.page-license-check .input-group .form-control {
    letter-spacing: .05em;
    text-transform: uppercase;
}

@media (max-width: 575.98px) {
    .buy-box {
        position: static;
    }
    .page-license-check .input-group {
        flex-direction: column;
    }
    .page-license-check .input-group > * {
        width: 100%;
        border-radius: var(--zy-radius-sm) !important;
        margin: 0 0 .5rem !important;
    }
}