/*
Theme Name: Compressor Egypt Theme
Description: قالب مخصص لشركة كمبريسور إيجيبت
Author: Compressor Egypt
Version: 1.0
Text Domain: compressor-egypt
*/

:root {
  --background: 0 0% 100%;
  --foreground: 0 0% 3.9%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 3.9%;
  --primary: 0 68% 33%;
  --primary-foreground: 0 0% 98%;
  --muted: 0 0% 96.1%;
  --muted-foreground: 0 0% 45.1%;
  --accent: 45 90% 60%;
  --border: 0 0% 89.8%;
}

body { font-family: "DM Sans", sans-serif; overflow-x: clip; background-color: hsl(var(--background)); color: hsl(var(--foreground)); }
.clients-header { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 64rem; margin: 0 auto 4rem auto; }
.clients-header-line { flex: 1; height: 2px; background-color: hsl(var(--accent)); opacity: 0.8; }
.clients-header-text { padding: 1rem 2rem; background-color: hsl(var(--primary)); color: hsl(var(--primary-foreground)); font-weight: 800; font-size: 1.5rem; border-radius: 0.5rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); margin: 0 1rem; border: 2px solid rgba(244, 180, 0, 0.3); }
.gallery-card { position: relative; overflow: hidden; border-radius: 1rem; background-color: hsl(var(--card)); cursor: pointer; transition: all 0.5s; border: 1px solid hsl(var(--border)); }
.gallery-card:hover { box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1); transform: scale(1.02); }