/* Inlined Embed Styles to completely bypass Cloudflare 10-year cache */
html,
body,
body.flip-embed {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #121214 !important;
  background: #121214 !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
}

body.flip-embed #bacgradient,
body.flip-embed #bacgradient > div,
body.flip-embed #bacgradient img,
body.flip-embed .backgroundImage,
body.flip-embed #bacgradient .backgroundImage {
  display: none !important;
  visibility: hidden !important;
  background-color: #121214 !important;
  background: #121214 !important;
  background-image: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Tamamilə ləğv edilən FlipHTML5 idarəetmə elementləri və mobil uzun slayd zolağı */
body.flip-embed #fbToolBar,
body.flip-embed .logoBar,
body.flip-embed #logoBar,
body.flip-embed .phoneTopBar,
body.flip-embed #phoneTopBar,
body.flip-embed .phoneBottomBar,
body.flip-embed #phoneBottomBar,
body.flip-embed .phoneBottomBar *,
body.flip-embed .phoneGotoPagePanel,
body.flip-embed #phoneGotoPagePanel,
body.flip-embed .phoneGotoPageContent,
body.flip-embed #phoneGotoPageContent,
body.flip-embed #contentBox,
body.flip-embed .slider-action,
body.flip-embed .phoneGotoPageContent *,
body.flip-embed .extendedBar.phone,
body.flip-embed .flip_button_left,
body.flip-embed .flip_button_right,
body.flip-embed .flip_button_first,
body.flip-embed .flip_button_last,
body.flip-embed .flip_button_left *,
body.flip-embed .flip_button_right *,
body.flip-embed img[src*="slide_leftButton"],
body.flip-embed img[src*="slide_rightButton"],
body.flip-embed img[src*="slide_firstButton"],
body.flip-embed img[src*="slide_lastButton"],
body.flip-embed .qrcodeBox,
body.flip-embed .shortcutItem,
body.flip-embed .guidBar,
body.flip-embed .slideToolbar,
body.flip-embed .catalogBar,
body.flip-embed .catalog_simple_bar,
body.flip-embed .miniFullscreen,
body.flip-embed #miniFullscreen,
body.flip-embed #pageNumberForFlip,
body.flip-embed .clickToRead,
body.flip-embed .printBar,
body.flip-embed .appLargeLogo,
body.flip-embed .flipShotBar,
body.flip-embed .handSwipeHelp,
body.flip-embed .catalog_logo,
body.flip-embed .loading,
body.flip-embed .loader,
body.flip-embed .formToolbar,
body.flip-embed .topToolbar,
body.flip-embed .bottomToolbar,
body.flip-embed .moreBar,
body.flip-embed .extendedBar,
body.flip-embed .PCExtendedBar {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  max-height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

/* Təkrar və üst-üstə düşən FlipHTML5 oxlarının və mobil uzun slayd zolağının ("uzun dəyişmə") tam ləğvi */
.flip_button_left,
.flip_button_right,
.flip_button_first,
.flip_button_last,
[class*="flip_button_"],
[class*="slide_firstButton"],
[class*="slide_lastButton"],
.flipShotBar,
#phoneGotoPagePanel,
.phoneGotoPagePanel,
#phoneGotoPageContent,
.phoneGotoPageContent,
.slider-action,
.control-border,
.controlBar {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

/* Səhifələrin sağa-sola toxunuşla vərəqlənməsi (Touch Swipe) mütləq aktivdir */
body.flip-embed #tmpContainer,
body.flip-embed #bookContainer {
  pointer-events: auto !important;
  background-color: #121214 !important;
  background: #121214 !important;
}

body.flip-embed .book,
body.flip-embed .book *,
body.flip-embed .mask,
body.flip-embed .single-book-mask,
body.flip-embed .showPage,
body.flip-embed .flip-action {
  pointer-events: auto !important;
}

body.flip-embed #tmpContainer,
body.flip-embed #bookContainer,
body.flip-embed .book,
body.flip-embed .single-book-mask {
  background-color: #121214 !important;
  background: #121214 !important;
}

/* Vahid Qızılı Canlı Vərəqləmə Oxları (Həm Kompüter, həm Mobil üçün yeganə standart) */
.saloglu-flip-nav {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999999;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(24, 24, 27, 0.88);
  border: 1.5px solid rgba(197, 168, 128, 0.55);
  color: #C5A880;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.saloglu-flip-nav:hover {
  background: #C5A880;
  color: #111111;
  border-color: #C5A880;
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 6px 25px rgba(197, 168, 128, 0.4);
}
.saloglu-flip-nav:active {
  transform: translateY(-50%) scale(0.92);
}
.saloglu-flip-nav--prev {
  left: 14px;
}
.saloglu-flip-nav--next {
  right: 14px;
}
@media (max-width: 768px) {
  .saloglu-flip-nav {
    width: 40px;
    height: 40px;
    font-size: 19px;
    background: rgba(18, 18, 20, 0.92);
  }
  .saloglu-flip-nav--prev { left: 8px; }
  .saloglu-flip-nav--next { right: 8px; }
}