.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   LINKS GRID LAYOUT
   ========================================================= */

.bp-links-section {
  margin-top: 10px;
}

.bp-links-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px 24px;
  align-items: center;
}

.bp-link-item{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  text-decoration: none;
  font-weight: 600;
}

.bp-link-item i{
  font-size: 18px;
}

.bp-link-item:hover{
  transform: translateY(-1px);
  opacity: .9;
}


/* =========================================================
   BOOK SECTION
   ========================================================= */

.bp-book-block{
  margin-bottom: 36px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
}


/* =========================================================
   BOOK HEADER (COVER + TITLE)
   ========================================================= */

.bp-book-head{
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}


/* =========================================================
   BOOK COVER (PORTRAIT, FULL IMAGE, NO CROP)
   ========================================================= */

.bp-links-section img.bp-book-cover{
  width: 95px !important;          /* portrait width */
  height: 140px !important;        /* portrait height */
  object-fit: contain !important;  /* SHOW FULL COVER (NO CROP) */
  object-position: center center;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  display: block;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}


/* =========================================================
   BOOK TITLE
   ========================================================= */

.bp-book-title{
  color: #2b5adc;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.bp-book-title::before{
  content: "📘";
  font-size: 20px;
}

.bp-book-title:hover{
  opacity: 0.85;
}


/* =========================================================
   LINKS GRID PER BOOK
   ========================================================= */

.bp-book-block .bp-links-grid{
  row-gap: 14px;
}


/* =========================================================
   ACCORDION BEHAVIOR
   ========================================================= */

.bp-book-block .bp-links-grid{
  display: none;
}

.bp-book-block.active .bp-links-grid{
  display: grid;
}


/* =========================================================
   MOBILE TWEAKS
   ========================================================= */

@media (max-width: 767px){
  .bp-links-section img.bp-book-cover{
    width: 80px !important;
    height: 120px !important;
  }

  .bp-book-title{
    font-size: 18px;
  }
}




/* =========================================================
   Buck Store Hero Slider (scoped ONLY to this widget)
   Add class on the Slides widget: bp-store-hero-slider
   ========================================================= */

.bp-store-hero-slider{
  width: 100%;
  overflow: hidden; /* keep it clean */
}

/* Force height so it never becomes blank */
.bp-store-hero-slider .elementor-slides-wrapper,
.bp-store-hero-slider .swiper,
.bp-store-hero-slider .swiper-wrapper,
.bp-store-hero-slider .swiper-slide{
  min-height: clamp(220px, 30vw, 520px) !important;
}

/* IMPORTANT: show FULL banner image (no crop) */
.bp-store-hero-slider .swiper-slide-bg{
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #ffffff !important; /* fills empty area if image ratio differs */
}

/* Make sure Elementor doesn't force cover via overlay */
.bp-store-hero-slider .elementor-slide-background{
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Mobile tuning (optional) */
@media (max-width: 767px){
  .bp-store-hero-slider .elementor-slides-wrapper,
  .bp-store-hero-slider .swiper,
  .bp-store-hero-slider .swiper-wrapper,
  .bp-store-hero-slider .swiper-slide{
    min-height: 240px !important;
  }
}




/* ==========================

/* =========================================================
   Buck Store: 3-slide hero carousel (CENTER focus + side blur)
   Scoped ONLY to .bp-store-hero-carousel
   ========================================================= */

.bp-store-hero-carousel .elementor-image-carousel-wrapper{
  overflow: visible !important; /* allow side slides to show */
}

/* Base: all slides blurred/smaller */
.bp-store-hero-carousel .swiper-slide{
  transition: transform .45s ease, filter .45s ease, opacity .45s ease;
  opacity: .45;
  filter: blur(4px);
  transform: scale(.84);
}

/* CENTER slide = swiper-slide-next (this is the middle one) */
.bp-store-hero-carousel .swiper-slide-next{
  opacity: 1 !important;
  filter: blur(0) !important;
  transform: scale(1) !important;
  z-index: 6;
}

/* LEFT slide (visible) = swiper-slide-active */
.bp-store-hero-carousel .swiper-slide-active{
  opacity: .70 !important;
  filter: blur(3px) !important;
  transform: scale(.90) !important;
  z-index: 4;
}

/* RIGHT slide (visible) = next + next */
.bp-store-hero-carousel .swiper-slide-next + .swiper-slide{
  opacity: .70 !important;
  filter: blur(3px) !important;
  transform: scale(.90) !important;
  z-index: 4;
}

/* images */
.bp-store-hero-carousel img{
  width: 100% !important;
  height: auto !important;
  display: block;
  border-radius: 14px;
}

/* shadow only on center */
.bp-store-hero-carousel .swiper-slide-next img{
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
}

/* Mobile: show only 1 normal (no blur) */
@media (max-width: 767px){
  .bp-store-hero-carousel .swiper-slide{
    opacity: 1 !important;
    filter: blur(0) !important;
    transform: scale(1) !important;
  }
}


/* =========================================================
   /* =========================================================
   Buck Store Hero Carousel - MOBILE (single slide, no peek)
   Scoped ONLY to .bp-store-hero-carousel
   ========================================================= */
@media (max-width: 767px){

  .bp-store-hero-carousel{
    padding: 0 12px;
    box-sizing: border-box;
  }

  /* Hide anything outside viewport (important for peek issue) */
  .bp-store-hero-carousel .elementor-image-carousel-wrapper,
  .bp-store-hero-carousel .swiper{
    overflow: hidden !important;
  }

  /* Force swiper slide to take full width on mobile */
  .bp-store-hero-carousel .swiper-slide{
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  /* Kill "side preview" look */
  .bp-store-hero-carousel .swiper-slide-prev,
  .bp-store-hero-carousel .swiper-slide-next{
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Ensure image fits inside screen */
  .bp-store-hero-carousel img{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto !important;
  }
}




/* Move the entire hero section down – Page ID 4853 */
.page-id-4853 .bp-magazine-hero {
  margin-top: 40px !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .page-id-4853 .bp-magazine-hero {
    margin-top: 30px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .page-id-4853 .bp-magazine-hero {
    margin-top: 20px !important;
  }
}/* End custom CSS */