/* Phase Two Custom Styles */

/* Event Cards */
.event-card {
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(0,0,0,0.05);
}

.event-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
}

.event-card .event-date {
    background-color: var(--base-color, #ea672e);
    color: #fff;
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
}

.event-card-image {
    overflow: hidden;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    position: relative;
}

.event-card-image img {
    transition: transform 0.5s ease;
}

.event-card:hover .event-card-image img {
    transform: scale(1.05);
}

/* Service Alternating Layout Fixes */
.service-step-number {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background-color: rgba(234, 103, 46, 0.1); /* Base color light */
    color: var(--base-color, #ea672e);
    font-size: 24px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
}

.service-list-icon i {
    color: var(--base-color, #ea672e);
    font-size: 16px;
    margin-right: 10px;
    vertical-align: middle;
}

.service-list-item {
    margin-bottom: 10px;
    font-size: 16px;
    color: #555;
}

/* Pillar Buttons Hover Text Color */
.btn-pillar-hover:hover .btn-double-text,
.btn-pillar-hover:hover .btn-double-text::before,
.btn-pillar-hover:hover .btn-double-text::after {
    color: var(--base-color, #ea672e) !important;
}

/* Partnership Cards Group Hover Logic */
/* 1. When the group is hovered, reset ALL cards to LIGHT */
.partnership-cards-group:hover .partnership-card > div {
    background-color: #fff !important;
}
.partnership-cards-group:hover .partnership-card h5,
.partnership-cards-group:hover .partnership-card span.fw-600 {
    color: #232323 !important;
}
.partnership-cards-group:hover .partnership-card p,
.partnership-cards-group:hover .partnership-card ul,
.partnership-cards-group:hover .partnership-card div > span:not(.fw-600):not(.fs-40) {
    color: #555 !important;
    opacity: 1 !important;
}
.partnership-cards-group:hover .partnership-card p.border-bottom {
    border-color: rgba(0,0,0,0.1) !important;
}
.partnership-cards-group:hover .partnership-card i.fa-check {
    color: var(--base-color, #ea672e) !important;
}

/* 2. Apply DARK styling ONLY to the specific card being hovered */
.partnership-cards-group .partnership-card:hover > div {
    background-color: #313e3b !important;
}
.partnership-cards-group .partnership-card:hover h5,
.partnership-cards-group .partnership-card:hover span.fw-600 {
    color: #fff !important;
}
.partnership-cards-group .partnership-card:hover p,
.partnership-cards-group .partnership-card:hover ul,
.partnership-cards-group .partnership-card:hover div > span:not(.fw-600):not(.fs-40) {
    color: #fff !important;
    opacity: 0.8 !important;
}
.partnership-cards-group .partnership-card:hover p.border-bottom {
    border-color: rgba(255,255,255,0.1) !important;
}
.partnership-cards-group .partnership-card:hover i.fa-check {
    color: #e8a834 !important; /* tussock-yellow */
}