/* ==========================================================================
   Craftis Child – WooCommerce product tabs as Elementor nested-accordion
   File: craftis-child/css/product-accordion.css
   ========================================================================== */

/* ── Remove any default WooCommerce tab UI ───────────────────────────────── */
.woocommerce-tabs .wc-tabs {
    display: none !important;
}

/* ── Accordion wrapper ───────────────────────────────────────────────────── */
.e-n-accordion {
    width: 100%;
    border-top: 1px solid #e0e0e0;
    margin: 2rem 0 0;
}

/* ── Individual item (<details>) ─────────────────────────────────────────── */
.e-n-accordion-item {
    border-bottom: 1px solid #e0e0e0;
}

/* Suppress native browser disclosure triangle */
.e-n-accordion-item summary {
    list-style: none;
}
.e-n-accordion-item summary::-webkit-details-marker {
    display: none;
}

/* ── Summary (clickable title row) ───────────────────────────────────────── */
.e-n-accordion-item-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 0;
    cursor: pointer;
    user-select: none;
    outline: none;
}

.e-n-accordion-item-title:hover {
    opacity: 0.75;
}

/* ── Title text ──────────────────────────────────────────────────────────── */
.e-n-accordion-item-title-header {
    flex: 1;
}

.e-n-accordion-item-title-text {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 1.3;
    color: inherit;
}

/* ── Icon wrapper ────────────────────────────────────────────────────────── */
.e-n-accordion-item-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-left: 1rem;
}

.e-n-accordion-item-title-icon svg {
    width: 20px;
    height: 20px;
    display: block;
}

/* Default (CLOSED): show +, hide − */
.e-n-accordion-item .e-opened { display: none; }
.e-n-accordion-item .e-closed { display: inline-flex; }

/* Open: show −, hide + */
.e-n-accordion-item[open] .e-opened { display: inline-flex; }
.e-n-accordion-item[open] .e-closed  { display: none; }

/* While closing (JS adds this class before removing [open]) */
.e-n-accordion-item.is-closing .e-opened { display: none; }
.e-n-accordion-item.is-closing .e-closed  { display: inline-flex; }

/* ── Collapsible content panel ───────────────────────────────────────────── */

/* OPEN animation – fires whenever [open] is present */
@keyframes craftisAccordionOpen {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* CLOSE animation – fires while .is-closing is on the <details> */
@keyframes craftisAccordionClose {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-8px);
    }
}

.e-n-accordion-item[open] > .e-n-accordion-item-content {
    animation: craftisAccordionOpen 0.35s ease both;
    padding-bottom: 1.25rem;
}

.e-n-accordion-item.is-closing > .e-n-accordion-item-content {
    animation: craftisAccordionClose 0.25s ease both;
    /* Keep panel visible during close animation */
    display: block !important;
}

/* ── Suppress WooCommerce h2 inside each panel ───────────────────────────── */
.e-n-accordion-item-content h2 {
    display: none;
}

.e-n-accordion-item-content p:last-child,
.e-n-accordion-item-content table:last-child {
    margin-bottom: 0;
}

/* ── Product meta (Additional Information) tweaks ────────────────────────── */
.e-n-accordion-item-content .product_meta {
    font-size: 0.875rem;
    line-height: 1.8;
}

.e-n-accordion-item-content .product_meta .detail-label {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-right: 0.4em;
}