/*
Theme Name: Astra Andy Candin Child
Description: Child Theme für andycandin.com
Author: Andy Candin
Template: astra
Version: 1.0
*/

/* ================================
   INTER FONT – lokal
================================ */

@font-face {
  font-family: 'Inter';
  src: url('/wp-content/themes/astra-andycandin-child/fonts/inter/InterVariable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ================================
   GRUND-TYPOGRAFIE
================================ */

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: #111;
  background-color: #ffffff;
}

/* ================================
   ÜBERSCHRIFTEN
================================ */

h1, h2, h3, h4 {
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

h1 {
  font-size: clamp(2.2rem, 5vw, 3rem);
}

h2 {
  font-size: clamp(1.6rem, 4vw, 2.1rem);
}

h3 {
  font-size: 1.25rem;
}

/* ================================
   SEITENTITEL AUSBLENDEN
   (Astra + Gutenberg + Classic)
================================ */

.page .entry-title,
.page-title,
.ast-page-title,
.ast-single-post-order,
header.entry-header {
  display: none !important;
}

/* ================================
   ABSÄTZE & ZITATE
================================ */

p {
  margin-bottom: 1.4rem;
}

blockquote {
  margin: 2.5rem 0;
  padding-left: 1.5rem;
  border-left: 3px solid #ddd;
  color: #333;
  font-style: italic;
}

/* ================================
   LINKS – ruhig, nicht werblich
================================ */

a {
  color: #111;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}

a:hover {
  border-bottom-color: #111;
}

/* ================================
   BUTTONS (zurückhaltend)
================================ */

.wp-block-button__link,
.button,
.btn {
  border-radius: 4px;
  font-size: 0.95rem;
}

/* ================================
   MOBILE FEINSCHLIFF
================================ */

@media (max-width: 768px) {
  body {
    font-size: 16px;
  }
}