/*
 Theme Name:   Kiriakos Portfolio - Hell (Astra Child)
 Template:     astra
 Version:      1.0.0
 Text Domain:  kiriakos-portfolio-hell
*/
:root {
  --bg: #f7f9fb;
  --card: #ffffff;
  --text: #1a1f29;
  --muted: #5b6473;
  --accent: #2b7bff;
  --accent-2: #276ee5;
  --border: #e5e9f0;
  --shadow: 0 6px 20px rgba(20,30,55,0.08);
}
html, body { background: var(--bg); color: var(--text); }
a { color: var(--accent); } a:hover { color: var(--accent-2); }
.site-header, .main-header-bar, .site-footer { background: var(--card); box-shadow: var(--shadow); }
.ast-container { max-width: 1100px; }
.btn, .wp-block-button__link { background: var(--accent); color: #fff !important; padding: 10px 16px; border-radius: 10px; display:inline-block; text-decoration:none; font-weight:600; box-shadow: var(--shadow); }
.btn:hover { background: var(--accent-2); }
.section { margin: 36px 0; padding: 24px; background: var(--card); border-radius: 14px; border:1px solid var(--border); box-shadow: var(--shadow);}
.hero { display:block; padding: 18px; background: var(--card); border:1px solid var(--border); border-radius: 16px; box-shadow: var(--shadow);}
.hero .photo img { width: 160px; height: 200px; object-fit: cover; border-radius: 8px; border:1px solid var(--border); box-shadow: var(--shadow);}
.hero h1 { margin: 12px 0 6px; font-size: 2rem; }
.hero p { color: var(--muted); }
.main-navigation a { color: var(--text); }
.main-navigation a:hover { color: var(--accent); }