/* Custom styles for CoreDigital */

/* Logo styling */
.logo-resize {
    max-height: 45px; /* Adjust height as needed */
    max-width: 150px; /* Maximum width */
    float: left;
    margin-right: 20px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Make the logo responsive */
@media (max-width: 991px) {
    .logo-resize {
        max-height: 35px;
        max-width: 120px;
    }
}

@media (max-width: 767px) {
    .logo-resize {
        max-height: 30px;
        max-width: 110px;
    }
}

/* Adjust header positioning for better alignment */
.header-logo {
    padding: 0;
    display: flex;
    align-items: center;
}

.header-logo a {
    display: flex;
    align-items: center;
}

/* Ensure proper alignment in the header */
.header-column.d-flex.align-items-start {
    align-items: center !important;
}

/* Company name styling - perfectly aligned with navigation */
.company-name-container {
    display: flex;
    align-items: center;
    position: absolute;
    left: 170px; /* Adjust based on logo width */
    top: 0;
    height: 100%;
    margin: 0;
}

.company-name {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    line-height: 70px; /* Match header height */
    white-space: nowrap;
    height: 100%;
    display: flex;
    align-items: center;
}

/* Special positioning for desktop - exact alignment with navigation */
@media (min-width: 992px) {
    /* Target the nav menu container for reference */
    .header-column.justify-content-end .header-nav {
        display: flex;
        align-items: center;
    }
    
    /* Perfect alignment technique */
    .company-name-container {
        position: absolute;
        left: 80px; /* Adjust as needed based on logo width */
        top: 0;
        bottom: 0;
        margin: auto;
        height: 30px; /* Match the nav height */
        display: flex;
        align-items: center;
    }
    
    .company-name {
        font-size: 1.2rem;
        line-height: 1;
        margin-top: 0px; /* Fine-tune to align with navigation */
    }
    
    /* When header becomes sticky, adjust alignment */
    .sticky-header-active .company-name-container {
        height: 30px; /* Smaller for sticky header */
    }
    
    .sticky-header-active .company-name {
        margin-top: 5px; /* Adjust for sticky header */
    }
}

/* Header height adjustment for proper vertical centering */
.header-row {
    position: relative;
}

/* Sticky header adjustments */
.sticky-header-active .company-name {
    line-height: 54px; /* Adjust for sticky header height */
}

/* Better positioning for navigation text alignment */
.header-nav-main nav > ul > li > a {
    height: 100%;
    display: flex !important;
    align-items: center !important;
}

/* Ensure consistent header height for alignment reference */
#header .header-nav {
    height: 70px;
    align-items: center;
    display: flex;
}

/* Sticky header adjustments */
.sticky-header-active #header .header-nav {
    height: 54px;
}

/* For mobile screens, realign text for smaller viewports */
@media (max-width: 991px) {
    .company-name-container {
        position: static;
        transform: none;
        margin-left: 10px;
    }
    
    .company-name {
        font-size: 1rem;
    }
}

/* Responsive header container */
@media (max-width: 767px) {
    .header-container.container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* Adjust for mobile menu */
    .header-row {
        min-height: 60px;
    }
    
    /* Hide company name on very small screens if needed */
    .company-name-container {
        display: none;
    }
}

/* Custom blue background for projects section */
.section.bg-primer {
    background-color: #0d6efd !important; /* Deeper blue color */
    background: linear-gradient(135deg, #1a73e8 0%, #2196f3 100%) !important; /* Blue gradient for better visual effect */
    border: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

/* Enhance project section appearance with blue theme */
.section.bg-primer .project-img {
    height: 240px;
    object-fit: cover;
    border-radius: 4px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Improve project title and text readability on blue background */
.section.bg-primer h2.text-color-light,
.section.bg-primer h3.text-color-light,
.section.bg-primer .text-color-light {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Add some hover effects for the project items */
.section.bg-primer .thumb-info:hover .thumb-info-wrapper img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

/* Improve dots navigation in the project carousel */
.section.bg-primer .custom-dots-style-1 .owl-dot span {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.section.bg-primer .custom-dots-style-1 .owl-dot.active span {
    background-color: #ffffff !important;
}