/*
Theme Name: Catch Base Child
Theme URI: http://yourwebsite.com
Description: Child theme for Catch Base with custom colors, menu effects, header/footer adjustments, and social icons.
Author: Carsten
Template: catch-base
Version: 1.1
*/

:root {
  --color-site-bg: #303030;             /* Seitenhintergrund */
  --color-post-bg: #303030;             /* Posts Hintergrund */
  --color-menu-bg: #303030;             /* Menü Hintergrund */
  --color-menu-text: #E4741F;           /* Menütext Standard */
  --color-title: #d1d1d1;               /* Site Title / Überschriften */
  --color-hover: #FF9F38;               /* Hover / Cover */
  --color-text: #d1d1d1;                /* Allgemeiner Text */
  --color-menu-border: #666666;         /* Rahmen im Menü */

  /* Footer Farben */
  --color-footer-bg: #303030;           /* Footer Hintergrund */
  --color-footer-text: #999999;         /* Footer Schrift */
  --color-footer-hover: #FF9F38;        /* Footer Hover Text */

  /* Header Farben */
  --color-header-bg: #222222;           /* Header Hintergrund */
  --color-header-text: #E4741F;         /* Header Schrift */
  --color-header-hover: #FF9F38;        /* Header Hover Text */

  --color-link: #E4741F;                /* Hyperlinks Standard */
  --color-link-hover: #FF9F38;          /* Hyperlinks Hover */
}

body {
  background-color: var(--color-site-bg) !important;
  color: var(--color-text);
}

.site-title a, #site-title a {
  color: var(--color-title) !important;
}
.site-title a:hover, #site-title a:hover {
  color: var(--color-hover) !important;
}
#site-description { color: #777; }

/* Menü */
#header-menu, #secondary-menu, #footer-menu, .nav-primary, .nav-footer, .catchbase-nav-menu .sub-menu a, .catchbase-nav-menu .children a, .sidebar-header-right .widget_nav_menu .sub-menu a {
  background-color: var(--color-menu-bg) !important;
  border-color: var(--color-menu-border);
}

#header-menu ul.menu li a,
#secondary-menu ul.menu li a,
#footer-menu ul.menu li a {
  color: var(--color-menu-text) !important;
  transition: color 0.3s ease;
}
#header-menu ul.menu li a:hover,
#header-menu ul.menu li a:focus,
#secondary-menu ul.menu li a:hover,
#secondary-menu ul.menu li a:focus,
#footer-menu ul.menu li a:hover,
#footer-menu ul.menu li a:focus {
  color: var(--color-hover) !important;
}

.catchbase-nav-menu .sub-menu li a:hover, .catchbase-nav-menu .sub-menu li a:focus, .catchbase-nav-menu .children li a:hover, .catchbase-nav-menu .children li a:focus {
  color: var(--color-hover) !important;
}

/* Hyperlinks im Content */
a, .entry-content a, .page-content a {
  color: var(--color-link);
  text-decoration: none;
  transition: color 0.3s ease;
}
a:hover, .entry-content a:hover, .page-content a:hover {
  color: var(--color-link-hover);
}

/* Posts */
.hentry, .post, .page {
  background-color: var(--color-post-bg) !important;
  border: none;
  box-shadow: none;
}
.entry-title a { color: var(--color-title) !important; }
.entry-title a:hover { color: var(--color-hover) !important; }

/* Header */
#masthead {
  background-color: var(--color-header-bg) !important;
}
#masthead a {
  color: var(--color-header-text) !important;
}
#masthead a:hover, #masthead a:focus {
  color: var(--color-header-hover) !important;
}

/* Footer */
#colophon {
  background-color: var(--color-footer-bg) !important;
}
#colophon, #colophon a {
  color: var(--color-footer-text) !important;
}
#colophon a:hover {
  color: var(--color-footer-hover) !important;
}
/* Nur Theme-Hinweis rechts ausblenden, Impressum/Copyright bleiben */
#footer-right-content { display: none !important; }

/* Social Icons gezielt grau/weiß */
a.fa-linkedin, a.fa-linkedin i, a.fa-linkedin svg, a.fa-linkedin::before {
    color: #999999 !important;
    fill: #999999 !important;
}
a.fa-linkedin:hover, a.fa-linkedin:hover i, a.fa-linkedin:hover svg, a.fa-linkedin:hover::before {
    color: #FFFFFF !important;
    fill: #0077B5 !important;
}
a.fa-envelope, a.fa-envelope i, a.fa-envelope svg, a.fa-envelope::before {
    color: #999999 !important;
    fill: #999999 !important;
}
a.fa-envelope:hover, a.fa-envelope:hover i, a.fa-envelope:hover svg, a.fa-envelope:hover::before {
    color: #FF9F38 !important;
    fill: #FF9F38 !important;
}

/* Menü-Rahmen */
#header-menu ul.menu ul a, #secondary-menu ul.menu ul a, #footer-menu ul.menu ul a, .nav-primary, .nav-footer, .catchbase-nav-menu .sub-menu a, .catchbase-nav-menu .children a, .sidebar-header-right .widget_nav_menu .sub-menu a {
  border-color: var(--color-menu-border);
}

/* Buttons */
button, input[type="submit"], input[type="button"], input[type="reset"] {
  background: none #111;
  border-color: #333;
  color: #fff;
}

.nav-primary .search-field { color: #ddd; }
.nav-primary .search-field:focus { color: #fff; }

input[type="text"], input[type="email"], textarea { background-color: transparent; }

/* Hyperlinks im Content ohne Unterstreichung */
.entry-content a,
.page-content a,
.post-content a,
.comment-content a {
    text-decoration: none !important;
}

/* Hover-Effekt bleibt */
.entry-content a:hover,
.page-content a:hover,
.post-content a:hover,
.comment-content a:hover {
    text-decoration: underline; /* optional, wenn du Hover-Unterstreichung willst */
    color: var(--color-link-hover) !important;
}