/* Mediteran Company Premium Design Enhancements */
/* This stylesheet adds premium styling and updates the logo to match the new brand */

/* Premium shadows and hover effects */
.premium-shadow {
    box-shadow: 0 10px 40px rgba(30, 58, 95, 0.1);
}

.premium-shadow-hover {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.premium-shadow-hover:hover {
    box-shadow: 0 20px 60px rgba(30, 58, 95, 0.15);
    transform: translateY(-2px);
}

/* Premium gradient overlay */
.gradient-overlay {
    background: linear-gradient(135deg, rgba(77, 186, 205, 0.9) 0%, rgba(30, 58, 95, 0.9) 100%);
}

/* Enhanced header shadow */
header {
    box-shadow: 0 2px 20px rgba(30, 58, 95, 0.08) !important;
}

/* Mobile header gradient */
@media screen and (max-width: 1299px) {
    header {
        background: linear-gradient(to right, #1E3A5F 0%, rgba(30, 58, 95, 0.98) 100%) !important;
    }
}

/* Premium button transitions */
button, .btn, input[type="submit"] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Enhanced results section overlay */
.results-wrap .overlay {
    background: linear-gradient(135deg, rgba(30, 58, 95, 0.85) 0%, rgba(21, 40, 56, 0.9) 100%) !important;
    opacity: 1 !important;
}

/* Service card premium hover effect */
.service {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.service:hover {
    background: linear-gradient(135deg, rgba(77, 186, 205, 0.12) 0%, rgba(30, 58, 95, 0.08) 100%) !important;
    box-shadow: 0 10px 30px rgba(30, 58, 95, 0.1);
    transform: translateY(-3px);
}

/* Industry card premium hover */
.industry {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.industry:hover {
    box-shadow: 0 15px 40px rgba(30, 58, 95, 0.15);
    transform: translateY(-5px);
}

/* Blog card hover enhancement */
.blog {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.blog:hover {
    transform: translateY(-5px);
}

.blog:hover .blog-img img {
    transform: scale(1.05);
}

/* Enhanced navigation border */
@media screen and (min-width: 1299px) {
    .blue-header .nav, .small-header .nav {
        border-color: rgba(255, 255, 255, 0.15) !important;
    }
}

.nav {
    border-right-color: rgba(30, 58, 95, 0.1) !important;
}

/* Logo updates - Use Mediteran Company logo */
.logo img[src*="invar"], 
.logo img[src*="logo"],
.footer-logo img[src*="invar"],
.footer-logo img[src*="logo"] {
    content: url('../images/mediterancompanylogo.png');
}

/* Footer logo sizing (legacy footer only) */
footer:not(.ft-redesign) .footer-logo {
    width: 150px !important;
    height: 150px !important;
}

/* Support for new centered header - logo sizing handled in main.css */

/* Premium accent color for links and highlights */
a:hover {
    transition: all 0.3s ease;
}

.read-more {
    transition: all 0.3s ease;
}

.read-more:hover {
    color: #4DBACD;
    border-bottom-color: #4DBACD;
    transform: translateX(3px);
}

/* Enhanced social icons hover */
.socials a {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.socials a:hover {
    transform: translateY(-3px);
}

/* Premium scrollbar styling */
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #1E3A5F 0%, #4DBACD 100%);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #4DBACD 0%, #1E3A5F 100%);
}

/* Enhanced focus states for accessibility */
a:focus, button:focus, input:focus, textarea:focus {
    outline: 2px solid #4DBACD;
    outline-offset: 2px;
}

/* Premium pagination */
.pagination .active span {
    background: linear-gradient(135deg, #4DBACD 0%, #1E3A5F 100%);
}

/* Enhanced review section */
.reviewSwiper {
    background: linear-gradient(135deg, #1E3A5F 0%, #152838 100%) !important;
}