/*
Theme Name: Revolve ITAD Solutions Theme
Theme URI: https://revolve-itad.co.uk/
Author: Web Development Team
Description: Secure IT Asset Disposal & Data Destruction certified corporate theme.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: revolve-itad
*/


/* Add this snippet directly at the top of style.css right below your theme header meta */
html, body {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
}

*, *::before, *::after {
    box-sizing: inherit !important;
}

/* Ensure the WordPress Admin Bar pushes content down cleanly instead of overlaying awkwardly */
body.admin-bar .navbar {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    body.admin-bar .navbar {
        top: 46px !important;
    }
}



:root {
  --navy: #1b2562;
  --navy-dark: #111840;
  --navy-light: #253080;
  --teal: #00b5ad;
  --teal-light: #36d9d1;
  --green: #4caf50;
  --green-bright: #6ec96f;
  --white: #ffffff;
  --off-white: #f6f7fb;
  --gray-100: #eef0f6;
  --gray-200: #d8dce8;
  --gray-500: #6b7280;
  --gray-700: #374151;
  --accent: #00d4c8;
  --grad-teal: linear-gradient(135deg, #00b5ad, #4caf50);
  --grad-navy: linear-gradient(135deg, #1b2562, #253080);
  --shadow-sm: 0 2px 8px rgba(27,37,98,0.08);
  --shadow-md: 0 8px 32px rgba(27,37,98,0.14);
  --shadow-lg: 0 20px 60px rgba(27,37,98,0.18);
  --radius: 12px;
  --radius-lg: 20px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Outfit', sans-serif;
  color: var(--gray-700);
  background: var(--white);
  overflow-x: hidden;
  line-height: 1.6;
}

/* Include remaining .navbar, .hero, .services, etc. classes exactly as written in your HTML file */