/* File: css/woo-clean-tabs.css */
/* =========================================
   WOOCOMMERCE TABS - Clean & Floating Menu
   ========================================= */

.woocommerce-Tabs-panel--description > h2,
#tab-description > h2 {
    display: none !important;
}

.woocommerce-tabs {
    display: block !important;
    border: none !important;
    background: transparent !important;
    padding-top: 40px !important;
    margin-top: 0 !important;
    clear: both !important;
    width: 100% !important;
    position: relative !important;
    z-index: 1;
}

.woocommerce-tabs .woocommerce-Tabs-panel {
    border: none !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.woocommerce-tabs ul.tabs {
    display: none !important;
}

/* =========================================
   FLOATING TAB MENU STYLE
   ========================================= */
.pcm-floating-tabs {
    /* KHÔNG đặt position/left ở đây - để JS xử lý */
    display: none; /* JS sẽ set flex khi cần */
    flex-direction: column;
    gap: 2px;
    z-index: 9999;
    transition: opacity 0.3s ease;
}

.pcm-floating-tabs a {
    display: block;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(4px);
    color: #555;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 12px 16px;
    border-right: 3px solid #e0e0e0;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.08);
}

.pcm-floating-tabs a:hover,
.pcm-floating-tabs a.active {
    background: rgba(245, 249, 240, 0.98);
    color: #5a8a2e;
    border-right-color: #5a8a2e;
}

@media (max-width: 768px) {
    .pcm-floating-tabs {
        display: none !important;
    }
}