/* ============================================
   OUR BRAND SECTION - HOVER EFFECTS REMOVAL
   Remove hover effects from cards, images, and discover more button
   ============================================ */

/* ============================================
   OUR BRAND SECTION - REMOVE HOVER EFFECTS FROM STYLES.CSS
   ============================================ */

/* REMOVE ALL HIGHLIGHT ITEM HOVER EFFECTS */
.highlight-item:hover {
    transform: none !important;
    box-shadow: none !important;
    background: inherit !important;
}

/* REMOVE HOTEL CARD HOVER EFFECTS */
.hotel-card:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* REMOVE RESORTS HIGHLIGHT ITEM HOVER EFFECTS */
#resorts .highlight-item:hover {
    transform: none !important;
    box-shadow: none !important;
    background: inherit !important;
}

/* REMOVE RESORT HIGHLIGHTS HOVER EFFECTS */
.resort-highlights .highlight-item:hover {
    transform: none !important;
    box-shadow: none !important;
    background: inherit !important;
}

/* REMOVE ALL TRANSFORMS FROM BRAND CARDS */
.highlight-item,
.hotel-card,
#resorts .highlight-item,
.resort-highlights .highlight-item {
    transform: none !important;
    transition: none !important;
}

/* REMOVE ALL HOVER TRANSFORMS */
.highlight-item:hover,
.hotel-card:hover,
#resorts .highlight-item:hover,
.resort-highlights .highlight-item:hover {
    transform: none !important;
    transition: none !important;
}

/* ============================================
   1. BRAND CARDS - NO HOVER EFFECTS
   ============================================ */
#brand .highlight-item:hover,
#brand .brand-card:hover,
#brand .card:hover,
#brand .building-card:hover,
#brand .hotel-card:hover,
#brand .resort-card:hover {
    /* REMOVE ALL HOVER EFFECTS */
    transform: none !important;
    transform: scale(1) !important;
    transform: translate(0, 0) !important;
    transform: translateX(0) !important;
    transform: translateY(0) !important;
    transform: rotate(0deg) !important;
    transform: skew(0deg, 0deg) !important;
    
    /* NO SIZE CHANGES */
    width: inherit !important;
    height: inherit !important;
    max-width: inherit !important;
    max-height: inherit !important;
    min-width: inherit !important;
    min-height: inherit !important;
    
    /* NO POSITION CHANGES */
    position: inherit !important;
    top: inherit !important;
    left: inherit !important;
    right: inherit !important;
    bottom: inherit !important;
    margin: inherit !important;
    padding: inherit !important;
    
    /* NO VISUAL EFFECTS */
    box-shadow: inherit !important;
    background: inherit !important;
    border: inherit !important;
    border-radius: inherit !important;
    
    /* NO TRANSITIONS */
    transition: none !important;
    transition-delay: none !important;
    transition-duration: none !important;
    transition-timing-function: none !important;
    transition-property: none !important;
    
    /* NO ANIMATIONS */
    animation: none !important;
    animation-delay: none !important;
    animation-duration: none !important;
    animation-timing-function: none !important;
    animation-iteration-count: none !important;
    animation-direction: none !important;
    animation-fill-mode: none !important;
    
    /* NO FILTERS */
    filter: none !important;
    backdrop-filter: none !important;
    
    /* NO OPACITY CHANGES */
    opacity: inherit !important;
    
    /* NO Z-INDEX CHANGES */
    z-index: inherit !important;
}

/* ============================================
   2. BRAND IMAGES - NO HOVER EFFECTS
   ============================================ */
#brand img:hover,
#brand .building-image:hover,
#brand .hotel-image:hover,
#brand .resort-image:hover,
#brand .brand-image:hover,
#brand .card-image:hover,
#brand .highlight-item img:hover {
    /* REMOVE ALL HOVER EFFECTS */
    transform: none !important;
    transform: scale(1) !important;
    transform: translate(0, 0) !important;
    transform: translateX(0) !important;
    transform: translateY(0) !important;
    transform: rotate(0deg) !important;
    transform: skew(0deg, 0deg) !important;
    
    /* NO SIZE CHANGES */
    width: inherit !important;
    height: inherit !important;
    max-width: inherit !important;
    max-height: inherit !important;
    min-width: inherit !important;
    min-height: inherit !important;
    
    /* NO POSITION CHANGES */
    position: inherit !important;
    top: inherit !important;
    left: inherit !important;
    right: inherit !important;
    bottom: inherit !important;
    margin: inherit !important;
    padding: inherit !important;
    
    /* NO VISUAL EFFECTS */
    box-shadow: inherit !important;
    background: inherit !important;
    border: inherit !important;
    border-radius: inherit !important;
    
    /* NO TRANSITIONS */
    transition: none !important;
    transition-delay: none !important;
    transition-duration: none !important;
    transition-timing-function: none !important;
    transition-property: none !important;
    
    /* NO ANIMATIONS */
    animation: none !important;
    animation-delay: none !important;
    animation-duration: none !important;
    animation-timing-function: none !important;
    animation-iteration-count: none !important;
    animation-direction: none !important;
    animation-fill-mode: none !important;
    
    /* NO FILTERS */
    filter: none !important;
    backdrop-filter: none !important;
    
    /* NO OPACITY CHANGES */
    opacity: inherit !important;
    
    /* NO Z-INDEX CHANGES */
    z-index: inherit !important;
}

/* ============================================
   3. DISCOVER MORE BUTTON - NO HOVER EFFECTS
   ============================================ */
#brand .discover-hotel-btn:hover,
#brand button.discover-hotel-btn:hover,
#brand .discover-building-btn:hover,
#brand button.discover-building-btn:hover,
#brand .discover-resort-btn:hover,
#brand button.discover-resort-btn:hover,
#brand .discover-btn:hover,
#brand button.discover-btn:hover,
#brand .btn-discover:hover,
#brand button.btn-discover:hover,
#brand .discover-more-btn:hover,
#brand button.discover-more-btn:hover,
#brand .btn-discover-more:hover,
#brand button.btn-discover-more:hover {
    /* REMOVE ALL HOVER EFFECTS */
    transform: none !important;
    transform: scale(1) !important;
    transform: translate(0, 0) !important;
    transform: translateX(0) !important;
    transform: translateY(0) !important;
    transform: rotate(0deg) !important;
    transform: skew(0deg, 0deg) !important;
    
    /* NO SIZE CHANGES */
    width: inherit !important;
    height: inherit !important;
    max-width: inherit !important;
    max-height: inherit !important;
    min-width: inherit !important;
    min-height: inherit !important;
    
    /* NO POSITION CHANGES */
    position: inherit !important;
    top: inherit !important;
    left: inherit !important;
    right: inherit !important;
    bottom: inherit !important;
    margin: inherit !important;
    padding: inherit !important;
    
    /* NO VISUAL EFFECTS */
    box-shadow: inherit !important;
    background: inherit !important;
    border: inherit !important;
    border-radius: inherit !important;
    
    /* NO TRANSITIONS */
    transition: none !important;
    transition-delay: none !important;
    transition-duration: none !important;
    transition-timing-function: none !important;
    transition-property: none !important;
    
    /* NO ANIMATIONS */
    animation: none !important;
    animation-delay: none !important;
    animation-duration: none !important;
    animation-timing-function: none !important;
    animation-iteration-count: none !important;
    animation-direction: none !important;
    animation-fill-mode: none !important;
    
    /* NO FILTERS */
    filter: none !important;
    backdrop-filter: none !important;
    
    /* NO OPACITY CHANGES */
    opacity: inherit !important;
    
    /* NO Z-INDEX CHANGES */
    z-index: inherit !important;
    
    /* NO COLOR CHANGES */
    color: inherit !important;
    background-color: inherit !important;
    border-color: inherit !important;
}

/* ============================================
   4. ALL CHILD ELEMENTS - NO HOVER EFFECTS
   ============================================ */
#brand .highlight-item *:hover,
#brand .brand-card *:hover,
#brand .card *:hover,
#brand .building-card *:hover,
#brand .hotel-card *:hover,
#brand .resort-card *:hover {
    /* REMOVE ALL HOVER EFFECTS */
    transform: none !important;
    transform: scale(1) !important;
    transform: translate(0, 0) !important;
    transform: translateX(0) !important;
    transform: translateY(0) !important;
    transform: rotate(0deg) !important;
    transform: skew(0deg, 0deg) !important;
    
    /* NO SIZE CHANGES */
    width: inherit !important;
    height: inherit !important;
    max-width: inherit !important;
    max-height: inherit !important;
    min-width: inherit !important;
    min-height: inherit !important;
    
    /* NO POSITION CHANGES */
    position: inherit !important;
    top: inherit !important;
    left: inherit !important;
    right: inherit !important;
    bottom: inherit !important;
    margin: inherit !important;
    padding: inherit !important;
    
    /* NO VISUAL EFFECTS */
    box-shadow: inherit !important;
    background: inherit !important;
    border: inherit !important;
    border-radius: inherit !important;
    
    /* NO TRANSITIONS */
    transition: none !important;
    transition-delay: none !important;
    transition-duration: none !important;
    transition-timing-function: none !important;
    transition-property: none !important;
    
    /* NO ANIMATIONS */
    animation: none !important;
    animation-delay: none !important;
    animation-duration: none !important;
    animation-timing-function: none !important;
    animation-iteration-count: none !important;
    animation-direction: none !important;
    animation-fill-mode: none !important;
    
    /* NO FILTERS */
    filter: none !important;
    backdrop-filter: none !important;
    
    /* NO OPACITY CHANGES */
    opacity: inherit !important;
    
    /* NO Z-INDEX CHANGES */
    z-index: inherit !important;
}

/* ============================================
   5. BUTTON ICONS - NO HOVER EFFECTS
   ============================================ */
#brand .discover-hotel-btn i:hover,
#brand button.discover-hotel-btn i:hover,
#brand .discover-btn i:hover,
#brand button.discover-btn i:hover,
#brand .btn-discover i:hover,
#brand button.btn-discover i:hover,
#brand .discover-more-btn i:hover,
#brand button.discover-more-btn i:hover,
#brand .btn-discover-more i:hover,
#brand button.btn-discover-more i:hover {
    /* REMOVE ALL HOVER EFFECTS */
    transform: none !important;
    transform: scale(1) !important;
    transform: translate(0, 0) !important;
    transform: translateX(0) !important;
    transform: translateY(0) !important;
    transform: rotate(0deg) !important;
    transform: skew(0deg, 0deg) !important;
    
    /* NO SIZE CHANGES */
    width: inherit !important;
    height: inherit !important;
    max-width: inherit !important;
    max-height: inherit !important;
    min-width: inherit !important;
    min-height: inherit !important;
    
    /* NO POSITION CHANGES */
    position: inherit !important;
    top: inherit !important;
    left: inherit !important;
    right: inherit !important;
    bottom: inherit !important;
    margin: inherit !important;
    padding: inherit !important;
    
    /* NO VISUAL EFFECTS */
    box-shadow: inherit !important;
    background: inherit !important;
    border: inherit !important;
    border-radius: inherit !important;
    
    /* NO TRANSITIONS */
    transition: none !important;
    transition-delay: none !important;
    transition-duration: none !important;
    transition-timing-function: none !important;
    transition-property: none !important;
    
    /* NO ANIMATIONS */
    animation: none !important;
    animation-delay: none !important;
    animation-duration: none !important;
    animation-timing-function: none !important;
    animation-iteration-count: none !important;
    animation-direction: none !important;
    animation-fill-mode: none !important;
    
    /* NO FILTERS */
    filter: none !important;
    backdrop-filter: none !important;
    
    /* NO OPACITY CHANGES */
    opacity: inherit !important;
    
    /* NO Z-INDEX CHANGES */
    z-index: inherit !important;
    
    /* NO COLOR CHANGES */
    color: inherit !important;
    background-color: inherit !important;
    border-color: inherit !important;
}

/* ============================================
   6. FOCUS STATE - NO EFFECTS
   ============================================ */
#brand .highlight-item:focus,
#brand .brand-card:focus,
#brand .card:focus,
#brand .building-card:focus,
#brand .hotel-card:focus,
#brand .resort-card:focus,
#brand img:focus,
#brand .building-image:focus,
#brand .hotel-image:focus,
#brand .resort-image:focus,
#brand .brand-image:focus,
#brand .card-image:focus,
#brand .highlight-item img:focus,
#brand .discover-hotel-btn:focus,
#brand button.discover-hotel-btn:focus,
#brand .discover-building-btn:focus,
#brand button.discover-building-btn:focus,
#brand .discover-resort-btn:focus,
#brand button.discover-resort-btn:focus,
#brand .discover-btn:focus,
#brand button.discover-btn:focus,
#brand .btn-discover:focus,
#brand button.btn-discover:focus {
    /* REMOVE ALL FOCUS EFFECTS */
    transform: none !important;
    transform: scale(1) !important;
    transform: translate(0, 0) !important;
    transform: translateX(0) !important;
    transform: translateY(0) !important;
    transform: rotate(0deg) !important;
    transform: skew(0deg, 0deg) !important;
    
    /* NO SIZE CHANGES */
    width: inherit !important;
    height: inherit !important;
    max-width: inherit !important;
    max-height: inherit !important;
    min-width: inherit !important;
    min-height: inherit !important;
    
    /* NO POSITION CHANGES */
    position: inherit !important;
    top: inherit !important;
    left: inherit !important;
    right: inherit !important;
    bottom: inherit !important;
    margin: inherit !important;
    padding: inherit !important;
    
    /* NO VISUAL EFFECTS */
    box-shadow: inherit !important;
    background: inherit !important;
    border: inherit !important;
    border-radius: inherit !important;
    
    /* NO TRANSITIONS */
    transition: none !important;
    transition-delay: none !important;
    transition-duration: none !important;
    transition-timing-function: none !important;
    transition-property: none !important;
    
    /* NO ANIMATIONS */
    animation: none !important;
    animation-delay: none !important;
    animation-duration: none !important;
    animation-timing-function: none !important;
    animation-iteration-count: none !important;
    animation-direction: none !important;
    animation-fill-mode: none !important;
    
    /* NO FILTERS */
    filter: none !important;
    backdrop-filter: none !important;
    
    /* NO OPACITY CHANGES */
    opacity: inherit !important;
    
    /* NO Z-INDEX CHANGES */
    z-index: inherit !important;
}

/* ============================================
   7. ACTIVE STATE - NO EFFECTS
   ============================================ */
#brand .highlight-item:active,
#brand .brand-card:active,
#brand .card:active,
#brand .building-card:active,
#brand .hotel-card:active,
#brand .resort-card:active,
#brand img:active,
#brand .building-image:active,
#brand .hotel-image:active,
#brand .resort-image:active,
#brand .brand-image:active,
#brand .card-image:active,
#brand .highlight-item img:active,
#brand .discover-hotel-btn:active,
#brand button.discover-hotel-btn:active,
#brand .discover-building-btn:active,
#brand button.discover-building-btn:active,
#brand .discover-resort-btn:active,
#brand button.discover-resort-btn:active,
#brand .discover-btn:active,
#brand button.discover-btn:active,
#brand .btn-discover:active,
#brand button.btn-discover:active {
    /* REMOVE ALL ACTIVE EFFECTS */
    transform: none !important;
    transform: scale(1) !important;
    transform: translate(0, 0) !important;
    transform: translateX(0) !important;
    transform: translateY(0) !important;
    transform: rotate(0deg) !important;
    transform: skew(0deg, 0deg) !important;
    
    /* NO SIZE CHANGES */
    width: inherit !important;
    height: inherit !important;
    max-width: inherit !important;
    max-height: inherit !important;
    min-width: inherit !important;
    min-height: inherit !important;
    
    /* NO POSITION CHANGES */
    position: inherit !important;
    top: inherit !important;
    left: inherit !important;
    right: inherit !important;
    bottom: inherit !important;
    margin: inherit !important;
    padding: inherit !important;
    
    /* NO VISUAL EFFECTS */
    box-shadow: inherit !important;
    background: inherit !important;
    border: inherit !important;
    border-radius: inherit !important;
    
    /* NO TRANSITIONS */
    transition: none !important;
    transition-delay: none !important;
    transition-duration: none !important;
    transition-timing-function: none !important;
    transition-property: none !important;
    
    /* NO ANIMATIONS */
    animation: none !important;
    animation-delay: none !important;
    animation-duration: none !important;
    animation-timing-function: none !important;
    animation-iteration-count: none !important;
    animation-direction: none !important;
    animation-fill-mode: none !important;
    
    /* NO FILTERS */
    filter: none !important;
    backdrop-filter: none !important;
    
    /* NO OPACITY CHANGES */
    opacity: inherit !important;
    
    /* NO Z-INDEX CHANGES */
    z-index: inherit !important;
}

/* ============================================
   8. OVERRIDE INLINE STYLES
   ============================================ */
#brand .highlight-item[style]:hover,
#brand .brand-card[style]:hover,
#brand .card[style]:hover,
#brand img[style]:hover,
#brand .discover-hotel-btn[style]:hover,
#brand button.discover-hotel-btn[style]:hover {
    /* OVERRIDE INLINE HOVER STYLES */
    transform: none !important;
    transform: scale(1) !important;
    transform: translate(0, 0) !important;
    transform: translateX(0) !important;
    transform: translateY(0) !important;
    transform: rotate(0deg) !important;
    transform: skew(0deg, 0deg) !important;
    
    width: inherit !important;
    height: inherit !important;
    max-width: inherit !important;
    max-height: inherit !important;
    min-width: inherit !important;
    min-height: inherit !important;
    
    position: inherit !important;
    top: inherit !important;
    left: inherit !important;
    right: inherit !important;
    bottom: inherit !important;
    margin: inherit !important;
    padding: inherit !important;
    
    box-shadow: inherit !important;
    background: inherit !important;
    border: inherit !important;
    border-radius: inherit !important;
    
    transition: none !important;
    animation: none !important;
    filter: none !important;
    opacity: inherit !important;
    z-index: inherit !important;
}


