/*
Theme Name: Tierfrage
Theme URI: https://tierfrage.net
Template: animals
Author: tierfrage.net
Description: Individuelles Child-Theme für tierfrage.net auf Basis von "Animals", modernisiert für Haustier-Fragen & Antworten.
Version: 1.0
Text Domain: tierfrage-child
*/

@import url("../animals/style.css");

:root{
  --color-primary:#2f9e8f;
  --color-primary-dark:#1f776b;
  --color-accent:#ef8354;
  --color-text:#2b2b2b;
  --color-bg:#f7f9f8;
  --radius:14px;
}

body{
  font-family:'Inter', Arial, sans-serif;
  background-color:var(--color-bg);
  color:var(--color-text);
  font-size:16px;
  line-height:1.65;
}

h1,h2,h3,h4,h5,h6{
  font-family:'Poppins', Arial, sans-serif;
  font-weight:700;
  color:#1c1c1c;
}

h2.section-title{
  font-family:'Poppins', Arial, sans-serif;
  font-size:34px;
  font-weight:700;
  color:#1c1c1c;
}

a{ color:var(--color-primary-dark); }
a:hover{ color:var(--color-accent); }

/* Deko-Dreieck unsichtbar machen, aber die dadurch erzeugte Kopfzeilen-Hoehe
   (Border-Trick des Parent-Themes) nicht entfernen, sonst ueberlappt die
   absolut positionierte Navigation den Inhalt darunter. */
.shaper{ border-top-color:transparent; }

#header{
  border-bottom:none;
  box-shadow:0 2px 12px rgba(0,0,0,0.06);
  min-height:110px;
}

/* Robuste Navigationsdarstellung unabhaengig von der Fensterbreite
   (das Parent-Theme stylt Desktop-Nav erst ab 1000px, Mobile-Nav nur bis 479px –
   dazwischen faellt es sonst ungestylt/blockweise untereinander). */
@media screen and (min-width:480px){
  .main-nav{ display:block !important; float:right; }
  .main-nav ul{
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    margin:0;
    padding:28px 0 0;
  }
  .main-nav ul li{ list-style:none; }
  .main-nav ul li a{
    display:inline-block;
    padding:8px 14px;
    font-family:'Inter', Arial, sans-serif;
    font-weight:600;
    font-size:14px;
    color:#3a3a3a;
  }
  .main-nav ul li a:hover{ color:var(--color-primary-dark); }
}

.logo h1{
  font-family:'Poppins', Arial, sans-serif;
  font-size:26px;
  font-weight:800;
  color:var(--color-primary-dark);
}

.custom-logo-link + h1{ display:none; }
.custom-logo-link img{ max-height:56px; width:auto; }

.logo p{
  margin:6px 0 0;
  padding:0;
  font-family:'Inter', Arial, sans-serif;
  font-size:13px;
  font-weight:600;
  color:var(--color-accent);
  letter-spacing:.02em;
}

a.read-more{
  background-color:var(--color-primary);
  border-radius:999px;
  font-family:'Inter', Arial, sans-serif;
  text-transform:none;
  font-weight:600;
  padding:12px 26px;
}
a.read-more:hover{ background-color:var(--color-accent); }

/* Q&A Kacheln in der Übersicht */
.blog-post-repeat{
  background:#ffffff;
  border-radius:var(--radius);
  padding:28px 32px;
  margin-bottom:28px;
  box-shadow:0 1px 4px rgba(0,0,0,0.05);
}
.blog-post-repeat article{ padding:0; }

article.single-post{
  background:#ffffff;
  border-radius:var(--radius);
  padding:32px 36px;
  box-shadow:0 1px 4px rgba(0,0,0,0.05);
}

.entry-title, .entry-title a{
  font-family:'Poppins', Arial, sans-serif;
  color:#1c1c1c;
}
.entry-title a:hover{ color:var(--color-primary); }

.postmeta{
  color:#767676;
  font-size:13px;
  margin-bottom:18px;
}
/* Autor ("By admin") und Veroeffentlichungsdatum ausblenden */
.postmeta .post-date{ display:none; }

/* Reines Textangebot: alte Mediendateien existieren nicht mehr auf dem Server,
   daher Bilder in Beitraegen ausblenden statt kaputte Bilder anzuzeigen. */
.post-thumb,
.entry-content img,
.wp-post-image{
  display:none !important;
}

/* Suche prominent, da Besucher gezielt nach einem Haustier-Problem suchen */
#searchform, .searchform{
  display:flex;
  max-width:520px;
  margin:0 auto 30px;
}
#searchform input[type="text"], .searchform input[type="text"]{
  flex:1;
  border:2px solid #e2e2e2;
  border-radius:999px 0 0 999px;
  padding:14px 20px;
  font-size:15px;
}
#searchform input[type="submit"], .searchform input[type="submit"]{
  border-radius:0 999px 999px 0;
  background:var(--color-primary);
  color:#fff;
  border:none;
  padding:0 26px;
  font-weight:600;
  cursor:pointer;
}

.tierfrage-footer-nav{
  background:#191e1e;
  padding:18px 0;
}
.tierfrage-footer-nav ul{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px 22px;
  max-width:1170px;
  margin:0 auto;
  padding:0 15px;
}
.tierfrage-footer-nav ul li{ list-style:none; }
.tierfrage-footer-nav ul li a{
  font-family:'Inter', Arial, sans-serif;
  font-size:13px;
  font-weight:500;
  color:#cfcfcf;
}
.tierfrage-footer-nav ul li a:hover{ color:var(--color-accent); }

/* Werbeflächen dezent kennzeichnen (rechtliche Vorgabe) */
.tierfrage-ad-slot{
  text-align:center;
  margin:30px 0;
}
.tierfrage-ad-slot::before{
  content:"Anzeige";
  display:block;
  font-size:11px;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#9a9a9a;
  margin-bottom:6px;
}

@media (max-width:1200px){
  .container, .handler{ width:94%; }
}
@media (max-width:782px){
  h2.section-title{ font-size:26px; }
  .blog-post-repeat, article.single-post{ padding:20px; }
}