/*
 * Shopify to WooCommerce Importer — Frontend Accordion Styles v1.0.13
 * Fixed for WoodMart "Fashion Minimalism" theme — increased font weight
 * and contrast for readability (the theme's default text is very thin/light).
 */

/* ── Accordion wrapper ───────────────────────────────────────────────────────*/
.s2w-accordion {
    max-width: 620px;
    margin: 0 0 24px 0;
    font-size: 15px;
    color: #333;
    font-family: inherit;
}

/* ── Each collapsible row ────────────────────────────────────────────────────*/
.s2w-accordion__item {
    border-top: 1px solid #e0e0e0;
    padding: 0;
    margin: 0;
}

.s2w-accordion__item:last-child {
    border-bottom: 1px solid #e0e0e0;
}

/* ── Summary / clickable header ──────────────────────────────────────────────
   Increased font-weight from 500 to 600, darker color, larger size
   so titles are clearly readable against WoodMart's thin base font.
   ─────────────────────────────────────────────────────────────────────────── */
.s2w-accordion__title {
    display:         flex !important;
    align-items:     center !important;
    justify-content: space-between !important;
    padding:         15px 4px !important;
    font-size:       15px !important;
    font-weight:     600 !important;
    color:           #1a1a1a !important;
    cursor:          pointer !important;
    list-style:      none !important;
    user-select:     none !important;
    transition:      color 0.2s !important;
    font-family:     inherit !important;
    line-height:     1.4 !important;
}

.s2w-accordion__title::-webkit-details-marker { display: none; }
.s2w-accordion__title::marker { display: none; content: ''; }

.s2w-accordion__title::after {
    content:     '+';
    font-size:   22px;
    font-weight: 400;
    color:       #555;
    line-height: 1;
    transition:  transform 0.25s ease, color 0.2s;
    flex-shrink: 0;
    margin-left: 12px;
}

.s2w-accordion__item[open] > .s2w-accordion__title::after {
    transform: rotate(45deg);
    color:     #1a1a1a;
}

.s2w-accordion__title:hover { color: #000 !important; }

/* ── Expanded content area ───────────────────────────────────────────────────
   Increased font-weight to 400 (normal) — WoodMart's default is 300 (light)
   which is unreadable for body text. Darker color too.
   ─────────────────────────────────────────────────────────────────────────── */
.s2w-accordion__content {
    padding:     4px 4px 18px 4px !important;
    color:       #3d3d3d !important;
    line-height: 1.7 !important;
    font-size:   14.5px !important;
    font-weight: 400 !important;
    animation:   s2wFadeIn 0.2s ease;
}

@keyframes s2wFadeIn {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Lists inside accordion — readable weight + bullets ──────────────────────*/
.s2w-accordion__content ul {
    list-style:   disc !important;
    padding-left: 22px !important;
    margin:       0 0 10px 0 !important;
}

.s2w-accordion__content ol {
    list-style:   decimal !important;
    padding-left: 22px !important;
    margin:       0 0 10px 0 !important;
}

.s2w-accordion__content ul li,
.s2w-accordion__content ol li {
    padding:     6px 0 !important;
    font-size:   14.5px !important;
    font-weight: 400 !important;
    color:       #3d3d3d !important;
    margin:      0 !important;
    line-height: 1.6 !important;
    border:      none !important;
    background:  none !important;
}

.s2w-accordion__content ul li::marker,
.s2w-accordion__content ol li::marker {
    color: #888;
}

/* ── Paragraphs and bold text inside accordion ───────────────────────────────*/
.s2w-accordion__content p {
    margin:      0 0 10px 0 !important;
    font-size:   14.5px !important;
    font-weight: 400 !important;
    color:       #3d3d3d !important;
}

.s2w-accordion__content strong,
.s2w-accordion__content b {
    font-weight: 700 !important;
    color:       #1a1a1a !important;
}

/* ── Override WoodMart's thin global font-weight on our elements ──────────────
   WoodMart "Fashion Minimalism" sets body text to font-weight:300 globally.
   These selectors win on specificity to force readable weights.
   ─────────────────────────────────────────────────────────────────────────── */
.woocommerce div.product .s2w-accordion,
.woocommerce div.product .s2w-accordion *,
.woodmart-product-content .s2w-accordion,
.woodmart-product-content .s2w-accordion *,
body .s2w-accordion__title,
body .s2w-accordion__content,
body .s2w-accordion__content li,
body .s2w-accordion__content p {
    font-weight: inherit;
}

body .s2w-accordion__title {
    font-weight: 600 !important;
}

body .s2w-accordion__content,
body .s2w-accordion__content li,
body .s2w-accordion__content p {
    font-weight: 400 !important;
}

.woocommerce div.product .s2w-accordion__content ul,
.woocommerce div.product .woocommerce-tabs .s2w-accordion__content ul,
.woodmart-product-content .s2w-accordion__content ul,
.product .s2w-accordion__content ul {
    list-style:   disc !important;
    padding-left: 22px !important;
}

.woocommerce div.product .s2w-accordion__content ul li,
.woocommerce div.product .woocommerce-tabs .s2w-accordion__content ul li,
.woodmart-product-content .s2w-accordion__content ul li,
.product .s2w-accordion__content ul li {
    list-style:  disc !important;
    border:      none !important;
    background:  none !important;
    padding:     5px 0 !important;
    font-weight: 400 !important;
}

/* ── Responsive ──────────────────────────────────────────────────────────────*/
@media ( max-width: 767px ) {
    .s2w-accordion { max-width: 100%; }
    .s2w-accordion__title,
    .s2w-accordion__content,
    .s2w-accordion__content li {
        font-size: 14px !important;
    }
}