/* 
HEADER
*/
.bookstore-header {
    position: sticky;
    top: var(--size-xl);
    right: 0;
    left: 0;
    padding: var(--size-s) var(--size);
    z-index: 20;
}
#bookstore-page .bookstore-header {padding: var(--size-s) 10.5rem var(--size-s) var(--size);}

#bookstore_p-header {transform: translateY(-4px);}
#bookstore-page .bookstore-header .t-body {transform: translateY(4px);}

@media only screen and (min-width: 1096px) {
    .bookstore-header {top: 0;}
}

.bookstore-header .t-body {
    display: inline-block;
    vertical-align: top;
}


/* Introduction */
.bookstore-introduction {margin: -2.4rem 0 var(--size);}
#publisher_p-introduction span {
    display: inline-block;
    text-indent: 11.25rem
}
#blind_encounters_p-introduction span {
    display: inline-block;
    text-indent: 12.5rem
}

@media only screen and (min-width: 1096px) {
    .bookstore-introduction {margin-top: -2.5rem;}
}




/* 
FILTERS
*/
/* MENU */
#bookstore_p-filters .--menu {
    position: fixed;
    top: var(--size-xl);
    right: 0;
    padding: var(--size-s) var(--size);
    z-index: 40;
}

#bookstore_p-filters .--menu > * {
    grid-column: -5/-1;
    width: fit-content;
    height: fit-content;
    margin: 0 0 .2em auto;
    transition: color 200ms ease-in-out;
}

/* CONTAINER */
#bookstore_p-filters .--container {
    position: fixed;
    top: var(--size-xl);
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--size-s) var(--size);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 30;
}
#bookstore_p-filters .--container[data-view="hide"] {display: none;}
#bookstore_p-filters .--container[data-view="filters"] #bookstore_p-filters--order {display: none;}
#bookstore_p-filters .--container[data-view="order"] #bookstore_p-filters--filters {display: none;}

.bookstore_p-filters--filters-groups {
    position: sticky;
    top: 0;
    grid-column: 1/4;
    height: fit-content;
}
.bookstore_p-filters--filters-groups .t-body {
    margin-bottom: .1em;
    transition: color 200ms ease-in-out;
}

.bookstore_p-filters--filters-subgroups {grid-column: 4/-5;}
.bookstore_p-filters--filters-subgroups .t-body {margin-bottom: .2em;}
#bookstore_p-filters--filters[data-view="genero"] .bookstore_p-filters--filters-subgroups:not(#bookstore_p-filters--genero) {display: none;}
#bookstore_p-filters--filters[data-view="idioma"] .bookstore_p-filters--filters-subgroups:not(#bookstore_p-filters--idioma) {display: none;}
#bookstore_p-filters--filters[data-view="autor"] .bookstore_p-filters--filters-subgroups:not(#bookstore_p-filters--autor) {display: none;}
#bookstore_p-filters--filters[data-view="editora"] .bookstore_p-filters--filters-subgroups:not(#bookstore_p-filters--editora) {display: none;}

#bookstore_p-filters--order > li {grid-column: 1/-5;}

@media only screen and (min-width: 768px) {
    .bookstore_p-filters--filters-groups {grid-column: 1/3;}
    .bookstore_p-filters--filters-subgroups {grid-column: 3/7;}
    #bookstore_p-filters--order > li {grid-column: 1/7;}
}

@media only screen and (min-width: 1096px) {
    #bookstore_p-filters .--menu,
    #bookstore_p-filters .--container {
        top: 0;
        left: var(--header_d-width);
    }

    #bookstore_p-filters .--container {padding-top: var(--size-l);}

    #bookstore_p-filters .--menu button {margin-left: 0;}
    #bookstore_p-filters .--menu button:nth-child(1) {grid-column: -3/-2;}
    #bookstore_p-filters .--menu button:nth-child(2) {grid-column: -2/-1;}

    .bookstore_p-filters--filters-groups {grid-column: -3/-2;}
    .bookstore_p-filters--filters-subgroups {grid-column: -2/-1;}

    #bookstore_p-filters--order > li {grid-column: -2/-1;}
}

@media only screen and (min-width: 2048px) {
    #bookstore_p-filters .grid-8 {grid-template-columns: repeat(12, 1fr);}
}

@media (hover: hover) {
    .bookstore_p-filters--filters-groups .t-body {transition: color 200ms ease-in-out !important;}
    .bookstore_p-filters--filters-groups .t-body:hover {color: var(--color) !important;}
}


/* 
GRID
*/
.bookstore-grid {padding: var(--size);}


/* Encontro às Cegas */
#blind_encounters_p-grid .--group:first-of-type {margin-top: var(--size-xxl);}
#blind_encounters_p-grid .--group:not(:last-of-type) {margin-bottom: var(--size-xxl);}

#blind_encounters_p-grid .--group > li {padding: 0 var(--size);}

#blind_encounters_p-grid .bookstore-grid {row-gap: var(--size);}
#blind_encounters_p-grid .--subgroup > li {grid-column: 1/-1;}
@media only screen and (min-width: 768px) {
    #blind_encounters_p-grid .--subgroup > li {grid-column: span 2;}
}
@media only screen and (min-width: 1096px) {
    #blind_encounters_p-grid .--subgroup > li {grid-column: span 1;}
}




/* 
PAGINATION
*/
.bookstore-pagination {
    margin-top: var(--size-xl);
    padding: var(--size);
}

.bookstore-pagination .--index {column-gap: var(--size-m);}
.bookstore-pagination .--index-links {column-gap: var(--size);}


@media only screen and (min-width: 768px) {
    .bookstore-pagination .--index {grid-column: 1/2;}

    .bookstore-pagination .--pages {
        grid-column: 2/-1;
        display: flex;
        flex-wrap: wrap;
        column-gap: var(--size);
        row-gap: var(--size-s);
    }
}

@media only screen and (min-width: 1096px) {
    .bookstore-pagination .--index {grid-column: 1/4;}
    .bookstore-pagination .--pages {grid-column: 4/-1;}
}

@media only screen and (min-width: 2048px) {
    .bookstore-pagination .--index {grid-column: 1/3;}
    .bookstore-pagination .--pages {grid-column: 3/-1;}
}

@media (hover: hover) {
    #bookstore_p-pagination .--pages a {transition: color 200ms ease-in-out;}
    #bookstore_p-pagination .--pages a:hover {color: var(--color) !important;}
}