﻿/*
 * PsarasBooks MoreInfoAttr - independent CSS
 * Δεν χρησιμοποιεί το default Magento table id/class:
 *   #product-attribute-specs-table
 *   .data.table.additional-attributes
 * Έτσι δεν τραβάει τις default γραμμές του Magento.
 */

/* Tab wrapper: κρατάει την εμφάνιση κοντά στο Luma όπως φαίνεται τώρα */
.psarasbooks-moreinfoattr.product.data.items {
    margin: 0 0 20px;
    padding: 0;
}

.psarasbooks-moreinfoattr.product.data.items > .data.item.title {
    float: left;
    margin: 0 -1px 0 0;
}

.psarasbooks-moreinfoattr.product.data.items > .data.item.title > .data.switch {
    background: #fff;
    border: 1px none #d1d1d1;
    border-bottom: none;
    color: #333;
    display: block;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    text-decoration: none;
}

.psarasbooks-moreinfoattr.product.data.items > .data.item.title.active > .data.switch,
.psarasbooks-moreinfoattr.product.data.items > .data.item.title > .data.switch:hover {
    background: #fff;
    color: #333;
}

.psarasbooks-moreinfoattr.product.data.items > .data.item.content {
    clear: both;
    box-sizing: border-box;
    display: block;
    float: none;
    margin: 39px 0 0;
    padding: 35px 30px;
    border: 1px none #d1d1d1;
    background: #fff;
}

/* Δικός του πίνακας More Information - χωρίς ορατές γραμμές */
.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-table,
.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-table tbody,
.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-table tr,
.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-table th,
.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-table td {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-table {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    background: transparent;
}

.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-row {
    background: transparent;
}

.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-label,
.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-value {
    padding: 3px 0;
    line-height: 1.25;
    vertical-align: top;
    background: transparent;
}

/* Στήλη τίτλου/ονόματος πεδίου */
.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-label {
    width: 45%;
    text-align: left;
    color: #333;
    font-weight: 600;
}

/* Στήλη τιμής */
.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-value {
    width: 55%;
    text-align: left;
    color: #333;
    font-weight: 400;
}

/* Extra ασφάλεια για themes που βάζουν γραμμές με pseudo-elements */
.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-table tr::before,
.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-table tr::after,
.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-table th::before,
.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-table th::after,
.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-table td::before,
.psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-table td::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
}

@media only screen and (max-width: 767px) {
    .psarasbooks-moreinfoattr.product.data.items > .data.item.title {
        float: none;
        margin: 0;
    }

    .psarasbooks-moreinfoattr.product.data.items > .data.item.title > .data.switch {
        border: 1px solid #d1d1d1;
        padding: 0 15px;
    }

    .psarasbooks-moreinfoattr.product.data.items > .data.item.content {
        margin: 0;
        padding: 20px 15px;
    }

    .psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-label,
    .psarasbooks-moreinfoattr .psarasbooks-moreinfoattr-value {
        display: table-cell;
        padding: 3px 0;
    }
}




