/*
Theme Name: Thermotec
Theme URI: https://thermotec.com.tr
Author: Thermotec Dev
Author URI: https://thermotec.com.tr
Description: Professional HVAC/R Manufacturer Website for Thermotec.com.tr — condensers, evaporators, dry coolers, condensing units, monoblock units, and OEM heat exchangers.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: thermotec
Tags: one-column, two-columns, right-sidebar, custom-menu, featured-images, threaded-comments, translation-ready, full-width-template, editor-style, wide-blocks, accessibility-ready

== Compatibility ==
Compatible with Elementor Free, Elementor Pro, Beaver Builder, Gutenberg (Block Editor).
All theme assets are loaded only on the frontend.
*/

/* ============================================================
   THERMOTEC THEME — ROOT STYLE.CSS
   Global critical overrides applied before assets/css/style.css
   Full component styles live in assets/css/style.css
   ============================================================ */

/* ------------------------------------------------------------
   14.2 — Critical Global Overrides
   ------------------------------------------------------------ */

/* Body */
body {
  font-family: 'Inter', 'Montserrat', Arial, sans-serif;
  color: #102A43;
  background-color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #0B2239;
  font-family: 'Inter', 'Montserrat', Arial, sans-serif;
}

/* Links */
a {
  color: #005C8F;
  transition: all 0.3s ease;
  text-decoration: none;
}
a:hover {
  color: #00A6D6;
  text-decoration: none;
}

/* Images */
img {
  max-width: 100%;
  height: auto;
}

/* Selection */
::selection {
  background-color: #005C8F;
  color: #fff;
}
::-moz-selection {
  background-color: #005C8F;
  color: #fff;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Reset */
*, *::before, *::after {
  box-sizing: border-box;
}

/* ============================================================
   WordPress Core Alignment Classes
   ============================================================ */
.alignleft {
  float: left;
  margin: 0 1.5em 1.5em 0;
}
.alignright {
  float: right;
  margin: 0 0 1.5em 1.5em;
}
.aligncenter {
  display: block;
  margin: 0 auto 1.5em;
}
.alignwide {
  margin-left: -40px;
  margin-right: -40px;
}
.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}

/* WordPress Caption */
.wp-caption {
  max-width: 100%;
}
.wp-caption-text {
  font-size: 13px;
  color: #64748B;
  text-align: center;
  padding: 4px 0;
}

/* WordPress Gallery */
.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* WordPress Sticky Post */
.sticky {
  position: relative;
}

/* Screen reader text */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
}

/* Page builder canvas */

/* ============================================================
   HEADER — sticky for all pages
   ============================================================ */
.header-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

/* Transparent on homepage (before scroll) */

/* White logo default, dark logo hidden */

/* Default nav: white text on transparent bg */

/* Sticky + inner pages: white background */
.header-area.sticky {
  background: #fff;
  box-shadow: 0 2px 20px rgba(16, 42, 67, 0.10);
}

/* Hide topbar when sticky */

/* Inner pages: show dark logo */

/* Sticky homepage: keep white logo */

/* Sticky + inner page nav text: Thermotec primary */

/* Body offset so content doesn't hide under fixed header */
body:not(.home) .breadcrumb-section {
  padding-top: 80px;
}

/* ============================================================
   BANNER PIPE IMAGE ANIMATION (kept from original)
   ============================================================ */
@keyframes pipeReveal {
  from { opacity: 0; transform: translateY(36px) scale(0.97); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes pipeFloat {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  33%       { transform: translateY(-10px) rotate(0.4deg); }
  66%       { transform: translateY(-5px) rotate(-0.3deg); }
}
@keyframes glowBorder {
  0%, 100% { opacity: 0.3; }
  50%       { opacity: 0.9; }
}
@keyframes shimmerSweep {
  0%        { left: -100%; }
  55%, 100% { left: 140%; }
}

/* ============================================================
   THERMOTEC — CONTACT / SECTION UTILITIES (root overrides)
   ============================================================ */
.section-title > span {
  color: #005C8F;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
}
.section-title > span::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -41px;
  width: 35px;
  height: 1px;
  background-color: #005C8F;
}

/* ============================================================
   14.2 — SEO: Heading hierarchy clarity
   ============================================================ */
.entry-content h1 { font-size: 2rem; }
.entry-content h2 { font-size: 1.6rem; }
.entry-content h3 { font-size: 1.3rem; }
.entry-content p  { line-height: 1.75; color: #102A43; }

/* ============================================================
   Responsive: prevent horizontal scroll on mobile
   ============================================================ */
@media (max-width: 575px) {
  body { overflow-x: hidden; }
}