.wbe-post-carousel{--wbe-pc-card-bg:#fff;--wbe-pc-title-color:#1e1e2e;--wbe-pc-excerpt-color:#6c757d;--wbe-pc-meta-color:#999;--wbe-pc-accent:#667eea;--wbe-pc-card-radius:8px;--wbe-pc-card-shadow:none;--wbe-pc-image-ratio:16/9;--wbe-pc-grid-cols:3;--wbe-pc-card-hover-shadow:0 8px 32px rgba(0,0,0,.12);--wbe-pc-badge-bg:color-mix(in srgb,var( --wbe-pc-accent ) 12%,transparent);--wbe-pc-badge-color:var( --wbe-pc-accent );position:relative;width:100%}.wbe-post-carousel .swiper{overflow:hidden;padding-bottom:52px}.wbe-post-carousel--slider .swiper{padding-bottom:48px}.wbe-post-carousel__grid{display:grid;gap:28px;grid-template-columns:repeat(var( --wbe-pc-grid-cols ),1fr)}.wbe-post-carousel__card{background:var( --wbe-pc-card-bg );border:1px solid rgba(0,0,0,.06);border-radius:var( --wbe-pc-card-radius );box-shadow:var( --wbe-pc-card-shadow );display:flex;flex-direction:column;height:100%;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease}.wbe-post-carousel__card:hover{box-shadow:var( --wbe-pc-card-hover-shadow );transform:translateY(-2px)}.wbe-post-carousel__image-wrap{aspect-ratio:var( --wbe-pc-image-ratio );flex-shrink:0;overflow:hidden}.wbe-post-carousel__image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.wbe-post-carousel__card:hover .wbe-post-carousel__image{transform:scale(1.04)}.wbe-post-carousel__image--placeholder{background:#f0f0f0}.wbe-post-carousel__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:20px}.wbe-post-carousel__cats{display:flex;flex-wrap:wrap;gap:6px}.wbe-post-carousel__cat-badge{background:var( --wbe-pc-badge-bg );border-radius:999px;color:var( --wbe-pc-badge-color );display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:3px 10px;text-decoration:none;text-transform:uppercase;transition:background .2s}.wbe-post-carousel__cat-badge:hover{background:var( --wbe-pc-accent );color:#fff}.wbe-post-carousel__title{color:inherit;font-size:1rem;font-weight:700;line-height:1.4;margin:0}.wbe-post-carousel__title a{color:var( --wbe-pc-title-color );text-decoration:none;transition:color .2s}.wbe-post-carousel__title a:hover{color:var( --wbe-pc-accent )}.wbe-post-carousel__excerpt{color:var( --wbe-pc-excerpt-color );flex:1;font-size:.875rem;line-height:1.65;margin:0}.wbe-post-carousel__meta{align-items:center;border-top:1px solid rgba(0,0,0,.06);display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:auto;padding-top:6px}.wbe-post-carousel__author,.wbe-post-carousel__date{color:var( --wbe-pc-meta-color );font-size:.775rem}.wbe-post-carousel .swiper-pagination-bullet{opacity:.3;transition:opacity .2s,transform .2s}.wbe-post-carousel .swiper-pagination-bullet-active{opacity:1;transform:scale(1.3)}.wbe-post-carousel .swiper-button-next,.wbe-post-carousel .swiper-button-prev{align-items:center;background-color:#fff;background-size:10px;border:none;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);color:var( --wbe-pc-accent );cursor:pointer;display:flex;font-size:22px;height:40px;justify-content:center;line-height:1;top:calc(50% - 24px);transition:background .2s ease,color .2s ease;width:40px}.wbe-post-carousel .swiper-button-next:after,.wbe-post-carousel .swiper-button-prev:after{display:none}.wbe-post-carousel .swiper-button-next:hover,.wbe-post-carousel .swiper-button-prev:hover{background-color:rgba(102,126,234,.5);color:#fff}.wbe-post-carousel .swiper-button-prev{left:8px}.wbe-post-carousel .swiper-button-next{right:8px}.wbe-post-carousel--empty,.wbe-post-carousel__error,.wbe-post-carousel__loading{border:2px dashed #e9ecef;border-radius:8px;color:#6c757d;padding:32px;text-align:center}.wbe-post-carousel-editor .wp-block-wbcom-essential-post-carousel{pointer-events:none}@media (max-width:1024px){.wbe-post-carousel{--wbe-pc-grid-cols:2}.wbe-post-carousel__grid{gap:20px}.wbe-post-carousel .swiper-button-next,.wbe-post-carousel .swiper-button-prev{display:none}}@media (max-width:640px){.wbe-post-carousel{--wbe-pc-grid-cols:1}.wbe-post-carousel__grid{gap:16px}.wbe-post-carousel__body{padding:14px 16px}.wbe-post-carousel__title{font-size:.95rem}}
