/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ═══════════════════════════════════════════════════════════════
   SYZ Rod Ends v2 — Child Theme Base
   Fonts + Design Tokens loaded here for ALL pages (Elementor + Classic Editor)
═══════════════════════════════════════════════════════════════ */

/* ── Local Fonts: Barlow Condensed ── */
@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('fonts/BarlowCondensed-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url('fonts/BarlowCondensed-SemiBold.woff2') format('woff2');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('fonts/BarlowCondensed-Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url('fonts/BarlowCondensed-ExtraBold.woff2') format('woff2');
}

/* ── Local Fonts: Inter 18pt ── */
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Inter_18pt-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Inter_18pt-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Inter_18pt-SemiBold.woff2') format('woff2');
}

/* ── Global Design Tokens (used by Elementor pages via Site Settings Custom CSS) ── */
:root {
  /* Colors */
  --slate:      #1c2b3a;
  --slate-mid:  #2d4257;
  --slate-soft: #3d5166;
  --steel:      #1a6fa8;
  --steel-lt:   #e8f2f9;
  --red:        #c0392b;
  --red-dark:   #9b2d23;
  --ink:        #2d3e50;
  --mid:        #607080;
  --line:       #d0dce8;
  --bg-alt:     #f4f7fa;
  --white:      #ffffff;

  /* Typography */
  --f-head: 'Barlow Condensed', system-ui, sans-serif;
  --f-body: 'Inter', system-ui, sans-serif;

  /* Layout */
  --max-w: 1380px;
  --pad-x: 40px;
  --r:     6px;
  --ease:  cubic-bezier(.25, .46, .45, .94);
}

/* ── Base body override (Hello Elementor defaults to system font) ── */
body {
  font-family: var(--f-body);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}

/* ── Elementor Form Fields: size + placeholder (not settable in Site Settings UI) ── */
.elementor-field-group input,
.elementor-field-group select,
.elementor-field-group textarea {
  padding: 12px 16px !important;
  min-height: 48px !important;
}

.elementor-field-group textarea {
  min-height: 120px !important;
}

.elementor-field-group input::placeholder,
.elementor-field-group textarea::placeholder {
  color: rgba(96, 112, 128, .45) !important;
}

.elementor-field-group select {
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23607080' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  padding-right: 38px !important;
}

/* ── Homepage hero card tab switcher
   Resets Elementor's global <button> styles on inactive tabs ── */
.hc-tabs {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.hc-tab {
  background: transparent !important;
  color: rgba(255,255,255,.45) !important;
  border: none !important;
  box-shadow: none !important;
}
.hc-tab:hover:not(.is-active) {
  background: transparent !important;
  color: rgba(255,255,255,.8) !important;
}
.hc-tab.is-active {
  background: #ffffff !important;
  color: #1c2b3a !important;
}