/*
 Theme Name: Gordge Dark for GeneratePress
 Template: generatepress
 Version: 1.5
 Description: Dark macOS-inspired GeneratePress child theme for gordge.de
*/

:root{
  --bg:#171a1f;
  --card:#15171c;
  --card-soft:#191c22;
  --text:#d9dbe0;
  --muted:#a0a4ad;
  --accent:#6f5bb0;
  --accent-hover:#4f8a6f;
  --border:#2b3038;
}

/* BASE */
html,
body{
  background:var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

body,
.site,
#page,
.site-content,
.separate-containers .site-main,
.inside-header{
  background:var(--bg)!important;
}

/* WIDTHS */
.grid-container,
.site.grid-container,
.inside-header,
.main-navigation,
.main-navigation .inside-navigation{
  max-width:1180px;
}

/* HEADER */
.site-header{
  background:var(--bg)!important;
}

.inside-header{
  margin:0 auto;
  padding:18px 22px 8px;
}

.site-branding{
  text-align:center;
}

/* Banner/Logo */
.site-logo,
.custom-logo-link,
.header-image{
  display:block;
  max-width:900px;
  margin:0 auto;
  border-radius:18px;
  overflow:hidden;
  border:1px solid var(--border);
  box-shadow:0 10px 26px rgba(0,0,0,.24);
  background:var(--card);
}

.site-logo img,
.custom-logo-link img,
.header-image img{
  display:block;
  width:100%;
  height:auto;
}

/* NAVIGATION: kompakter, nicht mehr so dominant */
.main-navigation{
  background:var(--card)!important;
  border:1px solid var(--border);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.20);
  margin:14px auto 20px;
}

.main-navigation .inside-navigation{
  justify-content:center;
  padding:4px 8px;
}

.main-navigation .main-nav ul{
  display:flex;
  justify-content:center;
  gap:6px;
}

.main-navigation .main-nav ul li a{
  color:var(--text);
  padding:9px 16px;
  font-size:14px;
  line-height:1.35;
  border-radius:10px;
  transition:background .18s ease,color .18s ease;
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a{
  color:#fff;
  background:#232733;
}

/* LAYOUT: Content breiter, Sidebar schmaler */
.site-content{
  max-width:1180px;
  margin:0 auto;
  padding:0 22px;
  display:flex;
  gap:24px;
  align-items:flex-start;
}

.content-area{
  width:calc(100% - 300px);
  max-width:820px;
  flex:1 1 auto;
}

.widget-area.sidebar{
  width:276px;
  flex:0 0 276px;
}

/* CARDS */
.separate-containers .inside-article,
.sidebar .widget,
.comments-area,
.page-header{
  background:var(--card);
  color:var(--text);
  border-radius:18px;
  border:1px solid var(--border);
  box-shadow:0 10px 24px rgba(0,0,0,.20);
}

.separate-containers .inside-article{
  padding:34px 38px;
}

.sidebar .widget{
  padding:22px;
  margin-bottom:18px;
}

/* TYPOGRAPHY */
.entry-title,
.entry-title a,
.widget-title,
h1,h2,h3,h4,h5,h6{
  color:#f0f1f4;
}

.entry-title{
  font-size:34px;
  line-height:1.18;
  font-weight:650;
  margin-bottom:8px;
}

.widget-title{
  font-size:24px;
  line-height:1.2;
  margin-bottom:18px;
}

.entry-meta,
.entry-meta a,
.wp-block-latest-comments__comment-date,
.wp-block-latest-posts__post-date{
  color:var(--muted);
}

.entry-content,
.entry-summary,
.widget{
  color:var(--text);
}

p{
  line-height:1.72;
}

/* LINKS */
a{
  color:#9b8be2;
}

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

/* FORMS */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
textarea{
  background:#eef0f4;
  color:#111318;
  border:1px solid #3a404a;
  border-radius:10px;
  padding:10px 12px;
}

.wp-block-search__inside-wrapper{
  gap:8px;
}

button,
input[type="submit"],
.wp-block-search__button{
  background:var(--accent);
  border:none;
  border-radius:10px;
  color:#fff;
  padding:10px 15px;
}

button:hover,
input[type="submit"]:hover,
.wp-block-search__button:hover{
  background:var(--accent-hover);
}

/* CODE */
code,
pre,
.wp-block-code{
  background:#0d0f12;
  color:#c9d1d9;
  border-radius:10px;
}

pre,
.wp-block-code{
  padding:18px;
  border:1px solid var(--border);
  overflow:auto;
}

/* BLOCKQUOTE */
blockquote{
  border-left:4px solid var(--accent);
  color:var(--muted);
  background:var(--card-soft);
  padding:14px 18px;
  border-radius:10px;
}

/* WIDGET LISTS */
.sidebar .widget ul{
  margin-left:1.1em;
}

.sidebar .widget a{
  color:#9b8be2;
}

.sidebar .widget a:hover{
  color:var(--accent-hover);
}

/* Reduce oversized default margins */
.separate-containers .site-main{
  margin-top:0;
}

.separate-containers .inside-right-sidebar,
.separate-containers .inside-left-sidebar{
  margin-top:0;
}

/* MOBILE/TABLET */
@media (max-width:1024px){
  .site-content{
    display:block;
    max-width:900px;
  }

  .content-area,
  .widget-area.sidebar{
    width:100%;
    max-width:none;
    flex:none;
  }

  .widget-area.sidebar{
    margin-top:22px;
  }
}

@media (max-width:768px){
  .inside-header{
    padding:14px 14px 6px;
  }

  .site-content{
    padding:0 14px;
  }

  .main-navigation{
    margin:12px 14px 18px;
  }

  .main-navigation .main-nav ul{
    display:block;
  }

  .main-navigation .main-nav ul li a{
    padding:11px 14px;
  }

  .separate-containers .inside-article{
    padding:26px 24px;
  }

  .entry-title{
    font-size:30px;
  }
}