/* ==========================================================================
   SunShare Base (sitewide) - GeneratePress Child (robust)
   ========================================================================== */

:root{
  --sun-y:#FFCC00;
  --sun-b:#0B0B0B;
  --sun-w:#FFFFFF;
  --sun-g:#F7F8F9;
  --sun-border:#E7E9EE;

  --sun-container: 1360px;
  --sun-pad-x: 18px;
}

/* --- Basics --- */
html, body{
  background: var(--sun-w);
  color: var(--sun-b);
}

a{
  text-underline-offset: .18em;
  text-decoration-thickness: .09em;
}

/* --- Header/Container --- */
.site-header{
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.06);
}

.grid-container,
.inside-header,
.inside-navigation,
.inside-top-bar,
.inside-site-info,
.footer-widgets .inside-footer-widgets,
.site-content{
  max-width: var(--sun-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.inside-header,
.inside-navigation,
.site-content,
.inside-site-info,
.footer-widgets .inside-footer-widgets{
  padding-left: var(--sun-pad-x) !important;
  padding-right: var(--sun-pad-x) !important;
}

/* --- Logo --- */
.site-logo img{
  max-height: 54px;
  width: auto;
}

/* ==========================================================================
   KILL ALL "SITE TITLE / BRANDING TEXT" NEXT TO LOGO (DESKTOP + MOBILE)
   Wichtig: Logo bleibt sichtbar.
   ========================================================================== */

/* Häufige GP-Klassen */
header#masthead .site-title,
header#masthead .site-title a,
header#masthead .site-description,
header#masthead .site-branding-text,
header#masthead .main-title,
header#masthead .main-title a,
header#masthead .main-description,
header#masthead .branding-text,
header#masthead .branding-text *{
  display: none !important;
}

/* Manche GP-Setups haben das Branding in extra Wrappern */
header#masthead .site-branding .site-title,
header#masthead .site-branding .site-title a,
header#masthead .site-branding .site-description,
header#masthead .site-branding .site-branding-text,
header#masthead .site-branding .main-title,
header#masthead .site-branding .main-title a,
header#masthead .site-branding .main-description{
  display: none !important;
}

/* Mobile Header (GeneratePress / Module) – nur Text weg, Logo bleibt */
.mobile-header-navigation .site-title,
.mobile-header-navigation .site-title a,
.mobile-header-navigation .site-description,
.mobile-header-navigation .site-branding-text,
.mobile-header-navigation .main-title,
.mobile-header-navigation .main-title a,
.mobile-header-navigation .main-description,
.mobile-header-navigation .branding-text{
  display:none !important;
}

/* Sicherheit: falls der Text als direkter Link im Branding steckt (aber NICHT das Logo) */
header#masthead .site-branding > a:not(.site-logo),
header#masthead .site-branding > p,
header#masthead .site-branding > h1,
header#masthead .site-branding > h2{
  display:none !important;
}

/* Logo ausdrücklich sichtbar lassen */
header#masthead .site-logo,
header#masthead .site-logo a,
header#masthead .site-logo img{
  display: block !important;
}

/* ==========================================================================
   NAVIGATION
   ========================================================================== */

.main-navigation a{ font-weight: 800; }

/* Search icon / nav search ausblenden */
.navigation-search,
.search-item,
.menu-bar-item.search-item,
.menu-bar-items .search-item{
  display:none !important;
}

/* Letzter Menüpunkt als CTA */
.main-navigation .main-nav ul li:last-child > a{
  background: var(--sun-y);
  color: var(--sun-b) !important;
  border-radius: 14px;
  padding: 10px 14px !important;
  font-weight: 900;
}
.main-navigation .main-nav ul li:last-child > a:hover{
  filter: brightness(.98);
}

/* ==========================================================================
   LAYOUT: Sidebar/Widgets komplett raus + volle Breite
   ========================================================================== */

#secondary,
.widget-area,
.sidebar,
.is-right-sidebar,
.is-left-sidebar,
.right-sidebar,
.left-sidebar{
  display:none !important;
}

#primary,
.content-area,
.site-main{
  width:100% !important;
  max-width:100% !important;
  float:none !important;
  margin:0 !important;
}

.right-sidebar #primary,
.left-sidebar #primary,
.right-sidebar .content-area,
.left-sidebar .content-area{
  width: 100% !important;
  max-width: 100% !important;
}

.inside-article,
.inside-page-header,
.inside-content,
.site-content article{
  background: transparent !important;
  box-shadow: none !important;
}

/* Landing pages: WP-Titel aus */
.sunshare-landing-page .entry-title,
.sunshare-landing-page .page-header{
  display:none !important;
}

/* Footer */
.site-footer{
  border-top: 1px solid rgba(0,0,0,.06);
}

/* Small improvements */
button,
input[type="submit"],
input[type="button"]{
  border-radius: 14px;
  font-weight: 900;
}

img{
  max-width: 100%;
  height: auto;
}
/* ===== SunShare Footer (3 Spalten) ===== */
.sunshare-footer-top{
  border-top: 1px solid rgba(0,0,0,.06);
  background: #fff;
}
.sunshare-footer-grid{
  max-width: var(--sun-container);
  margin: 0 auto;
  padding: 26px var(--sun-pad-x);
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 18px;
}
.sunshare-footer-title{
  font-weight: 900;
  margin-bottom: 10px;
}
.sunshare-footer-text{
  line-height: 1.5;
}
.sunshare-footer-links a{
  text-decoration: none;
  font-weight: 700;
}
.sunshare-footer-links a:hover{
  text-decoration: underline;
}
@media (max-width: 900px){
  .sunshare-footer-grid{ grid-template-columns: 1fr; }
}
/* ===== SunShare Footer (passt zum Gelb/Schwarz-Konzept) ===== */
.sunshare-footer-top{
  background: linear-gradient(180deg, #fff, #fafafa);
  border-top: 1px solid rgba(0,0,0,.06);
}

.sunshare-footer-grid{
  max-width: var(--sun-container);
  margin: 0 auto;
  padding: 30px var(--sun-pad-x);
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 22px;
}

.sunshare-footer-title{
  font-weight: 900;
  letter-spacing: -0.01em;
  margin-bottom: 10px;
  display: inline-block;
  padding-bottom: 6px;
  border-bottom: 3px solid rgba(255, 204, 0, .55); /* gelber Akzent */
}

.sunshare-footer-text{
  line-height: 1.55;
  color: rgba(11,11,11,.85);
}

.sunshare-footer-links a{
  color: rgba(11,11,11,.92);
  text-decoration: none;
  font-weight: 800;
}

.sunshare-footer-links a:hover{
  color: var(--sun-b);
  text-decoration: underline;
  text-decoration-thickness: .10em;
  text-underline-offset: .18em;
}

/* Untere Copyright-Zeile (GeneratePress) aufgeräumt */
.site-info{
  border-top: 1px solid rgba(0,0,0,.06);
}
.site-info .copyright-bar{
  max-width: var(--sun-container);
  margin: 0 auto;
  padding: 14px var(--sun-pad-x);
  color: rgba(11,11,11,.70);
  font-weight: 700;
}
.site-info .copyright-bar a{
  color: rgba(11,11,11,.85);
  font-weight: 800;
  text-decoration: none;
}
.site-info .copyright-bar a:hover{
  text-decoration: underline;
}

/* Mobile */
@media (max-width: 900px){
  .sunshare-footer-grid{
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 22px var(--sun-pad-x);
  }
}
