/* Premium Gold & Teal Sidebar Styling - UNIVERSAL & ROBUST */

:root {
    --sb-gold: #D4AF37;
    --sb-gold-grad: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%);
    --sb-teal: #27A9CF;
}

/* 1. FORCE THE HEADER DESIGN (Universal Selectors) */
body .premium-sidebar-container .widget-title,
body .widget-title,
body .elementor-widget-sidebar .widget-title,
body .sidebar .widget h2,
body #secondary .widget-title {
    background: var(--sb-gold-grad) !important;
    background-color: var(--sb-gold) !important;
    color: #ffffff !important;
    padding: 15px 20px !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 12px 12px 0 0 !important;
    position: relative !important;
    display: block !important;
    /* Hexagon Pattern Header */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23ffffff' fill-opacity='0.15' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.32v12.7l10.99 6.34 11-6.35V17.35l-11-6.35L3 17.32zM0 37.21h2L1 36.63l-1 .58zm12.99 10.12l-1.01.58h2.01l-1-.58zm13-1.74l1-.58V43.83l-1 .58v1.17zm1-15.15v2.33l-1 1.73-1-1.73V30.43l1-1.73 1 1.73zM1.01 1.73L2.02 0H0l1.01 1.73zM1 21.57l-1 1.73v4.61l1 1.73 1-1.73v-4.61l-1-1.73zM25.99 5.2l1 1.73V11.54l-1 1.73-1-1.73V6.92l1-1.73zM1 3.46l1 1.73v4.61l-1 1.73-1-1.73V5.19l1-1.73zm23.01 40.38l1 1.73v4.61l-1 1.73-1-1.73v-4.61l1-1.73zm-13 0l1 1.73v4.61l-1 1.73-1-1.73v-4.61l1-1.73zM1.01 45.1l1.01 1.73V50.3l-1.01 1.73-1.01-1.73V46.83l1.01-1.73zM27 3.46l-1 1.73-1-1.73v-4.61l1-1.73 1 1.73v4.61z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}

/* 2. WIDGET CONTAINER (Universal) */
body .premium-sidebar-container .premium-sidebar-widget,
body .widget,
body .elementor-widget-sidebar .widget,
body #secondary .widget {
    margin-bottom: 30px !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.15) !important;
    border: 1px solid #e6dfcc !important;
}

/* 3. BOOKING FORM (Compatible with CF7) */
.premium-sidebar-container .sidebar-booking-container,
.widget_contact_form_7 {
    padding: 15px !important;
    background: #fdfaf2 !important;
}

.premium-sidebar-container input[type="submit"],
.wpcf7-submit,
.contact-button.btn-hotline {
    background: var(--sb-teal) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 30px !important;
    padding: 10px 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* 4. ZALO & HOTLINE COLORS */
.contact-button.btn-zalo { background: #0084ff !important; }
.btn-hotline { background: var(--sb-gold-grad) !important; color: #fff !important; }

/* 5. TRUST BADGES STYLE */
.trust-badge-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    border-left: 4px solid var(--sb-gold);
    margin-bottom: 10px;
}

/* 6. RELATED POSTS */
.related-post-item {
    display: flex !important;
    gap: 12px !important;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #efefef;
}
.related-post-thumb img {
    width: 80px !important;
    height: 60px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
}
.related-post-info a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333 !important;
    text-decoration: none !important;
}