/* Minimalist Black & White Theme */

/* Remove all rounded corners for a sharper, modern look */
.rounded-0 {
    border-radius: 0px !important;
}

/* Service Card Hover Effect */
.service-card {
    transition: all 0.4s ease;
}

.service-card:hover {
    background-color: #000000;
}

.service-card:hover h4, 
.service-card:hover p {
    color: #ffffff !important;
}

/* Force icons or underlines to stay black */
.border-dark {
    border-color: #000000 !important;
}

.text-black {
    color: #000000 !important;
}

/* TRIG DIGITAL MONOCHROME OVERRIDES */

body, .content-wrapper {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Force all text-primary to be Black */
.text-primary, .text-grape, .link-grape {
    color: #000000 !important;
}

/* Strict Square Buttons */
.rounded, .rounded-lg, .rounded-0 {
    border-radius: 0px !important;
}



/* Service Card Interactivity */
.service-card {
    transition: all 0.3s ease-in-out;
}

.service-card:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.service-card:hover p, .service-card:hover h4 {
    color: #ffffff !important;
}

.service-card:hover .btn-dark {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Global black text enforcement */
h1, h2, h3, h4, h5, h6, .nav-link {
    color: #000000 !important;
}

/* DNA Section Styling */
.dna-card {
    transition: transform 0.3s ease-in-out;
    padding: 10px;
}

.dna-card:hover {
    transform: translateY(-5px);
}

/* Icon container styling */
.btn-soft-dark {
    background-color: #f0f0f0 !important;
    color: #000000 !important;
    border: none !important;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.dna-card:hover .btn-soft-dark {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Improve scannability of the muted text */
.text-muted {
    color: #666 !important;
    font-size: 0.95rem;
    line-height: 1.6;
}


/* Text Stroke Effect for the 'Manifesto' look */
.text-stroke {
    -webkit-text-stroke: 1px #000;
    color: transparent !important;
    font-weight: 800;
}

/* Background Utility for the section */
.bg-light {
    background-color: #f8f9fa !important;
}

/* Ensure the black side looks deep and premium */
.bg-dark {
    background-color: #000000 !important;
}

/* Specific spacing for the Manifesto section */
.align-items-stretch {
    display: flex;
}


/* Footer Legal Links Hover */
.hover-opacity-100:hover {
    opacity: 1 !important;
    transition: opacity 0.3s ease;
}

/* Ensure the logo doesn't get too big on mobile */
footer img {
    max-width: 180px;
    height: auto;
}


/* ELITE MODAL STYLING */
.modal-backdrop.show {
    opacity: 0.95;
    background-color: #fff; /* White backdrop for that high-fashion clean look */
}

#auditModal .modal-content {
    box-shadow: 0 40px 100px rgba(0,0,0,0.1);
    border: 1px solid #000 !important;
}

#auditModal .form-control:focus {
    border-color: #000;
    background-color: #f8f8f8;
}

#auditModal .btn-close {
    filter: none; /* Keep it sharp black */
    opacity: 1;
}



/* Technical hover for the submit button */
#auditModal .btn-dark:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}