@import url("reference.css");

.partnum{
    padding:.125em .25em;
    border-radius: .125em;
    background:rgb(255, 255, 221);
    border:.05em solid rgba(0,0,0,0.2);
    filter: invert();
    color:#000;
}


.part-detail .page {

    box-shadow:  -17px 17px 43px #c0c0c0,
                 17px -17px 43px #fafafa;
     border-radius: .5em;
    overflow: hidden;
    background: #fff;

    min-height: 40vh;
}


.title-and-specs{
    padding:1em;
    display: flex;
    flex-flow: column;
    gap:2em;
}

.title-and-specs h1 {
    font-family:var(--fontFamMono);
    display: flex;
    flex-flow:row wrap;
    align-items: center;
    gap:1em;
}
.title-and-specs h1 div.partnum{
    font-size: 3em;
    font-family: var(--fontFamMono);
    display: inline-block;
}
.title-and-specs h1 span{
    font-size: .75em;
}
.title-and-specs h1 .eng-tr{
    color:#7d7d7d;
    font-size:1.5em;
    font-style: italic;
}
.title-and-specs h1 .eng-tr::before{
    content:"(";
}
.title-and-specs h1 .eng-tr::after{
    content:")";
}



.title-and-specs h2{
    font-weight:500;
    font-size:1.2em;
    margin-bottom:1em;
    padding-top: 1em;
    border-top:1px dashed #aaaaaa;
}






.specs{
margin:1em 0
}


ul.spec-list{
    display: flex;
    flex-flow: row wrap;
    gap:.5em;
    margin: .5em 0;
    font-family: var(--fontFamMono);

}

ul.spec-list li{
    border:1px solid #333;
    font-size:1.5em;
    background: #fff;
}

ul.spec-list.set-sim-filt li{
cursor: pointer;
}

ul.spec-list.set-sim-filt li:hover{
    box-shadow: 0 0 .5em 0 rgba(0,0,0,0.2);
    z-index: 3;
    position: relative;
    transform: scale(1.1);
}
ul.spec-list.set-sim-filt li.include{
    background-color:rgb(218, 241, 255);
}

.set-sim-cntl p{
    margin-top:1em;
}
.set-sim-cntl .ae-btn{
    display: none;
    background:var(--color-blue);
    color:#fff;
    border-radius: .5em;
    margin-top:1em;
}
.set-sim-cntl.filt-set .ae-btn{
    display: block;

}



.pkg-descr em{
    font-family: var(--fontFamMono);
    font-weight:600;
    border:1px solid rgba(0,0,0,0.1);
    padding:0 .5em;
}





.pkg-imgs{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    gap:.5em;
    margin:1em 0;
}
.pkg-imgs > li{
    flex:0 0 6em;
    position: relative;
    border-bottom:1px solid transparent;
}
.pkg-imgs > li img{
    width:100%;
    height:7em;
    display: block;
    object-fit: contain;
    object-position: center center;
    border:1px solid #000;
}

.pkg-imgs > li::after{
    content:attr(title);
    font-size:.65em;
    padding:.25em .5em;
    text-align: right;
    background: rgba(0,0,0,0.1);
    display: block;
    font-style: italic;
}

.pkg-imgs > li:hover{
    box-shadow: 0 0 .5em 0 rgba(0,0,0,0.2);
    z-index: 3;
    position: relative;
    transform: scale(1.1);
    border-bottom:1px solid rgba(0, 0, 0, 0.38);

}









ul.res-list{
display: flex;
flex-flow: row wrap;
gap:2em;
margin:.5em 0;
}
ul.res-list li{
flex:0 1 35ch;
}
ul.res-list li a{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap:.5em;
    border-radius: .5em;
    background: rgb(247, 247, 247);
    border:1px solid rgba(0,0,0,0.15);
}
ul.res-list li a:hover{
    filter:brightness(.95);
}
ul.res-list li a img{ height:1.5em; }
ul.res-list li span{ color:var(--color-blue); }
ul.res-list li a p{
    flex:0 0 100%;
    text-align: left;
    font-size: .65em;
}


.pa-table tr{
    background-color: #fff;
}
.pa-table tr:hover{
    color:#000;
    filter: invert();
}
.prp-tblrow td{
white-space: nowrap;
}

.prp-tblrow td:last-child{
width:100%;
}






@page {
    size: portrait letter;
    margin:1cm;
}
@media print{
    .no-print, .no-print * { display: none !important; }

    header,
    .breadcrumbs,
    footer,
    .btn-row,
    .set-sim-cntl
    {display: none;}


    html, body{
        background:#fff;

    }
    article.page{
        box-shadow: none !Important;
    }
    article.page::before{
        content:"from reference.huntingtonaudio.com";
        display: block;
        text-align: right;
        font-family: var(--fontFamMono);
        margin-bottom:1em;
    }
    .title-and-specs {gap:1em;}
    .title-and-specs > * {
        border-top:0;
    }
    .spec-list {
        font-size:.65em;
    }
    .pa-table tr:hover {
        filter:none;
    }

    .pkg{
        order:4;
        page-break-inside: avoid;
    }

    .pkg-imgs{
        display:block;
        display: flex;
        flex-flow:row wrap;
    }
    .pkg-imgs li{
        flex:0 0 45%;
        height: inherit;
    }
    .pkg-imgs li:hover{
        transform: none;
        box-shadow: none;

   }
    .pkg-imgs li img{
        display: block;
        height:auto;
        object-fit:scale-down !important;
        max-width:100%;
        width:auto;
        margin:0 auto;
        border:none;
        padding:1em;
    }
    .ext-rsc{
        display: none;
    }
}