@charset "UTF-8";
/* https://tworldtours.com/wp-content/plugins/tourseta-core-plugin/assets/src/blocks/partners/style.scss?ver=1.0.0 */
/* Import rule from: https://tworldtours.com/wp-content/plugins/tourseta-core-plugin/assets/src/blocks/partners/../../shared/carousel-arrows.scss */
// Shared Carousel Arrows Styles
// These styles are used by the CarouselArrows component across different blocks

.tourseta-reviews-navigation {
    gap: 8px;
    margin-left: auto;
    
    .tourseta-reviews-nav-btn {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        border: 1px solid #e0e0e0;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: border-color 0.2s, background 0.2s;
        padding: 0;
        cursor: pointer;
        
        &:hover {
            border-color: #b2b7c2;
            background: #f9fafb;
            
            // Change right arrow color on hover
            .right-arrow path {
                stroke: #000;
            }
        }
        
        &:disabled {
            opacity: 0.5;
            cursor: not-allowed;
            
            &:hover {
                border-color: #e0e0e0;
                background: #fff;
                
                .right-arrow path {
                    stroke: #BDBDBD;
                }
            }
        }
        
        svg {
            display: block;
            
            path {
                transition: stroke 0.2s ease;
            }
        }
        
        // Right arrow specific styling
        .right-arrow path {
            stroke: #BDBDBD;
        }
    }
}// Import shared carousel arrows styles // Partners Block Styles - Horizontal Overflow Carousel .wp-block-tourseta-partners{// Partner item sizing - 288x144px,no borders .partner-item{width:288px;height:144px;background:#fff;border-radius:8px;// Ensure proper aspect ratio and sizing img{max-width:100%;max-height:100%;object-fit:contain;padding:16px}// Hover effects a:hover{opacity:.8;transition:opacity 0.2s ease}}// Horizontal carousel container .partners-container{// Hide scrollbar while keeping functionality .partners-carousel{&::-webkit-scrollbar{display:none}-ms-overflow-style:none;scrollbar-width:none;// Smooth scrolling scroll-behavior:smooth;// Partner items in carousel .flex-shrink-0{flex-shrink:0}}}// Responsive adjustments @media (max-width:768px){.partners-container{.partners-carousel{padding-left:1rem;padding-right:1rem}}}@media (max-width:640px){.partner-item{width:240px;height:120px}}// Block spacing support &.has-custom-spacing{.partners-carousel{gap:var(--wp--preset--spacing--block-gap,1.5rem)}}}// Editor-specific styles .tourseta-partners-block{// Editor control buttons .group:hover .opacity-0{opacity:1}// Edit controls styling .absolute.top-2.right-2{button{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);&:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}&.text-red-600{&:hover{background-color:#fef2f2;border-color:#fca5a5}}}}// Add partner button styling .partner-add-slot button{border:2px dashed #d1d5db;background:#f9fafb;transition:all 0.3s ease;&:hover{border-color:#9ca3af;background:#f3f4f6}}// Partner input fields .components-text-control__input{font-size:14px;padding:6px 8px;&::placeholder{color:#9ca3af}}// Mobile preview dots .flex.justify-center.space-x-2{button{transition:all 0.2s ease;&:hover{transform:scale(1.2)}}}}