/**
 * Consistent Border Radius for All Cards
 * Ensures all trip and cruise cards have the same border radius
 * Removes radius changes on hover for consistency
 */

/* ==========================================================================
   CONSISTENT BORDER RADIUS - ALL CARDS
   ========================================================================== */

/* Standard border radius for all cards */
.clem-trip-card,
.clem-cruise-card,
.clem-horizontal-card,
.clem-vertical-card,
.cte-simple-card {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Ensure border radius stays the same on hover */
.clem-trip-card:hover,
.clem-cruise-card:hover,
.clem-horizontal-card:hover,
.clem-vertical-card:hover,
.cte-simple-card:hover {
    border-radius: 12px !important;
}

/* Card images - top corners rounded */
.clem-trip-card img,
.clem-cruise-card img,
.trip-thumb img,
.cte-simple-thumb img,
.cte-card-img {
    border-radius: 12px 12px 0 0 !important;
}

/* Thumbnail links */
.trip-thumb,
.cte-simple-thumb {
    border-radius: 12px 12px 0 0 !important;
    overflow: hidden !important;
}

/* Card body - maintain bottom radius */
.trip-body,
.cte-simple-content {
    border-radius: 0 0 12px 12px !important;
}

/* Featured badge - Premium compact style */
.trip-badge,
.trip-badge-featured {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    background: rgba(200, 231, 90, 0.85) !important; /* Semi-transparent */
    color: #000000 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 0.688rem !important; /* 11px */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    width: auto !important;
    max-width: max-content !important;
}

.trip-badge-featured::before {
    content: "⭐" !important;
    font-size: 0.75rem !important;
}

/* Buttons inside cards */
.trip-btn,
.cte-simple-btn {
    border-radius: 6px !important;
}

/* Remove any transform or scale on hover that might affect perceived radius */
.clem-trip-card:hover {
    transform: translateY(-4px) !important;
    /* No scale transform */
}

/* Price and deposit badges */
.trip-price,
.trip-deposit {
    border-radius: 6px !important;
}

/* Meta information containers */
.trip-meta-icons {
    border-radius: 4px !important;
}

/* ==========================================================================
   SECTION SPECIFIC
   ========================================================================== */

/* Section grid cards */
.cte-section-grid .clem-trip-card {
    border-radius: 12px !important;
}

.cte-section-grid .clem-trip-card:hover {
    border-radius: 12px !important;
}

/* Main trips/cruises page cards */
.clem-trips-grid .clem-trip-card,
.clem-cruises-grid .clem-trip-card {
    border-radius: 12px !important;
}

.clem-trips-grid .clem-trip-card:hover,
.clem-cruises-grid .clem-trip-card:hover {
    border-radius: 12px !important;
}

/* Single page elements */
.cte-single-header,
.cte-single-section {
    border-radius: 12px !important;
}

/* Gallery items */
.cte-gallery-item,
.cte-gallery-thumb {
    border-radius: 8px !important;
}

/* Enquiry form */
.cte-enquiry-form {
    border-radius: 12px !important;
}

.cte-enquiry-form input[type="text"],
.cte-enquiry-form input[type="email"],
.cte-enquiry-form input[type="tel"],
.cte-enquiry-form textarea {
    border-radius: 6px !important;
}

.cte-enquiry-form button[type="submit"] {
    border-radius: 6px !important;
}

/* ==========================================================================
   ADMIN AREA CONSISTENCY
   ========================================================================== */

/* Admin cards and boxes */
.cte-admin-card,
.cte-dashboard-card,
.cte-stat-card {
    border-radius: 8px !important;
}

.cte-admin-card:hover,
.cte-dashboard-card:hover {
    border-radius: 8px !important;
}

/* Settings boxes */
.cte-settings-box,
.cte-settings-section {
    border-radius: 8px !important;
}

/* ==========================================================================
   RESPONSIVE ADJUSTMENTS
   ========================================================================== */

@media (max-width: 768px) {
    /* Slightly smaller radius on mobile for better fit */
    .clem-trip-card,
    .clem-cruise-card,
    .clem-horizontal-card,
    .clem-vertical-card {
        border-radius: 10px !important;
    }
    
    .clem-trip-card:hover,
    .clem-cruise-card:hover,
    .clem-horizontal-card:hover,
    .clem-vertical-card:hover {
        border-radius: 10px !important;
    }
    
    .trip-thumb img,
    .cte-card-img {
        border-radius: 10px 10px 0 0 !important;
    }
}

/* ==========================================================================
   OVERRIDE ANY CONFLICTING STYLES
   ========================================================================== */

/* Force consistent radius across all states */
.clem-trip-card,
.clem-trip-card:hover,
.clem-trip-card:focus,
.clem-trip-card:active,
.clem-trip-card.active,
.clem-trip-card.featured {
    border-radius: 12px !important;
}

/* Remove any box-shadow changes that might make radius look different */
.clem-trip-card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.clem-trip-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    /* Radius stays the same */
}