/* ========================================
   Tyre Single — Accordion & Data Table
   ======================================== */

/* Dark accordion header */
.dg-tyre-accordion {
    margin-bottom: 5px;
}
.dg-tyre-accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 25px;
    background-color: var(--wp--preset--color--secondary, #001020);
    color: #fff;
    font-weight: 700;
    font-style: italic;
    font-size: 1rem;
    cursor: pointer;
    list-style: none;
}
.dg-tyre-accordion summary::marker,
.dg-tyre-accordion summary::-webkit-details-marker {
    display: none !important;
    content: none !important;
}
.dg-tyre-accordion summary::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url('../../../images/icon-arrow-right-thin.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
    margin-left: 15px;
    transition: transform 0.3s ease;
}
.dg-tyre-accordion[open] summary {
    margin-bottom: 50px;
}
.dg-tyre-accordion[open] summary::after {
    transform: rotate(90deg);
}

/* Accordion content area */
.dg-tyre-accordion > :not(summary) {
    padding: 25px;
}
.dg-tyre-accordion > .dg-tyre-data-table {
    padding: 0;
}

/* Data table */
.dg-tyre-data-table {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 50px;
}
.dg-tyre-data-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
}
.dg-tyre-data-row:nth-child(4n+1),
.dg-tyre-data-row:nth-child(4n+2) {
    background-color: var(--wp--preset--color--light-gray, #F7F8F9);
}
.dg-tyre-data-label {
    font-weight: 700;
    color: #242424;
    flex-shrink: 0;
    margin-right: 20px;
}
.dg-tyre-data-value {
    color: #242424;
    text-align: right;
}

/* Rating dots */
.dg-tyre-rating {
    display: flex;
    gap: 5px;
}
.dg-tyre-rating__dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: var(--wp--preset--color--soft-gray, #E8E8E8);
}
.dg-tyre-rating__dot--active {
    background-color: var(--wp--preset--color--primary, #CEDC00);
}

/* Energy label badges */
.dg-tyre-badges {
    display: flex;
    gap: 5px;
}
.dg-tyre-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--wp--preset--color--text-gray, #707070);
    background-color: var(--wp--preset--color--soft-gray, #E8E8E8);
}
.dg-tyre-badge--active {
    background-color: var(--wp--preset--color--primary, #CEDC00);
    color: var(--wp--preset--color--secondary, #001020);
}

/* Responsive */
@media (max-width: 767px) {
    .dg-tyre-data-table {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .dg-tyre-data-row:nth-child(4n+1),
    .dg-tyre-data-row:nth-child(4n+2) {
        background-color: transparent;
    }
    .dg-tyre-data-row:nth-child(odd) {
        background-color: var(--wp--preset--color--light-gray, #F7F8F9);
    }
    .dg-tyre-accordion summary {
        padding: 15px 20px;
        font-size: 0.95rem;
    }
    .dg-tyre-accordion > :not(summary) {
        padding: 15px;
    }
}