/*
Theme Name:         HARSHA IMPEX
Theme URI:          https://harshaimpex.com/
Description:        An executive digital infrastructure designed for international agricultural commodity networks, natural premium logistics pipelines, and global asset sourcing tracking modules. Custom mapped for deep forest contrast and elegant serif branding weight metrics.
Author:             vconnects.in
Author URI:         https://vconnects.in/
Template:           astra
Version:            1.0.1
*/

/* ==========================================================================
   1. CORE GLOBAL PALETTE ENGINE (MAPPED TO SYSTEM METRICS)
   ========================================================================== */
:root {
    --primary-green: #1b4332;
    --light-green: #2d6a4f;
    --gold: #d4af37;
    --accent-gold: #b58926;
    --text-dark: #2d312e;
    --bg-cream: #faf9f5;
    --border-color: #e5e5e0;
}

/* Force Approved Typography Inheritance */
body, .site {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    background-color: var(--bg-cream) !important;
    color: var(--text-dark) !important;
    -webkit-font-smoothing: antialiased;
}

/* Base Typographic Weights */
h1, h2, h3, h4, h5, h6, 
.entry-title, .site-title a {
    font-family: 'Playfair Display', Georgia, serif !important;
    color: var(--primary-green) !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   2. CUSTOM HEADER BREAKOUT OVERRIDES (ANTI-CACHING BLOCKS)
   ========================================================================== */
.site-header, 
.main-header-bar, 
.ast-main-header-wrap, 
.main-header-bar-wrap,
div[class*="main-header-bar"] {
    background-color: #ffffff !important;
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

/* Header Navigation Typography & Color Enforcements */
.main-navigation a, 
.main-header-menu a,
.main-header-bar .main-header-menu a,
.main-header-bar .main-header-menu a *,
.ast-site-identity .site-title a,
.site-title a {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: var(--text-dark) !important;
    font-weight: 600 !important;
    font-size: 13.6px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
}

.main-branding .site-title a,
.ast-site-identity .site-title a {
    font-family: 'Playfair Display', Georgia, serif !important;
    color: #1b4332 !important;
    font-weight: 700 !important;
}

.main-navigation a:hover, 
.main-header-menu a:hover,
.main-header-bar .main-header-menu a:hover,
.main-header-menu .current-menu-item > a {
    color: var(--light-green) !important;
    background-color: transparent !important;
    background: transparent !important;
}

/* Standardized Custom Menu CTA Class ("Get A Quote") */
.main-header-menu .menu-item.sg-header-cta > a {
    background-color: var(--gold) !important;
    color: var(--primary-green) !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    margin-left: 20px !important;
    display: inline-flex !important;
    align-items: center;
    transition: all 0.3s ease !important;
}

.main-header-menu .menu-item.sg-header-cta > a:hover {
    background-color: var(--accent-gold) !important;
    color: #ffffff !important;
}
ul.sub-menu{
	margin-top: 0px !important;
}

/* ==========================================================================
   3. CUSTOM LAYOUT ENGINE (ELEMENTOR FREE UTILITIES)
   ========================================================================== */
.sg-categories-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
    margin: 30px 0;
}

.sg-category-card {
    background-color: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    padding-bottom: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sg-category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

.sg-category-card h3 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13.6px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    margin: 30px 10px 15px 10px;
    color: var(--primary-green) !important;
}

.sg-category-card ul {
    list-style: none !important;
    padding: 0 15px !important;
    margin: 0 !important;
    text-align: left;
}

.sg-category-card ul li {
    font-size: 12.8px !important;
    color: #555555 !important;
    margin-bottom: 6px;
    position: relative;
    padding-left: 12px;
}

.sg-category-card ul li::before {
    content: "-";
    position: absolute;
    left: 0;
    color: #999999;
}

/* ==========================================================================
   4. SYSTEM FOOTER WRAPPERS
   ========================================================================== */
.site-footer {
    background-color: var(--primary-green) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border-top: 4px solid var(--gold) !important;
}

.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4 {
    color: #ffffff !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700 !important;
}

.site-footer a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.site-footer a:hover {
    color: var(--gold) !important;
}

/* ==========================================================================
   5. RESPONSIVE QUERY MATRIX CONTROLS
   ========================================================================== */
@media (max-width: 1024px) {
    .sg-categories-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .sg-categories-grid { grid-template-columns: repeat(2, 1fr); }
    .main-header-menu .menu-item.sg-header-cta > a { margin-left: 0 !important; margin-top: 15px; }
}
@media (max-width: 480px) {
    .sg-categories-grid { grid-template-columns: 1fr; }
}

/* ==========================================================================
   ALIGNMENT CORRECTION MECHANICS (IMAGE_26B160 HORIZONTAL ALIGN FIX)
   ========================================================================== */

/* Target the wrapper element directly to lock items horizontally */
.ast-header-html_custom-item,
.sg-header-logo {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important; /* Perfect gap width between globe and text fields */
    text-align: left !important;
}

/* Force text block to maintain stacking order vertically next to globe */
.sg-logo-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    text-align: left !important;
}

/* Ensure the globe asset scale matches your design specs perfectly */
.sg-logo-globe {
    width: 44px !important;
    height: 44px !important;
    flex-shrink: 0 !important;
}

 .footer-col h3{
    color: white !important;
    font-size: 1rem !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 20px !important;
    font-weight: 700 !important;
}
.footer-same-color h4 a{
	font-family: 'Plus Jakarta Sans', sans-serif !important;
    margin: 10px 0 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    color: #ffffffe8 !important;
	font-weight: 400 !important;
}
.footer-same-color.product h4{
	margin: 5px 0 !important;
}
.heading-white h1, .heading-white h2{
	color: #fff !important;
}

.heading-white h2 {
    color: #fff !important;
}

.btn-gold a{
	background-color: #1B4332 !important;
    color: #fff !important;
    padding: 13px 20px !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    border: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.btn-gold a:hover {
	color: white !important;
}

.section-title-small h5 {
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 2px !important;
    color: var(--light-green) !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 5px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.export-icon {
    width: 60px !important;
    height: 61px !important;
    background-color: #fff !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 100px !important;
    border: 1px solid #00000029 !important;
}

.export-icon svg, .export-icon i {
    font-size: 25px !important;
    fill: #2d6a4f !important;
}
.export-icon i{
	color: #2d6a4f !important;
}
.export-heading h5{
	font-size: 0.9rem !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
	text-align: center !important;
	color: #2d312e !important;
    line-height: 1.6 !important;
}
.export-heading-text h6{
	font-size: 0.75rem !important;
    color: #777 !important;
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	line-height: 1.6 !important;
}
.export-heading-white h2 {
    color: #fff !important;
}
.text-para p{
	font-size: 16px;
    color: #000;
    margin-bottom: 25px;
	font-family: 'Plus Jakarta Sans', sans-serif;
}
.trust-list-item h5 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    color: #1b4332 !important;
	line-height: 1.6 !important;
	font-size: 12px !important;
}

#mobmenuright li a, #mobmenuright li a:visited, #mobmenuright .mobmenu-content h2, #mobmenuright .mobmenu-content h3, .mobmenu-left-panel .mobmenu-display-name{
	font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.mob-menu-logo-holder{
	background-color: #fff !important;
}

.mob-icon-menu:before
 {
    color: #1b4332 !important;
}
.page-heading h2{
	color: #fff !important;
	font-size: 45px !important;
}

.cta-sec h2{
	color: #fff !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #fff !important;
}

.main-header-menu .menu-item-has-children > a {
    pointer-events: auto !important;
}


function load_fontawesome() {
    wp_enqueue_style(
        'font-awesome',
        'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css',
        array(),
        '6.7.2'
    );
}
add_action('wp_enqueue_scripts', 'load_fontawesome');