/* IDAFI WCPT STYLES */
:root {
    --idafi-bg: #f1f1f1;
    --idafi-text: #333;
    --idafi-act-bg: #fff;
    --idafi-act-text: #000;
    --idafi-border: #e1e1e1;
    --idafi-fsize: 16px;
}

/* --- ACCORDION --- */
body.idafi-wcpt-accordion-enabled .woocommerce-tabs > ul.tabs,
body.idafi-wcpt-accordion-enabled .woocommerce-tabs > .panel {
    display: none !important;
}
.idafi-wcpt-accordion { border: 1px solid var(--idafi-border); border-radius: 4px; margin: 20px 0; clear: both; }
.idafi-wcpt-accordion-item { border-bottom: 1px solid var(--idafi-border); background: var(--idafi-bg); }
.idafi-wcpt-accordion-item:last-child { border-bottom: none; }
.idafi-wcpt-accordion-header {
    width: 100%; background: transparent; color: var(--idafi-text); border: none; padding: 15px 20px;
    text-align: left; font-weight: 600; font-size: var(--idafi-fsize); cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.idafi-wcpt-accordion-item.active .idafi-wcpt-accordion-header { background: var(--idafi-act-bg); color: var(--idafi-act-text); }
.idafi-wcpt-accordion-content { display: none; padding: 20px; background: var(--idafi-act-bg); color: var(--idafi-act-text); border-top: 1px solid var(--idafi-border); }

/* --- VERTICAL LAYOUT (CSS GRID FIXED) --- */
/* Target Body Class -> Product Wrapper -> Tabs */
body.idafi-wcpt-vertical-tabs .woocommerce div.product .woocommerce-tabs {
    display: grid !important;
    grid-template-columns: 25% 75% !important; /* FIXED UNITS */
    background: transparent;
    border: 1px solid var(--idafi-border);
}

body.idafi-wcpt-vertical-tabs .woocommerce div.product .woocommerce-tabs ul.tabs {
    grid-column: 1 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: var(--idafi-bg);
    border-right: 1px solid var(--idafi-border);
    border-bottom: none !important;
}

body.idafi-wcpt-vertical-tabs .woocommerce div.product .woocommerce-tabs ul.tabs li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--idafi-border) !important;
    background: transparent !important;
    border-radius: 0 !important;
}

body.idafi-wcpt-vertical-tabs .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block !important;
    padding: 15px 20px !important;
    color: var(--idafi-text) !important;
    font-weight: 600;
    font-size: var(--idafi-fsize);
    text-decoration: none;
}

body.idafi-wcpt-vertical-tabs .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: var(--idafi-act-bg) !important;
    margin-right: -1px !important;
    border-right: 1px solid var(--idafi-act-bg) !important;
    z-index: 5;
}
body.idafi-wcpt-vertical-tabs .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--idafi-act-text) !important;
}

body.idafi-wcpt-vertical-tabs .woocommerce div.product .woocommerce-tabs .panel {
    grid-column: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 30px !important;
    display: none;
    border: none !important;
    background: var(--idafi-act-bg);
}

body.idafi-wcpt-vertical-tabs .woocommerce div.product .woocommerce-tabs .panel[style*="block"] {
    display: block !important;
}

@media (max-width: 768px) {
    body.idafi-wcpt-vertical-tabs .woocommerce div.product .woocommerce-tabs { display: block !important; }
    body.idafi-wcpt-vertical-tabs .woocommerce div.product .woocommerce-tabs ul.tabs { width: 100% !important; border-right: none; display: flex !important; flex-direction: row !important; overflow-x: auto; }
    body.idafi-wcpt-vertical-tabs .woocommerce div.product .woocommerce-tabs ul.tabs li { width: auto !important; flex: 1; }
}