/* Uniform typography & color system for Naraiuran Controls */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Raleway:wght@300;400;600;700&display=swap');

:root {
    --nc-font-body: 'Open Sans', sans-serif;
    --nc-font-heading: Raleway, sans-serif;

    /* Type scale */
    --nc-text-xs: 0.875rem;
    --nc-text-base: 1rem;
    --nc-text-lg: 1.125rem;
    --nc-text-xl: 1.375rem;
    --nc-text-2xl: 1.75rem;
    --nc-text-3xl: 2rem;
    --nc-line-height: 1.6;

    /* Brand colors */
    --nc-color-primary: #e36c02;
    --nc-color-primary-dark: #c45a00;
    --nc-color-primary-light: rgba(227, 108, 2, 0.12);
    --nc-color-bg: #fffaf7;
    --nc-color-bg-white: #ffffff;
    --nc-color-text: #4a4038;
    --nc-color-text-muted: #6b5e54;
    --nc-color-heading: #2e2722;
    --nc-color-border: #e8ddd4;
}

html {
    font-size: 16px;
}

body {
    font-family: var(--nc-font-body);
    font-size: var(--nc-text-base);
    line-height: var(--nc-line-height);
    color: var(--nc-color-text);
    font-weight: 400;
    background: var(--nc-color-bg);
}

.body-container {
    background-color: var(--nc-color-bg);
}

/* Headings — readable weight, no forced ALL CAPS in content */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--nc-font-heading);
    color: var(--nc-color-heading);
    text-transform: none;
    letter-spacing: 0.02em;
}

h1 { font-size: var(--nc-text-3xl); font-weight: 700; }
h2 { font-size: var(--nc-text-2xl); font-weight: 600; }
h3 { font-size: var(--nc-text-xl); font-weight: 600; }
h4 { font-size: var(--nc-text-lg); font-weight: 600; }
h5 { font-size: var(--nc-text-base); font-weight: 600; }
h6 { font-size: var(--nc-text-xs); font-weight: 600; }

/* Navigation */
.navbar {
    font-size: var(--nc-text-base);
}

.navbar ul.nav a {
    color: var(--nc-color-heading);
    font-weight: 500;
}

/* Page & industry hero banners */
.header h1,
.header-content h1,
.header-content.new h1 {
    font-size: var(--nc-text-3xl) !important;
    color: #fff !important;
    text-transform: capitalize;
}

.header-content article {
    font-size: var(--nc-text-lg) !important;
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 400;
}

/* Breadcrumbs */
.breadcrumb,
.breadcrumb.custom {
    font-size: var(--nc-text-xs) !important;
}

/* Solution page section headers (Plant Engineering, etc.) */
.collapse-btn {
    display: block;
    width: 100%;
    margin-bottom: 1.25rem;
    text-decoration: none !important;
}

.collapse-btn:before {
    display: none !important;
}

.collapse-btn h2 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 !important;
    padding: 0.85rem 1.25rem;
    background: var(--nc-color-primary-light);
    border-left: 4px solid var(--nc-color-primary);
    border-radius: 0 4px 4px 0;
    color: var(--nc-color-heading) !important;
    font-size: var(--nc-text-xl) !important;
    font-weight: 600 !important;
    text-transform: none !important;
    box-shadow: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.collapse-btn:hover h2,
.collapse-btn:focus h2 {
    background: rgba(227, 108, 2, 0.2);
    color: var(--nc-color-primary-dark) !important;
    text-decoration: none;
}

.collapse-btn h2 i {
    color: var(--nc-color-primary);
    font-size: 1.1em;
    margin-left: auto;
}

/* Content sections */
.content-20mg,
.content-40mg,
.content-block {
    color: var(--nc-color-text);
}

.content-20mg h3,
.content-40mg h3,
.content-block h3 {
    font-size: var(--nc-text-lg) !important;
    font-weight: 600 !important;
    color: var(--nc-color-heading) !important;
    margin-top: 0;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--nc-color-primary-light);
}

.content-20mg h4,
.content-40mg h4,
.content-block h4 {
    font-size: var(--nc-text-base) !important;
    font-weight: 600 !important;
    color: var(--nc-color-text-muted) !important;
    line-height: var(--nc-line-height);
}

.content-block p {
    font-size: var(--nc-text-base) !important;
    font-weight: 400 !important;
    color: var(--nc-color-text) !important;
}

/* Lists */
.content-20mg ul,
.content-40mg ul,
.content-block ul,
.body-container ul:not(.nav):not(.dropdown-menu):not(.breadcrumb):not(.carousel-indicators) {
    padding-left: 1.25rem;
    margin-bottom: 1rem;
}

.content-20mg ul li,
.content-40mg ul li,
.content-block ul li,
.body-container ul:not(.nav):not(.dropdown-menu):not(.breadcrumb):not(.carousel-indicators) li {
    color: var(--nc-color-text);
    font-size: var(--nc-text-base);
    line-height: var(--nc-line-height);
    margin-bottom: 0.35rem;
}

/* About / section title pills */
.heading .heading-txt {
    font-size: var(--nc-text-lg) !important;
    font-weight: 600 !important;
    color: #fff !important;
    background-color: var(--nc-color-primary) !important;
    border: none !important;
    border-radius: 4px;
}

/* Industry bismdl cards */
.bismdl-title {
    font-size: var(--nc-text-base) !important;
    font-weight: 600 !important;
    color: var(--nc-color-heading) !important;
    background-color: var(--nc-color-primary-light) !important;
    border-left: 3px solid var(--nc-color-primary);
}

.bismdl-content a,
.bismdl-content span {
    color: var(--nc-color-text) !important;
}

/* Homepage carousel headlines */
.headline .carousel-inner .item {
    font-size: var(--nc-text-lg);
}

.headline-title {
    font-size: var(--nc-text-3xl) !important;
    color: var(--nc-color-heading) !important;
}

.intro-text {
    font-size: var(--nc-text-lg) !important;
    color: var(--nc-color-text-muted) !important;
}

.headline-subtext {
    font-size: var(--nc-text-xl) !important;
}

/* Section captions & testimonials */
.heading-caption {
    font-size: var(--nc-text-xs) !important;
    color: var(--nc-color-text-muted) !important;
}

.saying-content {
    font-size: var(--nc-text-base) !important;
}

.saying-content h4 {
    font-size: var(--nc-text-lg) !important;
    color: var(--nc-color-heading) !important;
}

.saying-content article {
    font-size: var(--nc-text-base) !important;
    color: var(--nc-color-text) !important;
}

/* Links */
a {
    color: var(--nc-color-primary);
}

a:hover,
a:focus {
    color: var(--nc-color-primary-dark);
}

/* Forms */
.form-control.custom-input {
    font-size: var(--nc-text-base);
    color: var(--nc-color-text);
}

/* Carousel controls — easier to see */
.carousel-control .glyphicon {
    font-size: 1.5rem;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

/* Footer */
.copyright,
.footer-info-icons + .address,
.footer-info-icons + small.address {
    font-size: var(--nc-text-xs);
}

.footer-whatsapp-icon {
    font-size: 1.5rem !important;
}

/* Tagline carousel on industry pages */
.bottom-tagline.custom-shade .carousel-inner h3 {
    font-size: var(--nc-text-base) !important;
    font-weight: 500 !important;
}

@media only screen and (max-width: 991px) {
    .header h1,
    .header-content h1,
    .header-content.new h1 {
        font-size: var(--nc-text-2xl) !important;
    }

    .headline-title {
        font-size: var(--nc-text-2xl) !important;
    }

    .headline-subtext {
        font-size: var(--nc-text-lg) !important;
    }

    .collapse-btn h2 {
        font-size: var(--nc-text-lg) !important;
    }
}

@media only screen and (max-width: 767px) {
    .content-block p,
    .content-block h3,
    .content-20mg h3 {
        font-size: var(--nc-text-base) !important;
    }

    .header h1,
    .header-content h1,
    .header-content.new h1 {
        font-size: 1.25rem !important;
    }

    .headline-title {
        font-size: 1.25rem !important;
    }

    .intro-text,
    .headline-subtext {
        font-size: var(--nc-text-base) !important;
    }
}