/* BUTTON FIX - COMPLETE OVERRIDE */

/* Reset all button styles first */
.destinations-selector .swipe-btn {
    all: unset !important;
    box-sizing: border-box !important;
}

/* SWIPE BUTTONS - MATCHING OFFERS SECTION STYLE */
.destinations-selector .swipe-btn {
    /* Position */
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    
    /* Size and shape - matching offers section */
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    
    /* Initial appearance - matching offers section */
    background: white !important;
    border: 2px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    
    /* Layout */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    z-index: 100 !important;
    
    /* Font - matching offers section */
    font-size: 1.2rem !important;
}

/* Positioning */
.destinations-selector .swipe-left {
    left: -5px !important;
}

.destinations-selector .swipe-right {
    right: -5px !important;
}

/* HOVER STATE - MATCHING OFFERS SECTION */
.destinations-selector .swipe-btn:hover {
    background: var(--primary-color) !important;
    color: white !important;
    transform: translateY(-50%) translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(201, 169, 110, 0.3) !important;
}

/* ACTIVE/PRESSED STATE */
.destinations-selector .swipe-btn:active {
    background: #8b7355 !important;
    color: white !important;
    border-color: #8b7355 !important;
    transform: translateY(-50%) scale(0.95) !important;
    box-shadow: 0 4px 15px rgba(139, 115, 85, 0.4) !important;
    transition: all 0.05s ease !important;
}

/* FOCUS STATE */
.destinations-selector .swipe-btn:focus {
    outline: 2px solid #d4af37 !important;
    outline-offset: 2px !important;
}

/* SVG ICONS */
.destinations-selector .swipe-btn svg {
    width: 20px !important;
    height: 20px !important;
    transition: all 0.1s ease !important;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) !important;
}

.destinations-selector .swipe-btn:hover svg {
    transform: scale(1.1) !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) !important;
}

.destinations-selector .swipe-btn:active svg {
    transform: scale(0.9) !important;
}

/* DISABLED STATE - MATCHING OFFERS SECTION */
.destinations-selector .swipe-btn:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    transform: translateY(-50%) !important;
    box-shadow: none !important;
}

/* FORCE RETURN TO INITIAL STATE */
.destinations-selector .swipe-btn:not(:hover):not(:active):not(:focus) {
    background: white !important;
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    transform: translateY(-50%) !important;
}

/* REDUCE TOP PADDING FOR DESTINATIONS SECTION - AGGRESSIVE OVERRIDE */
#destinazioni.destinations {
    padding: 60px 0 120px 0 !important;
    background: linear-gradient(135deg, #f8f6f3 0%, #e8e4dc 100%) !important;
}

.destinations {
    padding-top: 60px !important;
}

/* Also override any section header margins */
.destinations .section-header {
    margin-bottom: 2rem !important;
}

/* REDUCE TOP PADDING FOR EXPERIENCES SECTION TOO */
#esperienze.experiences {
    padding: 60px 0 60px 0 !important;
    background: linear-gradient(135deg, #f8f6f3 0%, #ffffff 100%) !important;
}

.experiences {
    padding-top: 60px !important;
}

.experiences .section-header {
    margin-bottom: 2rem !important;
}