/*
Theme Name:     Techfringe GP Child
Theme URI:      https://techfringeng.com
Author:         Techfringe Engineering Co. FZ LLC
Author URI:     https://techfringeng.com
Description:    GeneratePress child theme for Techfringe Engineering — industrial & oilfield supply partner. Bilingual EN/AR with RTL support, product catalog, RFQ system.
Template:       generatepress
Version:        1.0.0
Requires at least: 6.4
Tested up to:   6.9
Requires PHP:   8.0
License:        Proprietary
License URI:    https://techfringeng.com/terms/
Text Domain:    techfringe-gp-child
Domain Path:    /languages
Tags:           industrial, engineering, bilingual, rtl, catalog, generatepress-child

Techfringe Engineering Co. FZ LLC
Brand: The Apex Prism | Atlantic Blue
*/

/* Primary overrides in assets/css/global.css — brand reinforcement below. */

/* ══════════════════════════════════════════════════════
   TECHFRINGE BRAND IDENTITY — February 2026
   ══════════════════════════════════════════════════════ */

:root {
    --tf-atlantic: #1E3A5F;
    --tf-gold: #C8973E;
    --tf-gold-light: #D4A94E;
    --tf-navy: #0A1628;
    --tf-slate: #6B7B8D;
    --tf-off-white: #F8F6F1;
    --tf-border: #E5E2DB;
    --tf-body-text: #3D4F5F;
}

/* ── Global Typography ───────────────────────────── */

body,
.site-header,
.main-navigation,
.main-navigation .main-nav ul li a,
.site-footer,
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-hero-title,
button, input, textarea, select,
.widget-title {
    font-family: 'Outfit', 'Helvetica Neue', Arial, sans-serif !important;
}

/* ── Body & Background ───────────────────────────── */

body {
    background-color: var(--tf-off-white);
    color: var(--tf-atlantic);
}

.site-content,
.inside-article {
    background: #FFFFFF;
}

/* ── Headings ────────────────────────────────────── */

h1, h1.entry-title, .page-hero-title {
    color: var(--tf-atlantic);
    font-weight: 700;
    letter-spacing: -0.3px;
}

h2 {
    color: var(--tf-atlantic);
    font-weight: 600;
}

h3, h4, h5, h6 {
    color: var(--tf-atlantic);
    font-weight: 600;
}

/* ── Top Bar ─────────────────────────────────────── */

.top-bar,
.site-header .top-bar {
    background-color: var(--tf-navy) !important;
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
}

.top-bar a {
    color: var(--tf-gold) !important;
    text-decoration: none;
}

.top-bar a:hover {
    color: var(--tf-gold-light) !important;
}

/* ── Site Header + Gold Bar ──────────────────────── */

.site-header {
    background: #FFFFFF !important;
    border-bottom: 2.5px solid var(--tf-gold) !important;
    box-shadow: 0 2px 12px rgba(10, 22, 40, 0.04);
}

/* Logo sizing */
.site-logo img,
.custom-logo,
.custom-logo-link img {
    height: 72px;
    width: auto;
    max-height: 72px;
}

/* ── Navigation ──────────────────────────────────── */

.main-navigation a,
.main-navigation .main-nav ul li a,
.menu-toggle {
    color: var(--tf-atlantic) !important;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.3px;
}

.main-navigation a:hover,
.main-navigation .main-nav ul li a:hover,
.main-navigation .current-menu-item > a {
    color: var(--tf-gold) !important;
}

.main-navigation .menu-toggle:hover {
    color: var(--tf-gold) !important;
}

/* ── Links ───────────────────────────────────────── */

a {
    color: var(--tf-atlantic);
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--tf-gold);
}

.entry-content a {
    color: var(--tf-atlantic);
    border-bottom: 1px solid var(--tf-border);
}

.entry-content a:hover {
    color: var(--tf-gold);
    border-bottom-color: var(--tf-gold);
}

/* ── Buttons (Primary — Gold) ────────────────────── */

.wp-block-button__link,
button[type="submit"],
input[type="submit"],
.button,
a.button,
a.wp-block-button__link,
.elementor-button,
.wpcf7-submit {
    background-color: var(--tf-gold) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 4px;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 12px 28px;
    transition: background-color 0.2s ease;
    text-decoration: none;
}

.wp-block-button__link:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.button:hover,
a.button:hover,
a.wp-block-button__link:hover {
    background-color: var(--tf-gold-light) !important;
    color: #FFFFFF !important;
}

/* Secondary / Outline buttons */
.is-style-outline .wp-block-button__link,
.button-secondary {
    background: transparent !important;
    color: var(--tf-atlantic) !important;
    border: 1.5px solid var(--tf-atlantic) !important;
}

.is-style-outline .wp-block-button__link:hover,
.button-secondary:hover {
    background: var(--tf-atlantic) !important;
    color: #FFFFFF !important;
}

/* ── Breadcrumbs ─────────────────────────────────── */

.breadcrumb,
nav.breadcrumb,
.rank-math-breadcrumb,
.generate-breadcrumbs,
.inside-page-hero .breadcrumb {
    font-size: 12px;
    color: var(--tf-slate);
    letter-spacing: 0.3px;
}

.breadcrumb a,
.generate-breadcrumbs a,
.rank-math-breadcrumb a {
    color: var(--tf-atlantic);
    text-decoration: none;
}

.breadcrumb a:hover,
.generate-breadcrumbs a:hover,
.rank-math-breadcrumb a:hover {
    color: var(--tf-gold);
}

/* ── Tables (Standards page, Product specs) ──────── */

table,
.wp-block-table table {
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
}

table thead th,
.wp-block-table thead th,
.wp-block-table.is-style-stripes thead th {
    background: var(--tf-atlantic) !important;
    color: #FFFFFF !important;
    font-weight: 600;
    padding: 12px 16px;
    text-align: left;
    font-size: 13px;
    letter-spacing: 0.3px;
    border: none;
}

table tbody td,
.wp-block-table tbody td {
    padding: 10px 16px;
    border-bottom: 1px solid var(--tf-border);
    color: var(--tf-body-text);
}

table tbody tr:hover,
.wp-block-table tbody tr:hover {
    background: var(--tf-off-white);
}

table tbody td strong {
    color: var(--tf-atlantic);
}

/* ── Product Cards ───────────────────────────────── */

.product-card,
.type-product,
.products .product {
    border: 1px solid var(--tf-border);
    border-radius: 8px;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    overflow: hidden;
}

.product-card:hover,
.type-product:hover,
.products .product:hover {
    border-color: var(--tf-gold);
    box-shadow: 0 4px 20px rgba(200, 151, 62, 0.1);
}

.product-sku,
.product-code {
    color: var(--tf-gold);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.product-category-badge {
    background: rgba(200, 151, 62, 0.1);
    color: var(--tf-gold);
    font-size: 11px;
    font-weight: 500;
    padding: 3px 10px;
    border-radius: 3px;
}

/* ── Forms ────────────────────────────────────────── */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea,
select,
.wpcf7-form-control {
    font-family: 'Outfit', sans-serif !important;
    border: 1px solid var(--tf-border) !important;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: 14px;
    color: var(--tf-atlantic);
    background: #FFFFFF;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus,
.wpcf7-form-control:focus {
    border-color: var(--tf-gold) !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(200, 151, 62, 0.1);
}

label,
.wpcf7-form label {
    color: var(--tf-atlantic);
    font-weight: 500;
    font-size: 13px;
}

/* ── Footer + Gold Bar ───────────────────────────── */

.site-footer,
.footer-widgets,
.site-footer .footer-widgets-container {
    background-color: var(--tf-navy) !important;
    color: rgba(255, 255, 255, 0.6);
    border-top: 3px solid var(--tf-gold) !important;
}

.footer-widgets .widget-title,
.site-footer h4,
.site-footer .widget-title {
    color: #FFFFFF !important;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.site-footer a,
.footer-widgets a {
    color: rgba(255, 255, 255, 0.6) !important;
    text-decoration: none;
}

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

/* Footer copyright bar */
.site-info {
    background-color: var(--tf-navy) !important;
    color: rgba(255, 255, 255, 0.35);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 12px;
}

/* Hide GeneratePress credit */
.site-info a[href*="generatepress"] {
    display: none !important;
}

/* ── Page Hero / Entry Header ────────────────────── */

.page-hero,
.entry-header {
    border-bottom: 2.5px solid var(--tf-gold);
    padding-bottom: 20px;
    margin-bottom: 30px;
}

/* ── CTA Band (dark "Have an RFQ?" sections) ─────── */

.has-dark-background,
.wp-block-cover.has-background-dim {
    border-top: 3px solid var(--tf-gold);
}

/* ── Selection highlight ─────────────────────────── */

::selection {
    background: rgba(200, 151, 62, 0.2);
    color: var(--tf-atlantic);
}

/* ── Scrollbar (subtle brand touch) ──────────────── */

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--tf-off-white);
}

::-webkit-scrollbar-thumb {
    background: var(--tf-slate);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--tf-gold);
}