/*
 * Theme Name: PaperTree PH Theme
 * Theme URI: http://papertree.ph
 * Description: Child Theme For PaperTree PH
 * Author: Jason Sia
 * Author URI: http://papertree.ph
 * Version: 1.0.0
 * Template: Divi
 * */

:root {
    --body-bg: #dfdfdf;
}

body {
    background: var(--body-bg);
}

.main-carousel .owl-carousel .owl-item img {
    width: auto;        /* keep aspect ratio */
    object-fit: cover;  /* crop edges if needed */
    display: block;
    margin: 0 auto;
    aspect-ratio: 1.35;
}

.main-carousel .owl-carousel .owl-item h2 {
    padding-top: 10px;
}


.main-carousel .owl-carousel .owl-nav .owl-prev, .main-carousel .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 38%;
    left: 0;
    transform: translateY(-50%);
    color: black;
    background: #D9D9D9;
    width: 45px;
    text-align: center;
    padding: 10px 0 !important;
    min-width: 0;
    opacity: 1;
}

    .main-carousel .owl-carousel .owl-nav .owl-next {
        right: 0;
        left: initial;
    }

    .main-carousel .owl-carousel .owl-nav .owl-prev:before, .main-carousel .owl-carousel .owl-nav .owl-next:before {
        font-size: 44px;
        line-height: 16px;
    }

.collapsible-text {
    max-height: 120px;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

    .collapsible-text.expanded {
        max-height: 10000px;
    }

    .expand-button.expanded:after {
        transform: rotate(180deg) translateY(2px);
    }

.woocommerce div.product div.images .flex-control-thumbs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;         
  gap: 10px;                
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-right: 40px; /* space for the peek */

  /* Hide scrollbar across browsers */
  scrollbar-width: none;     /* Firefox */
  -ms-overflow-style: none;  /* IE & Edge */
}

/* Default (desktop) — 3 full + peek 4th */
.woocommerce div.product div.images .flex-control-thumbs li {
    flex: 0 0 calc((100% / 3) - 12px); /* 3 per view */
    max-width: 140px; /* optional limit */
    scroll-snap-align: start;
    list-style: none;
    margin-right: 0;
    margin-bottom: 0;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    opacity: 1;
}

.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}

/* Tablet: show ~2.5 thumbs + peek */
@media (max-width: 991px) {
  .woocommerce div.product div.images .flex-control-thumbs li {
    flex: 0 0 calc((100% / 2.5) - 10px);
  }
}

/* Mobile: show ~1.5 thumbs + peek */
@media (max-width: 600px) {
  .woocommerce div.product div.images .flex-control-thumbs li {
    flex: 0 0 calc((100% / 1.5) - 8px);
  }

    .collapsible-text {
        max-height: 150px;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }

}