/*
Theme Name: Next Generation Lubricants
Theme URI: https://nglpetroleum.com
Author: Next Generation Lubricants
Author URI: https://nglpetroleum.com
Description: Custom theme for Next Generation Lubricants - Fueling Pakistan's Future
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ngl-petroleum
*/

:root {
    --ngl-primary: #f48c25;
    --ngl-bg-light: #f8f7f5;
    --ngl-bg-dark: #221910;
    --ngl-surface-dark: #1e1e1e;
    --ngl-accent-dark: #2a2a2a;
    --ngl-border-dark: #322a20;
}

html {
    overflow-x: hidden;
}

body {
    font-family: "Space Grotesk", sans-serif;
    overflow-x: hidden;
    max-width: 100vw;
}

.industrial-grid {
    background-image: radial-gradient(circle at 2px 2px, rgba(244, 140, 37, 0.05) 1px, transparent 0);
    background-size: 40px 40px;
}

.industrial-overlay {
    background-image: linear-gradient(rgba(34, 25, 16, 0.85), rgba(34, 25, 16, 0.95)), url('');
    background-size: cover;
    background-position: center;
}

.brushed-metal {
    background-image: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(0,0,0,0) 50%, rgba(255,255,255,0.03) 100%);
}

.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #121212;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #322a20;
    border-radius: 10px;
}

/* Nuclear reset: prevent WP from coloring any links */
html body a,
html body a:link,
html body a:visited,
html body a:hover,
html body a:active,
html body a:focus,
.entry-content a,
#page a,
#content a,
.site a,
article a {
    color: inherit !important;
    text-decoration: none !important;
}

.ngl-btn-primary,
a.ngl-btn-primary,
button.ngl-btn-primary,
html body .ngl-btn-primary,
html body a.ngl-btn-primary,
html body button.ngl-btn-primary,
.ngl-btn-primary:link,
.ngl-btn-primary:visited,
.ngl-btn-primary:hover,
.ngl-btn-primary:active,
.ngl-btn-primary:focus {
    color: #221910 !important;
    background-color: #f48c25 !important;
    text-decoration: none !important;
    display: inline-block;
    cursor: pointer;
}

.ngl-btn-outline,
a.ngl-btn-outline,
html body .ngl-btn-outline,
html body a.ngl-btn-outline,
.ngl-btn-outline:link,
.ngl-btn-outline:visited,
.ngl-btn-outline:hover,
.ngl-btn-outline:active,
.ngl-btn-outline:focus {
    color: #ffffff !important;
    background-color: rgba(255,255,255,0.15) !important;
    border: 2px solid rgba(255,255,255,0.4) !important;
    text-decoration: none !important;
    display: inline-block;
    cursor: pointer;
}
.ngl-btn-outline:hover {
    background-color: rgba(255,255,255,0.25) !important;
}

/* WordPress admin bar fix */
.admin-bar header.sticky {
    top: 32px;
}
@media screen and (max-width: 782px) {
    .admin-bar header.sticky {
        top: 46px;
    }
}