/*
Theme Name: Affordable Cold Storage Custom Theme
Theme URI: https://affordable-refrigeration-services.ca/wp-theme
Description: A premium, fast, highly customizable WordPress theme built specifically for Affordable Refrigeration Services Inc - Custom Cold Storage Construction.
Author: ARS Engineering Team
Author URI: https://affordable-refrigeration-services.ca
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: affordable-cold-storage-theme
Tags: custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready

This theme is custom engineered with advanced cold-enclosure specifications,
embedded thermal calculations support, and responsive industrial design style.
*/

/* Reset & Basic WP Classes */
.aligncenter { display: block; margin: 2em auto; }
.alignright { float: right; margin: 0 0 2em 2em; }
.alignleft { float: left; margin: 0 2em 2em 0; }
.wp-caption { background: #f3f4f6; border: 1px solid #e5e7eb; max-width: 100%; padding: 0.5rem; text-align: center; }
.wp-caption-text { font-size: 0.875rem; color: #4b5563; margin-top: 0.5rem; }

/* ==========================================================================
   DESIGN TOKENS — "Control Panel" system
   Grounded in the subject: walk-in freezer thermostats, insulated cam-lock
   panels, and cold-storage door hazard signage.
   ========================================================================== */
:root {
  --color-primary: #123C68;      /* compressor blue - deeper, less generic than stock corporate blue */
  --color-secondary: #1E6FA8;    /* mid steel-blue, hover/accent states */
  --color-ice: #2FD9E8;          /* icy cyan - the LED-readout accent */
  --color-ink: #0A121F;          /* near-black steel, dark section bg */
  --color-panel: #101B2E;        /* panel surface, slightly lifted from ink */
  --color-frost: #F3F6F9;        /* cold white bg */
  --color-steel: #5C6B80;        /* muted steel gray text */
  --color-hazard: #FF7A1E;       /* safety-amber, used ONLY for emergency/urgent CTAs */
  --color-hazard-dark: #C74E00;
  --font-sans: "Plus Jakarta Sans", sans-serif;
  --font-display: "Outfit", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
}

body {
  font-family: var(--font-sans);
  background-color: var(--color-frost);
  color: #0f172a;
}

/* Glassy Frost effect and styling tags */
.frost-effect {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.ice-border {
  border-color: var(--color-secondary);
}

/* ==========================================================================
   SIGNATURE ELEMENT — Readout Panel
   A small dark instrument-panel block styled after a digital thermostat
   controller: inset bezel, mono LED numerals, status dot. Used for stats,
   badges, and the hero's live status ticker.
   ========================================================================== */
.readout {
  background: var(--color-panel);
  border: 1px solid rgba(47, 217, 232, 0.25);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03), inset 0 2px 8px rgba(0,0,0,0.45);
  font-family: var(--font-mono);
  position: relative;
}
.readout::before {
  content: "";
  position: absolute;
  top: 6px; left: 6px;
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--color-ice);
  box-shadow: 0 0 6px 1px var(--color-ice);
}
.readout .readout-value {
  color: var(--color-ice);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}
.readout .readout-label {
  color: #7C8AA0;
  letter-spacing: 0.12em;
}

/* Ribbed / insulated-panel texture for dark sections — evokes corrugated
   cam-lock metal panel siding without being a literal photo */
.panel-texture {
  background-image: repeating-linear-gradient(
    180deg,
    rgba(255,255,255,0.025) 0px,
    rgba(255,255,255,0.025) 1px,
    transparent 1px,
    transparent 34px
  );
}

/* Hazard stripe — reserved exclusively for emergency / urgent-intent
   elements, referencing cold-room door warning tape. Spend it sparingly. */
.hazard-stripe {
  background-image: repeating-linear-gradient(
    135deg,
    var(--color-hazard) 0px,
    var(--color-hazard) 10px,
    var(--color-ink) 10px,
    var(--color-ink) 20px
  );
}
.hazard-edge {
  border-color: var(--color-hazard);
}

/* FAQ accordion */
.faq-item[open] summary .faq-chevron { transform: rotate(45deg); }
.faq-item summary { cursor: pointer; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-chevron { transition: transform 0.2s ease; }