/* Global palette derived from .book-category-section and .about-section */

:root {
  --site-bg-start: #061a22;
  --site-bg-mid: #082534;
  --site-bg-end: #061a22;
  --site-surface: rgba(3, 20, 28, 0.55);
  --site-surface-strong: rgba(3, 20, 28, 0.72);
  --site-border: rgba(255, 255, 255, 0.08);
  --site-border-accent: rgba(91, 255, 240, 0.12);
  --site-heading: #7fffd4;
  --site-text: rgba(255, 255, 255, 0.75);
  --site-accent: #55fff3;
}

body,
.header-top-section,
.header-1,
.offcanvas__info,
.book-banner-section,
.cta-banner-section,
.testimonial-section,
.faq-section,
.news-section,
.footer-section {
  background: linear-gradient(
    90deg,
    var(--site-bg-start) 0%,
    var(--site-bg-mid) 50%,
    var(--site-bg-end) 100%
  );
}

.faq-section-1 {
  background-color: white;
}

body,
p,
span,
li,
label,
input,
textarea,
select,
.section-title p,
.shop-content p,
.book-content p,
.news-content p,
.faq-content .accordion-item .accordion-collapse .accordion-body,
.footer-widget-wrapper .single-footer-widget .footer-content p,
.footer-widget-wrapper .single-footer-widget .footer-content .contact-list li,
.footer-bottom p {
  color: var(--site-text);
}

/* h1,
h2,
h3,
h4,
h5,
h6,
a,
.section-title h2,
.shop-content h3 a,
.book-content h3 a,
.news-content h3 a,
.faq-content .accordion-item .accordion-header .accordion-button,
.footer-widget-wrapper .single-footer-widget .widget-head h3,
.footer-widget-wrapper .single-footer-widget .list-items li a,
.main-menu ul li a,
.header-top-wrapper .contact-list li a,
.offcanvas__content .offcanvas__contact ul li .offcanvas__contact-text a {
  color: var(--site-heading);
} */

a:hover,
.main-menu ul li a:hover,
.footer-widget-wrapper .single-footer-widget .list-items li a:hover,
.news-content h3 a:hover,
.shop-content h3 a:hover,
.book-content h3 a:hover {
  color: var(--site-accent);
}

.header-top-section,
.header-1,
.offcanvas__info,
.offcanvas__overlay,
.footer-bottom,
.preloader .loader .loader-section .bg {
  background-color: #061a22;
}

.preloader,
.category-wrapper,
.about-wrapper,
.top-ratting-box-items,
.testimonial-card-items,
.faq-content .accordion-item,
.news-card-items,
.cart-wrp,
.news-details,
.shop-section {
  background: var(--site-surface);
  border: 1px solid var(--site-border);
  backdrop-filter: blur(10px);
}

.book-shop-wrapper .cta-shop-box {
  background: #65aba8;
  border: 1px solid var(--site-border);
  backdrop-filter: blur(10px);
  overflow:hidden;
}

.shop-box-items.style-2,
.top-ratting-box-items,
.news-card-items,
.testimonial-card-items,
.single-footer-widget,
.faq-content .accordion-item,
.book-shop-wrapper .cta-shop-box {
  border-color: var(--site-border-accent);
}

.shop-box-items.style-2:hover,
.top-ratting-box-items:hover,
.news-card-items:hover,
.testimonial-card-items:hover {
  border-color: rgba(91, 255, 240, 0.95);
}

.book-shop-wrapper .shop-box-items.style-2,
.book-slider .shop-box-items.style-2 {
  height: 100%;
}

.book-shop-wrapper .shop-box-items.style-2 .book-thumb,
.book-slider .shop-box-items.style-2 .book-thumb {
  padding: 0px;
  height: auto;
  min-height: 0;
  aspect-ratio: 0;
  align-items: stretch;
}

.book-shop-wrapper .shop-box-items.style-2 .book-thumb > a,
.book-slider .shop-box-items.style-2 .book-thumb > a {
  display: block;
  width: 100%;
  height: 100%;
}

.book-shop-wrapper .shop-box-items.style-2 .book-thumb img,
.book-slider .shop-box-items.style-2 .book-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  transform: none;
}

.book-shop-wrapper .shop-box-items.style-2:hover .book-thumb img,
.book-slider .shop-box-items.style-2:hover .book-thumb img {
  transform: scale(1.02);
}

@media (max-width: 575px) {
  .book-shop-wrapper .shop-box-items.style-2 .book-thumb,
  .book-slider .shop-box-items.style-2 .book-thumb {
    padding: 0px;
  }
}
.section-title h1,
.about-content .section-title h1,
.section-title h2,
.about-content .section-title h2,
.top-ratting-book-wrapper .section-title-area .section-title h2,
.hero-content h2,
.hero-content h4,
.banner-text h2,
.banner-text span,
.cta-banner-wrapper .cta-content h2,
.cta-banner-wrapper .cta-content span,
.shop-content h3,
.book-content h3,
.news-content h3,
.testimonial-card-items .content h3,
.faq-section .section-title h2,
.footer-widget-wrapper .single-footer-widget .widget-head h3 {
  color: var(--site-heading);
}

.section-title.text-center p,
.text-center .section-title p {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.hero-content p,
.banner-text p,
.about-content p,
.shop-content p,
.book-content p,
.news-content p,
.testimonial-card-items p,
.faq-section .section-title p,
.section-title p {
  color: var(--site-text);
}

.theme-btn {
  background-color: var(--site-accent);
  color: #061a22 !important;
}

.theme-btn::before {
  background-color: #7ffff4;
}

.theme-btn i,
.theme-btn span {
  color: #000000 !important;
}
.theme-btn i,
.theme-btn span:hover {
  color: #ffffff;
}

.theme-btn.style-2,
.theme-btn.transparent-btn {
  background-color: transparent;
  color: var(--site-heading) !important;
  border: 1px solid rgba(91, 255, 240, 0.35);
}

.theme-btn.style-2::before,
.theme-btn.transparent-btn::before {
  background-color: var(--site-accent);
}

.theme-btn.style-2:hover,
.theme-btn.transparent-btn:hover {
  color: #061a22 !important;
}

.theme-btn.style-2 i,
.theme-btn.transparent-btn i,
.theme-btn.style-2 span,
.theme-btn.transparent-btn span {
  color: inherit !important;
}

.category-card {
  background: linear-gradient(
    135deg,
    rgba(34, 120, 135, 0.15),
    rgba(3, 18, 28, 0.8)
  );
  border: 1px solid rgba(91, 255, 240, 1);
}

.category-card .number,
.feature-wrapper .feature-box-items .icon,
.back-to-top,
.social-icon a:hover {
  background-color: var(--site-accent);
  color: #061a22;
}

.category-card .number {
  border-color: rgba(91, 255, 240, 0.35);
}

.book-category-section,
.about-section,
.science-fiction-section,
.thriller-section,
.top-ratting-book-section {
  position: relative;
  overflow: hidden;
}

.book-category-section {
  background:
    radial-gradient(
      circle at top left,
      rgba(91, 255, 240, 0.18),
      transparent 34%
    ),
    linear-gradient(135deg, #102833 0%, #173946 45%, #0b1f28 100%);
}

.about-section {
  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(255, 208, 145, 0.14),
      transparent 28%
    ),
    linear-gradient(135deg, #1f2834 0%, #314455 48%, #18212d 100%);
}

.science-fiction-section {
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(112, 170, 255, 0.22),
      transparent 26%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(93, 255, 240, 0.16),
      transparent 22%
    ),
    linear-gradient(135deg, #061a2f 0%, #102d4f 52%, #09111f 100%);
}

.thriller-section {
  background:
    radial-gradient(
      circle at 82% 18%,
      rgba(255, 109, 76, 0.18),
      transparent 24%
    ),
    radial-gradient(
      circle at 18% 84%,
      rgba(255, 214, 102, 0.12),
      transparent 20%
    ),
    linear-gradient(135deg, #26151b 0%, #40222a 50%, #190d12 100%);
}

.top-ratting-book-section {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(140, 217, 255, 0.18),
      transparent 30%
    ),
    linear-gradient(135deg, #14212e 0%, #21384b 48%, #101925 100%);
}

.book-category-section::before,
.about-section::before,
.science-fiction-section::before,
.thriller-section::before,
.top-ratting-book-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.9;
}

.book-category-section::before {
  background: linear-gradient(
    180deg,
    rgba(4, 12, 18, 0.1),
    rgba(4, 12, 18, 0.45)
  );
}

.about-section::before {
  background: linear-gradient(
    180deg,
    rgba(12, 16, 24, 0.14),
    rgba(12, 16, 24, 0.4)
  );
}

.science-fiction-section::before {
  background: linear-gradient(
    180deg,
    rgba(3, 10, 22, 0.1),
    rgba(3, 10, 22, 0.42)
  );
}

.thriller-section::before {
  background: linear-gradient(
    180deg,
    rgba(20, 6, 10, 0.08),
    rgba(20, 6, 10, 0.38)
  );
}

.top-ratting-book-section::before {
  background: linear-gradient(
    180deg,
    rgba(8, 16, 25, 0.14),
    rgba(8, 16, 25, 0.42)
  );
}

.book-category-section > *,
.about-section > *,
.science-fiction-section > *,
.thriller-section > *,
.top-ratting-book-section > * {
  position: relative;
  z-index: 1;
}

.hero-section.hero-1,
.news-section,
.testimonial-section,
.faq-section,
.footer-section {
  position: relative;
}

.hero-section.hero-1::before,
.news-section::before,
.testimonial-section::before,
.faq-section::before,
.footer-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(6, 26, 34, 0.92) 0%,
    rgba(8, 37, 52, 0.84) 50%,
    rgba(6, 26, 34, 0.92) 100%
  );
  pointer-events: none;
}

.hero-section.hero-1 > *,
.news-section > *,
.testimonial-section > *,
.faq-section > *,
.footer-section > * {
  position: relative;
  z-index: 1;
}

.hero-content,
.banner-book-content,
.cta-banner-wrapper,
.top-ratting-book-wrapper,
.faq-wrapper,
.news-content,
.shop-content,
.book-content,
.about-content {
  position: relative;
  z-index: 2;
}

.accordion-button,
.faq-content .accordion-item .accordion-header .accordion-button,
.faq-content .accordion-item .accordion-header .accordion-button.collapsed,
.faq-content .accordion-item .accordion-collapse .accordion-body {
  background-color: transparent;
}

.faq-content .accordion-item .accordion-header .accordion-button {
  color: var(--site-heading);
}

.faq-content .accordion-item .accordion-header .accordion-button.collapsed {
  color: var(--site-heading);
}

.footer-input input,
input,
textarea {
  background-color: rgba(3, 20, 28, 0.8);
  border-color: var(--site-border);
  color: var(--site-heading);
}

input::placeholder,
textarea::placeholder {
  color: rgba(255, 255, 255, 0.55);
}

.accordion-button::after,
.faq-content .accordion-item .accordion-header .accordion-button::after {
  filter: brightness(0) invert(1);
}

.newsletter-btn {
  background-color: var(--site-accent);
  color: #061a22 !important;
}

.contact-list li i,
.header-top-wrapper .contact-list li i,
.offcanvas__contact-icon i,
.theme-btn-2,
.theme-btn-2:hover {
  color: var(--site-accent);
}

.footer-widget-wrapper .single-footer-widget .list-items li a,
.header-top-wrapper .contact-list li a,
.main-menu ul li a,
.offcanvas__content .offcanvas__contact ul li .offcanvas__contact-text a,
.news-content h3 a,
.shop-content h3 a,
.book-content h3 a {
  color: var(--site-heading) !important;
}

.footer-widget-wrapper .single-footer-widget .footer-content p,
.footer-widget-wrapper .single-footer-widget .footer-content .contact-list li,
.footer-bottom p,
.offcanvas__content p,
.header-top-wrapper .contact-list li,
.contact-list li {
  color: var(--site-text) !important;
}

.testimonial-slider .swiper-slide-active .testimonial-card-items {
  background: var(--site-surface-strong);
}
.theme-btn-1:hover {
  background-color: var(--site-accent);
  color: #ffffff !important;
}
.theme-btn-1:hover i {
  color: #ffffff !important;
}

.bg-2 {
  background-color: linear-gradient(
    90deg,
    #36454f 0%,
    #082534 50%,
    #36454f 100%
  ) !important;
}

.bg-3 {
  background-color: linear-gradient(
    90deg,
    #36454f 0%,
    #082534 50%,
    #36454f 100%
  ) !important;
}

.bg-4 {
  background: var(--site-surface);
}

.back-to-top:hover{
  background-color: var(--site-heading);
}