.ab-figma *{box-sizing:border-box}
.ab-figma{color:#fff}
.ab-figma .container{max-width:1200px;margin:0 auto;padding:20px}
.ab-figma .breadcrumb{margin-bottom:20px;font-size:12px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif}
.ab-figma .breadcrumb a{font-size:12px;font-weight:700;color:#FF5500;text-decoration:none}
.ab-figma .breadcrumb span{margin:0 5px}
.ab-figma .breadcrumb span:last-child{font-size:12px;font-weight:400;color:#FFFFFF}
.ab-figma .header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}
.ab-figma .title-section h1{margin:0 0 12px 0;color:#FEFEFE;font-family:'Montserrat', Montserrat, Arial, sans-serif;font-weight:700;font-size:32px;line-height:1.2;max-width:800px}
.ab-figma .title-section h2,.ab-figma .album-single-title{margin:0;color:#FEFEFE;font-family:'Montserrat', Montserrat, Arial, sans-serif;font-weight:700;font-size:32px;line-height:1.2}
.ab-figma .meta-info{display:flex;align-items:center;gap:15px;font-size:14px;color:#ccc}
.ab-figma .meta-info .count{display:flex;align-items:center;gap:6px}
.ab-figma .meta-info .separator{color:#666}
.ab-figma .social-icons{display:flex;gap:10px;margin-top:20px}
.ab-figma .social-icon{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}
.ab-figma .social-icon:hover{background:rgba(255,255,255,.2)}

/* Share toggle (hidden on desktop, used in widget header) */
.ab-figma .ab-share-toggle{display:none}
.ab-figma .ab-share-menu{display:none;gap:8px}
.ab-figma .ab-share-menu.open{display:flex}

/* Carousel */
.ab-figma .carousel-container{position:relative;width:100%;height:auto;margin-top:20px}
.ab-figma .carousel{position:relative;width:100%;height:424px;aspect-ratio:16/9;overflow:hidden;border-radius:14px;margin:0 auto;padding:0;--slide-gap:80px;}
.ab-figma .carousel-track{display:flex;transition:transform .5s ease;height:100%;gap:var(--slide-gap)}
.ab-figma .carousel-slide{min-width:578px;width:578px;height:100%;position:relative;transition:transform .3s ease, opacity .3s ease;opacity:.35}
.ab-figma .carousel-slide.is-active{opacity:1;transform:scale(1)}
.ab-figma .carousel-slide.is-neighbor{opacity:.7}
.ab-figma .carousel-slide img{width:100%;height:100%;object-fit:cover;border-radius:14px}
.ab-figma .carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;aspect-ratio:1/1;padding:0;box-sizing:border-box;border-radius:50%;background:#ff5a00;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:#fff;transition:all .2s ease;z-index:10;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.ab-figma .carousel-nav.enabled{background:#ff5a00;color:#fff}
.ab-figma .carousel-nav.disabled{background:#ffd7c2;color:#ff5a00;cursor:default;pointer-events:none;box-shadow:none}
.ab-figma .carousel-nav:hover{transform:translateY(-50%) scale(1.05)}
.ab-figma .carousel-nav.prev{left:10px}
.ab-figma .carousel-nav.next{right:10px}

/* Counter + socials under carousel */
.ab-figma .carousel-footer{display:flex;align-items:center;justify-content:space-between;margin:12px auto 0;color:#fff;max-width:578px;width:100%;padding:0 12px}
.ab-figma .carousel-footer .slide-info{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:700}
.ab-figma .carousel-footer .slide-current{font-size:28px;color:#FF5500;margin-right:6px}
.ab-figma .carousel-footer .slide-total{font-size:16px;color:#C2C2C2}
.ab-figma .carousel-footer .socials{display:flex;gap:12px}
.ab-figma .carousel-footer .socials .social-icon{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:#fff;text-decoration:none}
.ab-figma .carousel-footer .slide-info{display:flex;align-items:baseline;gap:6px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif}
.ab-figma .carousel-footer .slide-current{font-size:28px;font-weight:700;color:#FF5500}
.ab-figma .carousel-footer .slide-total{font-size:14px;color:#C2C2C2}

/* Modal */
.ab-figma .modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:100000;justify-content:center;align-items:center}
.ab-figma .modal.active{display:flex}
.ab-figma .modal-content{position:relative;max-width:90%;max-height:90%}
.ab-figma .modal-image{width:755px;height:424px;object-fit:cover;border-radius:10px}
.ab-figma .modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;padding:5px}
.ab-figma .modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;aspect-ratio:1/1;padding:0;box-sizing:border-box;border-radius:50%;background:#FFF3E1;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;color:#FF5500}
.ab-figma .modal-nav.enabled{background:#FF5500;color:#FFF3E1}
.ab-figma .modal-nav.disabled{background:#FFF3E1;color:#FF5500;cursor:default;pointer-events:none}
.ab-figma .modal-nav.prev{left:-70px}
.ab-figma .modal-nav.next{right:-70px}

/* Slide indicator and socials under modal */
.ab-figma .modal-footer{margin-top:12px;display:flex;justify-content:space-between;align-items:center;color:#fff}
.ab-figma .slide-info{display:flex;align-items:baseline;gap:6px}
.ab-figma .slide-current{margin:0;color:#FF5500;font-family:'Montserrat', Montserrat, Arial, sans-serif;font-weight:700;font-size:32px;line-height:1}
.ab-figma .slide-total{color:#C2C2C2;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:500;font-size:16px;line-height:1}
.ab-figma .socials{display:flex;gap:12px}
.ab-figma .socials a{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:#fff;text-decoration:none}
.ab-figma .socials a img{width:20px;height:20px;display:block}

/* Toast: lightweight copy confirmation */
.ab-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:rgba(17,24,39,.96);color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600;opacity:0;pointer-events:none;z-index:999999;transition:opacity .2s ease, transform .2s ease}
.ab-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media (max-width:768px){
	.ab-figma .header{flex-direction:column;gap:18px}
	.ab-figma .title-section h1{font-size:1.8rem}
	.ab-figma .header .social-icons > a{display:none}
	.ab-figma .ab-share-toggle{display:flex; margin-left:78px; background:transparent; border:none; padding:0}
	.ab-figma .ab-share-menu{margin-top:10px}
	.ab-figma .carousel{--slide-gap:16px}
	.ab-figma .carousel-container{height:auto; margin-top: -20px;}
	.ab-figma .carousel-slide{min-width:90%;height:100%}
	.ab-figma .carousel-footer{max-width:100%;padding:0 16px}
	.ab-figma .carousel-nav{width:40px;height:40px;font-size:16px}
	.ab-figma .carousel-nav.prev{left:10px}
	.ab-figma .carousel-nav.next{right:10px}
	#primary,
			    #secondary {
			    	padding: 0 !important;
				}
}

/* Full-width helpers for album detail page (theme wrappers) */
body.single-album .site-content .ast-container,
body.single-album .ast-separate-container #primary,
body.single-album .ast-separate-container #primary .site-main,
body.single-album main.site-main{
    max-width:100% !important;
    width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin:0 !important;
}
body.single-album .ast-separate-container .ast-article-single,
body.single-album .ast-article-post{
    padding:0 !important;
}
/* Optional: make the inner album container also full width */
/* body.single-album .ab-figma .container{max-width:100% !important;margin:0 !important;padding:0 !important} */

@media (min-width: 993px) {

	.ast-separate-container #primary,
	.ast-separate-container.ast-left-sidebar #primary,
	.ast-separate-container.ast-right-sidebar #primary {
		margin: 0 !important;
		padding: 0 !important;
	}
}

@media (min-width: 1201px) {

	.ast-separate-container .ast-article-post,
	.ast-separate-container .ast-article-single,
	.ast-separate-container .ast-author-box,
	.ast-separate-container .ast-404-layout-1,
	.ast-separate-container .no-results {
		padding: 0 !important;
	}
}

.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.ast-separate-container .comment-respond {
	padding: 0 !important;
}

.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
	border-bottom: 1px solid var(--ast-border-color) !important;
	margin: 0 !important;
	padding: 0 !important;
}


/* Latest Photos (album gallery widget) */
.ab-latest-photos .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.ab-latest-photos .header h1{margin:0;color:#fff;font-size:40px;font-weight:700;font-family:'Montserrat', Montserrat, Arial, sans-serif}
.ab-latest-photos .view-more-btn{background:#f97316;color:#fff;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-decoration:none; width: 114px; height: 32px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.ab-latest-photos .photos-grid{display:grid;grid-template-columns:repeat(4,281px);gap:20px}
.ab-latest-photos .photo-card{width:281px;height:323px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .2s ease, box-shadow .2s ease;text-decoration:none;color:inherit}
.ab-latest-photos .photo-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}
.ab-latest-photos .photo-card.dark{background:#1f2937;color:#fff}
.ab-latest-photos .card-image{width:100%;height:180px;object-fit:cover;display:block}
.ab-latest-photos .card-content{padding:16px}
.ab-latest-photos .album-tag{display:inline-block;margin-bottom:8px;color:#FF5500;font-size:12px;font-weight:700;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif}
.ab-latest-photos .card-title{font-size:14px;font-weight:500;line-height:1.4;margin-bottom:12px;color:#374151;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;overflow:hidden}
.ab-latest-photos .photo-card.dark .card-title{color:#fff}
.ab-latest-photos .card-date{font-size:12px;color:#6b7280;font-weight:400}
.ab-latest-photos .photo-card.dark .card-date{color:#9ca3af}

@media(max-width:1200px){
	.ab-latest-photos .photos-grid{grid-template-columns:repeat(2,281px);justify-content:center}
}
@media(max-width:640px){
	.ab-latest-photos .photos-grid{justify-content:center}
}

/* --- Album Gallery – mobile horizontal cards (343x92): image 164x92 + content 179x92 --- */
@media (max-width:768px){
  /* Header sizing for mobile */
  .ab-latest-photos .section-title,
  .ab-latest-photos .header h1{font-size:22px!important;line-height:1.2;}
  .ab-latest-photos .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
  .ab-latest-photos .view-more-btn{width:91px!important;height:32px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font-size:10px;border-radius:999px}

  .ab-latest-photos .photos-grid{display:flex;flex-direction:column;gap:12px; padding-inline: 6px;}
  .ab-latest-photos .photo-card{width:100%;height:92px;display:flex;align-items:center;gap:12px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.08)}
  .ab-latest-photos .photo-card.dark{background:#0b1220;color:#fff;box-shadow:none}
  .ab-latest-photos .card-image-link{width:164px;height:92px;flex:0 0 164px;display:block;overflow:hidden;}
  .ab-latest-photos .card-image{width:100%;height:100%;object-fit:cover;display:block}
  .ab-latest-photos .card-content{flex:1 1 179px;height:92px;min-width:0;display:flex;flex-direction:column;justify-content:center;background:transparent;padding:0;margin:0}
  .ab-latest-photos .album-tag{color:#FF5500;font-size:10px;font-weight:500;text-transform:uppercase;margin:0 0 4px 0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif}
  .ab-latest-photos .card-title{font-size:14px;font-weight:500;line-height:1.3;margin:4px 0 0 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ab-latest-photos .card-title a{color:#252525;text-decoration:none}
  .ab-latest-photos .card-date{font-size:12px;color:#666;margin-top:4px}
}

.elementor-1137 .elementor-element.elementor-element-d8a52b0:not(.elementor-motion-effects-element-type-background),
.elementor-1137 .elementor-element.elementor-element-d8a52b0>.elementor-motion-effects-container>.elementor-motion-effects-layer {
	background-color: #132254;
	margin-bottom: -11px !important;
}

.waf-photo-detail .photo-detail-swiper img {
            width: 100%;
            height: auto;
            object-fit: cover;
            aspect-ratio: 16/9;
            border-radius: 12px;
        }
        .waf-photo-detail .photo-detail-swiper .photo-detail-item {
            transition: all 0.3s ease;
            /* transform: scale(0.8); */
            opacity: 0.6;
        }
        .waf-photo-detail .photo-detail-swiper .photo-detail-item:not(.swiper-slide-active) {
            filter: brightness(0.7);
        }
        .waf-photo-detail .photo-detail-swiper .photo-detail-item.swiper-slide-active {
            opacity: 1;
            transform: scale(1.8);
            transform-origin: center center;
            z-index: 1;
            transition: transform 0.3s ease; /* Add smooth transition */
        }
        .waf-photo-detail .swiper-button-next,
        .waf-photo-detail .swiper-button-prev {
            width: 24px;
            height: 24px;
            background: #FF5500;
            border-radius: 50%;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            margin: 0;
        }
        .waf-photo-detail .swiper-button-next.swiper-button-disabled,
        .waf-photo-detail .swiper-button-prev.swiper-button-disabled {
            background: #FFFFFF;
            color: #FF5500;
        }
        .waf-photo-detail .swiper-button-next::after,
        .waf-photo-detail .swiper-button-prev::after {
            font-size: 12px;
            font-weight: 700;
        }
        .waf-photo-detail .swiper-pagination {
            bottom: -8px;
        }
        .waf-photo-detail .swiper-pagination-total {
            color: #C2C2C2;
            font-size: 16px;
            font-weight: 500;
        }
        .waf-photo-detail .swiper-pagination-current {
            color: #FF5500;
            font-size: 32px;
            font-weight: 500;
        }
        .waf-photo-detail .photo-detail-list {
            padding-block: 130px;
        }
        @media (max-width: 767px) {
            .waf-photo-detail .photo-detail-swiper .photo-detail-item.swiper-slide-active {
                transform: unset;
            }
            .waf-photo-detail .photo-detail-swiper img {
                border-radius: 0;
            }
            .waf-photo-detail .waf-body {
                margin-inline: -20px;
            }
            .waf-photo-detail .swiper-pagination {
                bottom: 0;
                left: 10px;
                text-align: left;
                width: calc(100% - 10px);
            }
            .waf-photo-detail .photo-detail-wrapper {
                position: relative;
            }
            .waf-photo-detail .photo-detail-list {
                padding-block: 0;
            }
            .waf-photo-detail .swiper {
                position: unset;
                padding-bottom: 47px;
            }
            .waf-photo-detail .swiper-pagination-total {
                font-size: 16px;
            }
            .waf-photo-detail .swiper-pagination-current {
                font-size: 22px;
            }
        }