/* =========================================================
   9. PREMIUM TABELA: INFORMACJE DODATKOWE
   ========================================================= */

/* Główny kontener tabeli */
.tw-premium-single .woocommerce-product-attributes,
.tw-premium-single table.shop_attributes {
    width: 100% !important;
    max-width: 800px !important; /* Maksymalna szerokość dla idealnej czytelności */
    border-collapse: collapse !important;
    border: none !important;
    margin: 0 !important;
    font-size: 16px !important; /* Powiększony, bardziej czytelny font */
}

/* Wiersze tabeli */
.tw-premium-single .woocommerce-product-attributes tr,
.tw-premium-single table.shop_attributes tr {
    display: flex !important; /* Zamieniamy tabelę we Flexbox, by łatwiej sterować na mobile */
    border-bottom: 1px solid #e5e7eb !important; /* Delikatna, nowoczesna linia podziału */
    transition: background-color 0.2s ease !important;
}

/* Usuwamy linię pod ostatnim wierszem */
.tw-premium-single .woocommerce-product-attributes tr:last-child,
.tw-premium-single table.shop_attributes tr:last-child {
    border-bottom: none !important;
}

/* Subtelne podświetlenie wiersza przy najechaniu myszką */
.tw-premium-single .woocommerce-product-attributes tr:hover,
.tw-premium-single table.shop_attributes tr:hover {
    background-color: #f9fafb !important;
}

/* Kolumna LEWA: Nagłówek (np. "Waga", "Wymiary") */
.tw-premium-single .woocommerce-product-attributes th,
.tw-premium-single table.shop_attributes th {
    width: 35% !important;
    padding: 18px 24px 18px 12px !important;
    font-weight: 600 !important;
    color: #6b7280 !important; /* Luksusowy, zgaszony szary */
    background: transparent !important;
    border: none !important;
    text-align: left !important;
    font-style: normal !important;
}

/* Kolumna PRAWA: Wartość (np. "1.5 kg", "Czerwony") */
.tw-premium-single .woocommerce-product-attributes td,
.tw-premium-single table.shop_attributes td {
    width: 65% !important;
    padding: 18px 12px 18px 0 !important;
    font-weight: 500 !important;
    color: #111827 !important; /* Ciemny, mocny kontrast */
    background: transparent !important;
    border: none !important;
}

/* WooCommerce czasami wrzuca tekst w <p> wewnątrz tabeli - to je wygładza */
.tw-premium-single .woocommerce-product-attributes td p,
.tw-premium-single table.shop_attributes td p {
    margin: 0 !important;
    padding: 0 !important;
}


/* ================== TABELA: MOBILE ================== */
@media (max-width: 768px) {
    /* Na telefonie łamiemy wiersze, by nazwa cechy była NAD jej wartością */
    .tw-premium-single .woocommerce-product-attributes tr,
    .tw-premium-single table.shop_attributes tr {
        flex-direction: column !important;
        padding: 14px 12px !important;
    }
    
    .tw-premium-single .woocommerce-product-attributes th,
    .tw-premium-single table.shop_attributes th {
        width: 100% !important;
        padding: 0 0 6px 0 !important;
        font-size: 14px !important;
    }
    
    .tw-premium-single .woocommerce-product-attributes td,
    .tw-premium-single table.shop_attributes td {
        width: 100% !important;
        padding: 0 !important;
        font-size: 16px !important;
    }
}