/*
 Theme Name:   GeneratePress Child – Murat Arici
 Theme URI:    https://aricimurat.com
 Description:  Child Theme für GeneratePress mit Branding, Farben & Fonts
 Author:       Murat Arici
 Author URI:   https://aricimurat.com
 Template:     generatepress
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  generatepress-child
*/

/* ========== Branding Variablen ========== */
:root{
  --brand-primary:#1E2A38;   /* Tiefes Blau (seriös, tech) */
  --brand-secondary:#00B5AD; /* Türkis/Blaugrün (Innovation) */
  --brand-accent:#F5A623;    /* Warmes Orange (CTA) */
  --brand-bg:#F8F9FA;        /* Sehr helles Grau/hell */
  --brand-text:#222222;
}

/* ========== Grundlayout & Typografie ========== */
html, body{
  background: var(--brand-bg);
  color: var(--brand-text);
  font-family: 'Roboto', system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  line-height: 1.6;
}

h1,h2,h3,h4,h5,h6{
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  color: var(--brand-primary);
  letter-spacing: 0.2px;
}

a{
  color: var(--brand-secondary);
  text-decoration: none;
}
a:hover, a:focus{
  text-decoration: underline;
}

/* Buttons (inkl. Gutenberg-Buttons) */
.wp-block-button__link, .button, button, input[type=submit]{
  background: var(--brand-accent);
  color: #111;
  border-radius: 10px;
  padding: 10px 16px;
  border: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: transform .06s ease, box-shadow .2s ease, background .2s ease;
}
.wp-block-button__link:hover, .button:hover, button:hover, input[type=submit]:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}
/* Sekundär-Button */
.button-secondary{
  background: var(--brand-secondary);
  color: #fff;
}

/* Header / Navigation Akzente (GeneratePress kompatibel) */
.site-header{
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.05);
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a{
  color: var(--brand-secondary);
}

/* Hero Sektion (nutze als Cover-Block oder Container) */
.ar-hero{
  padding: 72px 20px;
  background: linear-gradient(135deg, rgba(30,42,56,0.95) 0%, rgba(0,181,173,0.85) 100%);
  color: #fff;
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0,0,0,0.2);
}
.ar-hero h1, .ar-hero h2{ color:#fff; }
.ar-hero .ar-cta{ margin-top: 18px; }

/* Portfolio Grid (für Projekte) */
.ar-portfolio{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(280px,1fr));
  gap:20px;
}
.ar-card{
  background:#fff;
  border-radius:16px;
  padding:18px;
  box-shadow:0 8px 24px rgba(0,0,0,0.06);
  transition: transform .08s ease, box-shadow .2s ease;
}
.ar-card:hover{
  transform: translateY(-2px);
  box-shadow:0 14px 32px rgba(0,0,0,0.10);
}
.ar-card .ar-badge{
  display:inline-block;
  font-size:12px;
  letter-spacing:.3px;
  padding:4px 10px;
  border-radius:999px;
  background: rgba(0,181,173,.1);
  color: var(--brand-secondary);
}

/* Footer */
.site-info, .site-footer{
  color:#666;
}

/* Kleine Utilities */
.mt-0{ margin-top:0!important; }
.mt-1{ margin-top:8px!important; }
.mt-2{ margin-top:16px!important; }
.mt-3{ margin-top:24px!important; }
.mt-4{ margin-top:32px!important; }
.p-2{ padding:16px!important; }
.p-3{ padding:24px!important; }
.rounded{ border-radius:12px!important; }
.shadow{ box-shadow:0 8px 24px rgba(0,0,0,.08)!important; }

/* Editor Styles (Gutenberg) */
.editor-styles-wrapper .ar-hero{ border-radius: 16px; }