html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-color: rgba(173, 131, 49);
    background-image: linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.92)), url("images/bgpattern-small.png");
   /* transition: background-color 1s ease, color 1s ease;*/
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    will-change: background-color, color;
}

/* Dark mode styles 
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
   background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

body.dark-mode header,
body.dark-mode .card {
    transition: background-color 1s ease, color 1s ease;
}

body.dark-mode .card {
    background-color: #2c2c2c;
    color: white;
}

body.dark-mode .breadcrumb-item.active {
    color: #AAA;
}

body.dark-mode .card-content {
    color: #eee;
}

body.dark-mode #swipeOverlay {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
}

body.dark-mode .modal-body,
body.dark-mode .modal-footer {
    background-color: #2c2c2c;
}

body.dark-mode #bookmarksList .list-group-item {
    background-color: #121212;
    color: #eaeaea;
}

body.dark-mode .text-muted,
body.dark-mode #bookmarksList .fas,
body.dark-mode #bookmarksList .fas::before,
body.dark-mode #bookmarks .muted-notes {
    color: #eaeaea !important;
}
*/
/* Styles for the dark mode toggle button */
#darkModeToggle {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    margin-left: 0.5rem;
    transition: opacity 0.3s ease, transform 0.3s ease;
    display: inline-block;
    width: 1.5em;
    text-align: center;
}

body.read-page,
body.read-page .app-container {
    overflow: hidden;
    height: 100%;
}

body.index-page .app-container,
body.read-page .app-container {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    width: 95%;
    margin: 0 auto;
}

body.index-page .app-container {
    min-height: 100vh;
}

h1 {
    flex-shrink: 0;
    font-size: 1.5rem;
    margin: 0.5rem 0;
}

h2 {
    font-size: 0.75rem;
    color: #aaa;
    margin: 0.5rem 0;
    text-align: left;
}

.card-container {
    position: relative;
    flex-grow: 1;
    perspective: 1000px;
    z-index: 30;
}

.card {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    height: 96%;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 10px;
    border: 0 solid #e5e7eb;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
    opacity: 1 !important;
    transform-origin: center bottom;
    backface-visibility: hidden;
    will-change: transform;
    z-index: 30;
   
    
}



.card img {
    width: 100%;
    height: 30%;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.card-content {
    flex-grow: 1;
    overflow-y: auto;
    font-size: 1rem;
    line-height: 1.6;
    color: #4a4a4a;
    padding: 1rem;
}

.card-footer {
    text-align: center;
    font-size: 1rem;
    letter-spacing: 0.5px;
    font-family: "Sofia Sans Extra Condensed", sans-serif;
    color: #999;

    padding: 0.25rem 0;
    border-top: 0px;

    
    opacity: 1;
    text-align: center;
    position: relative;

    margin-bottom: 0px;
    padding: 0px 0px 5px;
    background: transparent;
}




body.dark-mode .card-footer {
    background: none !important;
}

.page-number {
    display: inline-block;
    position: relative;
    padding: 0 15px;
    font-size: 14px;
    color: #999;
    cursor:pointer;
    /* Adjust color as needed */
}
#pageInfo{
    cursor:pointer;
}

  
  #offlineIcon {
    width: 30px;
    margin-top: -8px;
    fill: rgb(272, 130, 48);
    margin-right: 10px;
  }
body.dark-mode .page-number {
    color: #888;
}

/*.page-number::before,
  .page-number::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 40px;
    height: 1px;
    background-color: #ccc; 
  } */

body.dark-mode .page-number::before,
body.dark-mode .page-number::after {
    background-color: #555;
}

.page-number::before {
    left: -45px;
}

.page-number::after {
    right: -45px;
}


header {
    flex-shrink: 0;
    position: relative;
    z-index: 5000;
}

#menuButton {
    padding: 0;
    font-size: 1.5rem;
    color: #333;
}

.dropdown-menu {
    border: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.dropdown-item {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    color: #AD8331;
}

.dropdown-item i {
    width: 20px;
}


/*
.move-up .card {
    animation: moveUp 0.3s ease-out forwards;
}

.move-down .card {
    animation: moveDown 0.3s ease-out forwards;
}*/

@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-device-width: 812px) and (min-resolution: 192dpi) {
    .card-content {
        font-size: 1rem;
        line-height: 1.4;
    }

    .swipe-overlay {
        width: 70%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .card-content {
        font-size: 1.1rem;
    }
}

@media only screen and (min-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .card-content {
        font-size: 1.2rem;
        padding: 1rem 1.5rem 0.5rem
    }

    .card img {
        height: 35%;
    }
}

.fas:before {
    color: #AD8331;
}

.swipe-overlay {
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px 20px;
    border-radius: 20px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 1000;
}

.swipe-icon {
    width: 40px;
    height: 40px;
    border: 2px solid white;
    border-radius: 50%;
    position: relative;
    margin-bottom: 10px;
    margin-right: 15px;
}

.swipe-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

.hamburger-icon {
    width: 25px;
    height: 20px;
    position: relative;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.hamburger-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #AD8331;
    border-radius: 9px;
    opacity: 1;
    transition: .25s ease-in-out;
}

.hamburger-icon span:nth-child(1) {
    top: 0px;
}

.hamburger-icon span:nth-child(2) {
    top: 8px;
}

.hamburger-icon span:nth-child(3) {
    top: 16px;
}

.hamburger-icon.open span:nth-child(1) {
    top: 10px;
    transform: rotate(135deg);
}

.hamburger-icon.open span:nth-child(2) {
    opacity: 0;
}

.hamburger-icon.open span:nth-child(3) {
    top: 10px;
    transform: rotate(-135deg);
}

.card.loading {
    background-color: #f0f0f0;
}

.card.loading .card-image {
    background-color: #e0e0e0;
    height: 30%;
}

.card.loading .card-content {
    padding: 1rem;
}

.loading-line {
    height: 15px;
    margin-bottom: 10px;
    background-color: #e0e0e0;
    border-radius: 4px;
    animation: loading-animation 1.5s infinite;
}

.loading-line.title {
    width: 50%;
}

.loading-line.full {
    width: 100%;
}

.loading-line.medium {
    width: 75%;
}

@keyframes loading-animation {
    0% {
        background-color: #e0e0e0;
    }

    50% {
        background-color: #f0f0f0;
    }

    100% {
        background-color: #e0e0e0;
    }
}

body.dark-mode .card.loading {
    background-color: #2c2c2c;
}

body.dark-mode .card.loading .card-image,
body.dark-mode .loading-line {
    background-color: #3c3c3c;
}

body.dark-mode .loading-line {
    animation: loading-animation-dark 1.5s infinite;
}

@keyframes loading-animation-dark {
    0% {
        background-color: #3c3c3c;
    }

    50% {
        background-color: #4c4c4c;
    }

    100% {
        background-color: #3c3c3c;
    }
}

.breadcrumb {
    margin-bottom: 7px;
    font-size: 1rem;
    letter-spacing: 0px;
    font-family: "Sofia Sans Extra Condensed", sans-serif;
    color: #888;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-left: 0;
    padding-right: 3px;
    color: #aaa;
    content: var(--bs-breadcrumb-divider, "»");
}

.breadcrumb-item+.breadcrumb-item,
li.breadcrumb-item {
    padding-right: 3px;
}

body.read-page .chapter-card,
body.read-page .chapter-card::before {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

body.read-page .chapter-card::before {

    background-size: cover;
    background-position: center;
    transform: scale(1.1) translateY(30px);

}

.card-overlay {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
}

.overlay-content {
    text-align: center;
    width: 100%;
    padding: 1rem;
    z-index: 1;
    position: relative;
    top: 20%;
}

.chapter-number,
.chapter-name {
    color: white;
    font-family: "Kavivanar", cursive;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
}

.chapter-number {
    font-size: 1rem;
}

.chapter-name {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2px;
    text-align: center;
}

#splash-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    opacity: 0.4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #333;
    border-top: 5px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#splash-screen p {
    margin-top: 20px;
    font-size: 18px;
    color: #333;
}

.overlay-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

.fa-pencil-alt::before {
    color: #777;
    font-size: 14px;
}

.modal-dialog {
    border-radius: 15px;
    margin: 1.75rem auto;
    max-width: 500px;
    width: 60%;
}

@media (max-width: 576px) {
    .modal-dialog {
        margin: 0.5rem;
        width: 100%;
        margin-left: 0px;
    }

    .modal-content {
        border-radius: 15px;
    }

    .modal-header {
        padding: 15px;
    }

    .modal-body {
        padding: 20px;
    }

    .nav-tabs .nav-link {
        padding: 8px 15px;
    }
}

#booksContainer {
    flex-grow: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#goToModal.show {
    background: rgba(0, 0, 0, 0.5);
    z-index: 5001;
    padding-left: 0 !important;
}

.modal-backdrop {
    display: none;
}

.modal-backdrop,
.modal-backdrop.dark-mode {
    background-color: rgba(173, 131, 49, 0.3);
}

.modal-content,
.modal-content.dark-mode {
    background-color: #FFF9F0;
    border: none;
    border-radius: 15px;
    box-shadow: 0 0 20px rgba(173, 131, 49, 0.2);
}

.modal-header,
.modal-header.dark-mode {
    background-color: #AD8331;
    color: white;
    border-bottom: none;
    padding: 20px;
}

.modal-title {
    font-weight: 600;
    font-size: 1.5rem;
}

.modal-body {
    padding: 30px;
}

.nav-tabs {
    border-bottom: 0px solid #E0C9A1;
}

.nav-tabs .nav-item {
    margin-bottom: -2px;
}

.nav-tabs .nav-link {
    border: none;
    color: #6B5420;
    font-weight: 500;
    padding: 10px 20px;
}

.nav-tabs .nav-link:hover {
    color: #AD8331;
}

.nav-tabs .nav-link.active {
    color: #AD8331;
    background-color: transparent;
    border-bottom: 2px solid #AD8331;
}

.tab-content {
    padding-top: 20px;
}

.form-control {
    border-radius: 8px;
    border: 2px solid #E0C9A1;
    padding: 10px 15px;
}

.form-control:focus {
    border-color: #AD8331;
    box-shadow: 0 0 0 0.2rem rgba(173, 131, 49, 0.25);
}

select.form-control {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23AD8331' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 12px;
    padding-right: 40px;
}

.modal-footer {
    border-top: none;
    padding: 20px;
}

.btn {
    border-radius: 8px;
    font-weight: 500;
    padding: 10px 20px;
    transition: all 0.3s ease;
}

.btn-secondary {
    background-color: #C4A86D;
    border-color: #C4A86D;
    color: white;
}

.btn-secondary:hover {
    background-color: #B39659;
    border-color: #B39659;
}

.btn-primary {
    background-color: #AD8331;
    border-color: #AD8331;
    color: white;
}

.btn-primary:hover {
    background-color: #8E6C28;
    border-color: #8E6C28;
}

body.dark-mode .btn-secondary {
    background-color: #6B5420;
    border-color: #6B5420;
    color: #FFF9F0;
}

body.dark-mode .btn-secondary:hover {
    background-color: #8E6C28;
    border-color: #8E6C28;
}

body.dark-mode .btn-primary {
    background-color: #C4A86D;
    border-color: #C4A86D;
    color: #2C2C2C;
}

body.dark-mode .btn-primary:hover {
    background-color: #E0C9A1;
    border-color: #E0C9A1;
}

/* Chapter card styles */
.chapter-card {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    height: 200px;
    position: relative;
    background-size: cover;
    background-position: center;
}

body.index-page .card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 1));
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}

.chapter-card:hover {
    transform: scale(1.01);
}

body.index-page.overlay-content {
    text-align: center;
    width: 100%;
    z-index: 1;
}

.chapter-card .card-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.chapter-card .card-body {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.chapter-card .card-title {
    font-size: 1.25rem;
    color: #AD8331;
    margin-bottom: 10px;
}

.chapterGrid {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

@media (min-width: 200px) and (max-width: 319px) {
    .chapterGrid {
        grid-template-columns: 1fr;
    }

    .chapter-card {
        height: 180px;
    }
}

@media (min-width: 320px) {
    .chapterGrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .chapter-card {
        height: 150px;
    }
}

@media (min-width: 768px) {
    .chapter-card {
        height: 180px;
    }
}

@media (min-width: 768px) {
    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 100%;
    }
}

.row>* {
    padding-right: 2px;
    padding-left: 2px;
}

body.index-page .overlay-content {
    top: 0;
}

body.index-page .overlay-content .chapter-number {
    font-size: 0.8rem;
}

body.index-page .overlay-content .chapter-name {
    font-size: 1.2rem;
}

h2.book-title {
    font-size: 1.4rem;
    font-family: "Sofia Sans Extra Condensed", sans-serif;
    position: relative;
    overflow: hidden;
    cursor: default;
    color: rgba(173, 131, 49);
    transition: color 0.3s ease, transform 0.3s ease;
    opacity: 0.7;
}

h2.book-title:hover {
    color: #999;
}

h2.book-title::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-right: -100%;
    height: 1px;
    background: linear-gradient(to right, rgba(173, 131, 49), rgba(0, 123, 255, 0));
    opacity: 1;
   /* transition: opacity 0.3s ease;*/
}

h2.book-title:hover::after {
    opacity: 0.7;
}

h2.book-title span,
h2.book-title img {
    /*transition: opacity 0.3s ease;*/
    opacity: 1;
}

h2.book-title:hover span,
h2.book-title:hover img {
    opacity: 0.7;
}

.continueReading {
    position: relative;
    margin: 3rem 0.5rem 0rem;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: rgb(173, 131, 49);
    color: white;
    font-weight: 600;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
    cursor: pointer;
    height: 45px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.continueReading::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("images/buttonbg.png") center/cover;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    z-index: 1;
}

.continueReading>* {
    position: relative;
    z-index: 2;
}

.button-arrow {
    font-size: 2rem;
}

.continueReading:hover {
    background-color: rgba(173, 131, 49, 0.8);
}

.continueReadingPage {
    float: right;
    font-weight: 400;
    font-family: "Sofia Sans Extra Condensed", sans-serif;
}

.bookmark-button {
    position: absolute;
    top: 10px;
    z-index: 10;
    right: 60px;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    padding: 0; /* Remove any default padding */

}

.bookmark-button:hover {
    background-color: rgba(255, 255, 255, 1);
}

.bookmark-icon {
    
    color: #ad8331;
    transition: fill 0.3s ease;
}

.bookmark-icon.bookmarked {
    fill: #ad8331;
    stroke: #ad8331;
}


.save-button {
    position: absolute;
    top: 10px;
    z-index: 10;
    right: 10px;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    padding: 0; /* Remove any default padding */

}

.save-button:hover {
    background-color: rgba(255, 255, 255, 1);
}

.save-icon {
   
    fill: #ad8331;
    transition: fill 0.3s ease;
}


.card-content .fa {
    color: #AD8331;
    padding-right: 5px;
    border-bottom: none;
}

.clicked-capsule {
    position: absolute;

    background-color: rgba(255, 255, 255, 0.9);
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.6s ease;
    RIGHT: 60px;
    height: 36px;
    top: 10px;
    text-align: left;
    width: 160px;
    display: flex;
    align-items: center;
    padding-left: 14px;
    color: #333;

}

@media (hover: hover) and (pointer: fine) {
    .bookmark-button::after {
        content: attr(data-tooltip);
        position: absolute;
        top: 50%;
        right: 100%;
        transform: translateY(-50%);
        margin-right: 10px;
        padding: 5px 10px;
        background-color: rgba(0, 0, 0, 0.8);
        color: white;
        border-radius: 4px;
        font-size: 12px;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, visibility 0.3s;
        pointer-events: none;
    }

    .bookmark-button::before {
        content: '';
        position: absolute;
        top: 50%;
        right: 100%;
        transform: translateY(-50%);
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent rgba(0, 0, 0, 0.8);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, visibility 0.3s;
    }

    .bookmark-button:hover::after,
    .bookmark-button:hover::before {
        opacity: 1;
        visibility: visible;
    }

    .bookmark-button.tooltip-clicked::after,
    .bookmark-button.tooltip-clicked::before {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0s, visibility 0s;
    }

    .bookmark-button.tooltip-clicked:hover::after,
    .bookmark-button.tooltip-clicked:hover::before {
        opacity: 0;
        visibility: hidden;
    }
}

.bookmark-icon {
    transition: fill 0.3s ease;
}

.bookmark-icon.bookmarked {
    fill: #ad8331 !important;
}

#bookmarksList .list-group-item {
    cursor: pointer;
    transition: background-color 0.4s ease;
    padding-right: 2.5rem;
    position: relative;
    margin: 2px 0;
    border-radius: 5px;
    border: 0px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    padding: 6px 1.2rem;
}



#bookmarksList .list-group-item:hover {
    background-color: #f8f9fa;
}

#bookmarksList .bookmark-content {
    flex-grow: 1;
    padding-right: 1rem;
}

#bookmarksList .bookmark-info {
    font-weight: 500;
    margin-bottom: 4px;
}

#bookmarksList .text-muted {
    font-size: 0.85rem;
}

#bookmarksList .fas {
    color: #6c757d;
}

#bookmarksList .bookmark-date,
#bookmarksList .bookmark-time {
    display: inline-block;
    vertical-align: middle;
}

#bookmarksList .bookmark-actions {
    position: absolute;
    right: 0.75rem;
    top: 1.5rem;
    transform: translateY(-50%);
}

#bookmarksList .add-note-bookmark,
#bookmarksList .delete-bookmark {
    padding: 0.25rem;
    font-size: 1rem;
    line-height: 1;
    font-size: 1.4rem;
    color: #6c757d;
    opacity: 0;
    transition: opacity 0.2s ease, color 0.2s ease;
}

@media (max-width: 430px) {

    #bookmarksList .add-note-bookmark,
    #bookmarksList .delete-bookmark {
        opacity: 1 !important;
        /* Make fully visible on touch devices */
        margin-left: 0px !important;
        padding: 0px !important;
    }

    .bookmark-note-container {
        margin-bottom: 30px;
    }

    #bookmarksList .list-group-item {
        display: flex;
        flex-direction: column;
        padding: 0.75rem 1rem;
    }

    #bookmarksList .bookmark-content {
        order: 2;
        margin-top: 0px;
    }

    #bookmarksList .bookmark-actions {
        order: 1;
        align-self: flex-end;
        margin-bottom: 0.5rem;
        bottom: 0.2rem;
        transform: translateY(0);
    }

    #bookmarksList .bookmark-info {
        margin-top: 0.5rem;
    }
}

@media (pointer:coarse) {

    #bookmarksList .add-note-bookmark,
    #bookmarksList .delete-bookmark {
        opacity: 1 !important;
        /* Make fully visible on touch devices */
        margin-left: 0px !important;
        padding: 0px !important;
    }

    .bookmark-note-container {
        margin-bottom: 30px;
    }

    #bookmarksList .list-group-item {
        display: flex;
        flex-direction: column;
        padding: 0.75rem 1rem;
    }

    #bookmarksList .bookmark-content {
        order: 2;
        margin-top: 0px;
    }

    #bookmarksList .bookmark-actions {
        order: 1;
        align-self: flex-end;
        margin-bottom: 0.5rem;
        bottom: 0.2rem;
        transform: translateY(0);
    }

    #bookmarksList .bookmark-info {
        margin-top: 0.5rem;
    }
}


#bookmarksList .list-group-item:hover .add-note-bookmark,
#bookmarksList .list-group-item:hover .delete-bookmark {
    opacity: 0.7;
}

#bookmarksList .add-note-bookmark:hover,
#bookmarksList .delete-bookmark:hover {
    opacity: 1 !important;
}

#bookmarksList .add-note-bookmark:hover {
    color: rgb(90, 157, 106, 0.5);
}

#bookmarksList .delete-bookmark:hover {
    color: rgb(167, 66, 77, 0.6);
}

#bookmarksList .bookmark-note-container {
    margin-top: 1rem;
}

#bookmarksList .bookmark-note {
    resize: vertical;
    min-height: 60px;
    font-size: 0.9rem;
}

#bookmarksList .character-count {
    font-size: 0.75rem;
}

#bookmarks .text-muted {
    font-size: 0.7rem;
    margin-top: 0px !important;
}

#bookmarks .muted-notes {
    font-size: 0.9rem !important;
    color: #212529 !important;
}

#bookmarks .fas::before {
    color: rgba(33, 37, 41, 0.45);
}

#bookmarks .fa-times:before {
    color: rgb(167, 66, 77, 0.6);
}

#bookmarks .fa-comment:before {
    color: rgb(154, 154, 154);
    font-size: 1.2rem;
}

#bookmarks .fa-times:hover::before {
    color: rgb(167, 66, 77, 1);
}

#bookmarks .fa-comment:hover::before {
    color: rgb(133, 133, 133);
}

.bookmark-note-container button {
    margin: 0 2px;

    padding: 5px 10px !important;
}

.notes-button {
    float: right;
}

.last-read-pages {
    font-family: "Sofia Sans Extra Condensed", sans-serif;
    margin-top: 10px;
    background-color: rgb(173, 131, 49, 0.2);
    position: relative;
    margin: 0 auto;
    padding: 1px 0px;

    margin-top: 0px;

    width: 93%;
    border-radius: 0 0 10px 10px;
    color: white !important;
}

#toggleLastReadPages {
    padding: 0;
    color: white;
    font-size: 1rem;
    text-decoration: none;
}

#lastReadPagesList {
    margin-top: 0px;
}

#lastReadPagesList .list-group-item {
    margin: 0px 20px;
    padding: 5px 0;
    font-family: "Sofia Sans Extra Condensed", sans-serif;
    font-size: 1rem;
    background-color: transparent;
    border: 0px;
    border-top: 1px #eee dotted;
    border-radius: 0;
}

ul.list-group>li.list-group-item:first-child {
    border-top: 0px solid !important;
}

#lastReadPagesList a {
    color: #666;
    text-decoration: none;
    font-size: 1rem;
    padding: 3px 10px;
    width: 100%;
    display: block;
    transition: color 0.2s ease;
    text-shadow: 0 0 0 transparent;

}

#lastReadPagesList a:hover {
    text-decoration: none;
    color: #222;


}

.lastReadPages-footer {
    display: flex;
    padding: 0 !important;
    height: 30px;
}

.lastReadPages-footer button {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: rgb(173, 131, 49, 0.7);
    border-radius: 0 0 10px 10px;
    border: 0px !important;
    transition: background-color 0.2s ease;
}

.lastReadPages-footer button:hover {
    background-color: rgb(173, 131, 49, 0.6);
}

.lastReadPages-footer button:active {
    background-color: rgb(173, 131, 49, 0.6) !important;
}

#toggleLastReadPages:active {
    background-color: rgb(173, 131, 49, 0.6) !important;
}

.down-arrow {
    display: inline-block;
    transform: rotate(90deg);
    transition: transform 1s ease;
    padding-left: 5px;
}

.up-arrow {
    display: inline-block;
    transform: rotate(270deg);
    transition: transform 1s ease;
    padding-left: 5px;
}

.peacock-footer {
    width: auto;
    object-fit: contain;
    display: block;
}


.peacock-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 0;
    position: relative;
    display: none;
}

.peacock-divider::before,
.peacock-divider::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: linear-gradient(to right, rgba(173, 131, 49, 0), rgba(173, 131, 49, 0.8), rgba(173, 131, 49, 0));
    margin: 0 15px;
}

.delete-confirmation-tooltip {
    margin: 15px 0 30px;
    font-size: 0.8rem;
    font-weight: 600;
}


.confirm-delete {
    padding: 5px 20px;
    border-radius: 20px;
    margin-left: 5px;
    background: rgb(4, 116, 4);
    color: white;
    font-weight: 600;
}

.cancel-delete {
    padding: 5px 20px;
    border-radius: 20px;
    background: rgb(158, 11, 11);
    color: white;
    font-weight: 600;
}

.substory-link {
    border-bottom: 1px #AD8331 dotted;
    text-decoration: none;
    color: #AD8331;
}

.substory-link:hover {
    border-bottom: 1px #AD8331 solid;
}

#substoryModal .modal-content {

    border-radius: 15px;
    border-bottom-color: transparent;
    background-color: rgb(255, 255, 255);
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 0.888889px;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 0.888889px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 0.888889px;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 0.888889px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;


}

#substoryModal .modal-header {
    border-bottom: none;
}

#substoryModal .modal-header {
    background-color: transparent;
    color: black;
    padding: 20px 20px 0px 20px;
}

#characterModalBody {
    padding-top: 20px;
}

#characterModal .modal-header {
    background-color: transparent;
    color: black;
    padding: 20px 20px 0px 20px;
}

#substoryModal .modal-body {
    padding: 0px 20px;
    height: 400px;
}

#substoryCarousel .carousel-item {
    text-align: left;
    font-size: 18px;
    padding: 0px;
}

#substoryCarousel .carousel-control-prev,
#substoryCarousel .carousel-control-next {
    width: auto;
    top: auto;
    bottom: 10px;
    opacity: 1;
}

#substoryCarousel .carousel-control-prev {
    left: 20px;
}

#substoryCarousel .carousel-control-next {
    right: 20px;
}

#substoryCarousel .carousel-control-prev-icon,
#substoryCarousel .carousel-control-next-icon {
    background-color: #AD8331;
    border-radius: 50%;
    padding: 10px;
    width: 30px;
    height: 30px;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
}

#substoryCarousel .carousel-indicators {
    bottom: 0px;
}

#substoryCarousel .carousel-indicators button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #AD8331;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

#substoryCarousel .carousel-indicators button.active {
    opacity: 1;
}

#substoryModal .modal-dialog {
    max-width: 800px;
}

#substoryCarousel {
    padding-bottom: 10px;
    height: 400px;
}

#substoryCarousel p {
    font-size: 1.05rem;
    padding: 0 25px 20px 15px;
}

#substoryModal.fade {
    background: rgba(0, 0, 0, 0.7);
    z-index: 5001;
}

#characterModal.show {
    background: rgba(0, 0, 0, 0.5);
    z-index: 5001;
    padding-left: 0 !important;
}


.question-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 10px;
}

.question-buttons button {
    width: 100%;

    white-space: normal;
    text-align: left;
    margin: 0 25px;
    border-color: rgba(173, 131, 49, 0.1);
    margin-bottom: 5px;
    color: rgba(173, 131, 49, 1);
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease;
    border-bottom: 1px solid rgba(173, 131, 49, 1);
    background: rgba(173, 131, 49, 0.06);
    padding: 7px 15px;
    border-radius: 5px;
    font-size: 0.9rem;
    text-shadow: 0 0 black;
    transition: all 0.1s ease;
}

.question-buttons button:hover {
    background-color:rgba(173, 131, 49, 0.05);
    border-color: rgba(173, 131, 49, 0.1);
    border-bottom: 0.5px solid rgba(173, 131, 49, 1);
    color: #ad8331;
    transition: all 0.3s ease;
}
.question-buttons button:active {
    background-color:rgba(173, 131, 49, 0.5) !important;
    border-color: rgba(173, 131, 49, 0.1) !important;
    border-bottom: 0.5px solid rgba(173, 131, 49, 1);
    color: rgba(173, 131, 49, 1) !important;
    transition: all 0.3s ease;
}

@media (max-width: 576px) {
    .question-buttons button {
        width: 100%;
    }
}

.card-content p {
    margin-bottom: 0px;
}

#substoryModal .modal-title {
    padding: 5px 5px 5px 15px;
}

#chracterModal .modal-title {
    padding: 5px 5px 5px 15px;
}

.character-link {
    color:rgba(173, 131, 49, 1);
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease;
    border-bottom: 0.5px solid rgba(173, 131, 49, 1);
    background: rgba(173, 131, 49, 0.2);
    padding: 0px 6px;
    border-radius: 5px;
    margin:0 -2px;
    
}

/* Styles for 1 click */
.character-link-clicked-1 {
    border-bottom: 0.5px solid rgba(173, 131, 49, 0.8);
    background: rgba(173, 131, 49, 0.15);
    color:#a58f4a;
}

/* Styles for 2-4 clicks */
.character-link-clicked-2 {
    border-bottom: 0.3px solid rgba(173, 131, 49, 0.4);
    background: rgba(173, 131, 49, 0.08);
    color:#887a4a;
}

/* Styles for 5-10 clicks */
.character-link-clicked-3 {
    border-bottom: 0.3px solid rgba(173, 131, 49, 0.4);
    background: rgba(173, 131, 49, 0.07);
    color:#6b624a;
}

/* Styles for >10 clicks */
.character-link-clicked-4 {
    border-bottom: 0.2px solid rgba(173, 131, 49, 0.2);
    background: rgba(173, 131, 49, 0.05);
    color:#4a4a4a;
}

body.dark-mode .character-link{
    color:inherit;
    background: rgba(173, 131, 49, 0.4);
    transition: all 0.1s ease;
}

body.dark-mode .character-link:hover{
    background: rgba(173, 131, 49, 0.8);
    color:inherit;
}

.character-link:hover {
    color:rgba(173, 131, 49, 0.8);
    background-color: rgba(173, 131, 49, 0.3);
}

.character-link:hover::before {
    content: 'View details';
    position: absolute;
    background-color: #34495e;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.8em;
    top: 120%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}


.character-link::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #34495e transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.character-link:hover::after {
    opacity: 1;
    visibility: visible;
}
.save-button:hover::before {

    content: 'Save';
    position: absolute;
    background-color: #34495e;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.8em;
    top: 130%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;

}

.save-button:hover::before {
    opacity: 1;
}

.save-button::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #34495e transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.save-button:hover::after {
    opacity: 1;
    visibility: visible;
}

.character-link:hover::before {
    opacity: 1;
}

body.dark-mode #characterModal .modal-header{
    background:#2c2c2c;
    color:white;
}
body.dark-mode #substoryModal .modal-header{
    background:#2c2c2c;
    color:white;
}

#characterLinksToggle:checked{
    background-color: rgba(173, 131, 49, 1);
    border-color: #ad8331;
}
#characterToggleDiv {
    position: relative;
}

#characterToggleDiv::before {

    content: 'Disable character name highlights for a smoother reading experience. Names will remain clickable.';
    position: absolute;
    background-color: #34495e;
    color: white;
    padding: 10px;
    border-radius: 4px;
    font-size: 0.8em;
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
    white-space: normal; /* Allow text to wrap */
    max-width: 200px; /* Adjust this value as needed */
    width: max-content;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);

}
#characterToggleDiv:hover::before {
opacity: 1;
visibility: visible;
}

#characterToggleDiv::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #34495e transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#characterToggleDiv:hover::after {
    opacity: 1;
    visibility: visible;
}


#characterLinksToggle:focus{
border-color: rgba(173, 131, 49, 0.4);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(173, 131, 49,0.2);
}

#characterLinksToggle:focus {
    --bs-form-switch-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ad8331'/%3e%3c/svg%3e);
}

.hide-character-card{
    color: inherit !important;
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease;
    border-bottom: 0px !important;
    background: inherit !important;
    padding: inherit !important;
    border-radius: inherit !important;
    margin:inherit !important;
}

.image-container {
    width: 100%;
    height: 30%;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    border-radius: 10px 10px 0  0;
    perspective: 800px;
  }
  .image-container img {
    width: 100%; /* Scale the image larger for panning effect */
    height: auto;
    position: absolute;
    
  }
.image-container {
    position: relative;
    overflow: hidden;
    
    --hue-rotation: 0deg;
    
    background-image: 
      url('data:image/png;base64,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'),
      linear-gradient(45deg, #AD8331 0%, #fad0c4 99%, #fad0c4 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: center center, 0 0;
    background-size: 25%, 100% 100%;
    animation: smoothFlicker 4s ease-in-out infinite;
    filter: hue-rotate(var(--hue-rotation));
}

.image-container.loaded{
    opacity: 1 !important;
    animation: none;
    filter:none;
}
@keyframes smoothFlicker {
    0% {
        --hue-rotation: 0deg;
        opacity: 0.5;
    }
    5% {
        --hue-rotation: 2deg;
    }
    10% {
        --hue-rotation: 4deg;
    }
    20% {
        --hue-rotation: 6deg;
    }
    25% {
        --hue-rotation: 8deg;
    }
    30% {
        --hue-rotation: 10deg;
    }
    35% {
        --hue-rotation: 12deg;
    }
    40% {
        --hue-rotation: 14deg;
    }
    45% {
        --hue-rotation: 16deg;
    }
    50% {
        --hue-rotation: 18deg;
        opacity: 1;
    }
    55% {
        --hue-rotation: 16deg;
    }
    60% {
        --hue-rotation: 14deg;
    }
    65% {
        --hue-rotation: 12deg;
    }
    70% {
        --hue-rotation: 10deg;
    }
    75% {
        --hue-rotation: 8deg;
    }
    80% {
        --hue-rotation: 6deg;
    }
    85% {
        --hue-rotation: 4deg;
    }
    90% {
        --hue-rotation: 2deg;
    }
    95% {
        --hue-rotation: 0deg;
    }
    100% {
        --hue-rotation: 0deg;
        opacity: 0.5;
    }
}
  .card-image {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .card-image.loaded {
    opacity: 1;
  }
  
  .image-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
  }
  
  .image-container.loaded::after {
    opacity: 0;
  }