/* DataCenterUPS Design Modernization */

/* Homepage Hero Enhancement */
.dcu-modernized .hero,
.dcu-modernized header.hero-section,
.dcu-modernized .banner {
    background: linear-gradient(135deg, #0066cc 0%, #004499 100%) !important;
    padding: 80px 20px !important;
    text-align: center !important;
    color: white !important;
}

.dcu-modernized .hero h1,
.dcu-modernized .hero .title {
    font-size: 2.5em !important;
    margin-bottom: 20px !important;
    font-weight: 700 !important;
    color: white !important;
}

.dcu-modernized .hero p {
    font-size: 1.1em !important;
    margin-bottom: 30px !important;
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Search Bar Prominence */
.dcu-modernized .search-form,
.dcu-modernized form[role="search"],
.dcu-modernized [class*="search"] {
    background: white !important;
    padding: 30px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    max-width: 600px !important;
    margin: 30px auto !important;
}

.dcu-modernized .search-form input,
.dcu-modernized .search-form select {
    padding: 12px 16px !important;
    font-size: 14px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    margin-bottom: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.dcu-modernized .search-form button,
.dcu-modernized .search-form input[type="submit"] {
    padding: 12px 32px !important;
    background: #0066cc !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    width: 100% !important;
    margin-top: 10px !important;
}

.dcu-modernized .search-form button:hover,
.dcu-modernized .search-form input[type="submit"]:hover {
    background: #0052a3 !important;
    transition: background 0.2s !important;
}

/* Contractor Card Improvements */
.dcu-modernized article,
.dcu-modernized .post,
.dcu-modernized [class*="contractor"],
.dcu-modernized [class*="card"] {
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 16px !important;
    background: white !important;
    transition: box-shadow 0.2s, transform 0.2s !important;
}

.dcu-modernized article:hover,
.dcu-modernized .post:hover,
.dcu-modernized [class*="contractor"]:hover,
.dcu-modernized [class*="card"]:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px) !important;
}

.dcu-modernized article h2,
.dcu-modernized article h3,
.dcu-modernized .post h2,
.dcu-modernized .post h3 {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    font-size: 1.25em !important;
    color: #0066cc !important;
}

.dcu-modernized article a,
.dcu-modernized .post a {
    color: #0066cc !important;
    text-decoration: none !important;
}

.dcu-modernized article a:hover,
.dcu-modernized .post a:hover {
    text-decoration: underline !important;
}

/* Services Preview */
.services-preview {
    font-size: 0.9em !important;
    color: #666 !important;
    margin: 8px 0 !important;
    padding: 8px 0 !important;
    border-top: 1px solid #f0f0f0 !important;
}

/* Verification Badge */
.verification-badge {
    font-size: 0.85em !important;
    color: #28a745 !important;
    margin-top: 8px !important;
    font-weight: 600 !important;
}

/* Pagination Enhancement */
.dcu-modernized .pagination,
.dcu-modernized .pager {
    text-align: center !important;
    margin: 30px 0 !important;
}

.dcu-modernized .pagination a,
.dcu-modernized .pagination span,
.dcu-modernized .pager a,
.dcu-modernized .pager span {
    padding: 8px 12px !important;
    margin: 0 4px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    color: #0066cc !important;
}

.dcu-modernized .pagination a:hover,
.dcu-modernized .pager a:hover {
    background: #0066cc !important;
    color: white !important;
}

.dcu-modernized .pagination .current,
.dcu-modernized .pager .current {
    background: #0066cc !important;
    color: white !important;
    border-color: #0066cc !important;
}

/* Sidebar/Filter Styling */
.dcu-modernized aside,
.dcu-modernized .sidebar,
.dcu-modernized [class*="filter"] {
    background: #f9f9f9 !important;
    padding: 20px !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
}

.dcu-modernized aside h3,
.dcu-modernized .sidebar h3,
.dcu-modernized [class*="filter"] h3 {
    margin-top: 0 !important;
    font-size: 1.1em !important;
    color: #333 !important;
}

.dcu-modernized aside select,
.dcu-modernized .sidebar select,
.dcu-modernized [class*="filter"] select {
    width: 100% !important;
    padding: 10px !important;
    margin-bottom: 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 14px !important;
}

/* CTA Button Styling */
.dcu-modernized .btn,
.dcu-modernized button,
.dcu-modernized input[type="button"],
.dcu-modernized input[type="submit"],
.dcu-modernized a.button {
    padding: 12px 24px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    border: none !important;
}

.dcu-modernized .btn-primary,
.dcu-modernized button.primary,
.dcu-modernized a.button.primary {
    background: #0066cc !important;
    color: white !important;
}

.dcu-modernized .btn-primary:hover,
.dcu-modernized button.primary:hover,
.dcu-modernized a.button.primary:hover {
    background: #0052a3 !important;
}

.dcu-modernized .btn-secondary {
    background: #666 !important;
    color: white !important;
}

.dcu-modernized .btn-secondary:hover {
    background: #555 !important;
}

/* Trust Signals */
.dcu-modernized .stats,
.dcu-modernized [class*="statistics"],
.dcu-modernized [class*="stats-section"] {
    display: flex !important;
    justify-content: space-around !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    padding: 30px 0 !important;
    margin: 20px 0 !important;
    text-align: center !important;
}

.dcu-modernized .stat,
.dcu-modernized [class*="stat-item"] {
    flex: 1 !important;
    min-width: 150px !important;
}

.dcu-modernized .stat strong,
.dcu-modernized [class*="stat-item"] strong {
    display: block !important;
    font-size: 2em !important;
    color: #0066cc !important;
    margin-bottom: 5px !important;
}

.dcu-modernized .stat span,
.dcu-modernized [class*="stat-item"] span {
    color: #666 !important;
    font-size: 0.95em !important;
}

/* Responsive */
@media (max-width: 768px) {
    .dcu-modernized .hero h1,
    .dcu-modernized .hero .title {
        font-size: 1.8em !important;
    }

    .dcu-modernized .hero p {
        font-size: 1em !important;
    }

    .dcu-modernized .search-form {
        padding: 20px !important;
    }

    .dcu-modernized .search-form input,
    .dcu-modernized .search-form select {
        margin-bottom: 8px !important;
    }

    .dcu-modernized .stats,
    .dcu-modernized [class*="statistics"] {
        flex-direction: column !important;
    }
}