/*
Theme Name: Roofers Roof Repairs
Theme URI: https://roofersroofrepairs.co.nz
Author: Roofers Roof Repairs Auckland
Author URI: https://roofersroofrepairs.co.nz
Description: Official WordPress theme for Roofers Roof Repairs (NZ Owned & Operated). Features the custom Logo Teal color combination (#0b5560, #1e828e, #052227), fast loading speed, responsive Bento grid, interactive process & FAQ accordions, and direct booking form.
Version: 1.0.0
License: GPL v2 or later
Text Domain: roofers-roof-repairs
*/

html {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  scroll-behavior: smooth;
  color: #072227;
  background-color: #ffffff;
}

.hero-tile-backdrop {
  background-color: #09454e;
  background-image:
    radial-gradient(circle at 82% 24%, rgba(56, 178, 191, 0.65) 0%, rgba(27, 127, 140, 0.38) 38%, transparent 68%),
    radial-gradient(circle at 18% 75%, rgba(4, 34, 39, 0.88) 0%, transparent 60%),
    linear-gradient(135deg, #052c33 0%, #0b5560 48%, #1e828e 100%);
  position: relative;
}

.hero-tile-backdrop::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(0, 0, 0, 0.16) 1px, transparent 1px),
    linear-gradient(115deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
  background-size: 96px 140px, 96px 140px, 192px 280px;
  pointer-events: none;
}

.wood-architectural-backdrop {
  background:
    linear-gradient(125deg, rgba(4, 29, 34, 0.9) 0%, rgba(11, 72, 82, 0.78) 48%, rgba(24, 114, 126, 0.85) 100%),
    repeating-linear-gradient(
      -32deg,
      #093b44 0px,
      #093b44 28px,
      #062930 28px,
      #062930 31px,
      #0d4d58 31px,
      #0d4d58 62px
    );
}