/*
Theme Name: AdFeeder Blog
Template: generatepress
Description: AdFeeder brand skin for the GeneratePress base theme.
Version: 1.0.1
*/

:root {
  --navy: #19233a;
  --navy-mid: #1f2d4a;
  --navy-light: #2a3d60;
  --coral: #e67c69;
  --coral-light: #f0a090;
  --coral-dim: rgba(230, 124, 105, 0.12);
  --white: #ffffff;
  --text-muted: rgba(255, 255, 255, 0.65);
  --border: rgba(255, 255, 255, 0.08);
  --border-coral: rgba(230, 124, 105, 0.3);
  --radius: 12px;
  --radius-lg: 20px;
}

body,
input,
textarea,
select,
button {
  font-family: 'Poppins', sans-serif;
}

body {
  background: var(--navy) !important;
  color: var(--text-muted);
}

a { color: var(--coral); text-decoration: none; }
a:hover { color: var(--coral-light); }

h1, h2, h3, h4, h5, h6,
.entry-title, .entry-title a,
.main-title, .main-title a {
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--white);
}
.entry-title a:hover { color: var(--coral); }

/* logo now carries the brand -- hide the duplicate text title */
.site-branding .main-title { display: none; }

/* ── BACK-TO-MAIN-SITE BAR ── */
.adfeeder-backbar {
  background: rgba(230, 124, 105, 0.1);
  border-bottom: 1px solid var(--border-coral);
  text-align: center;
  padding: 10px 6vw;
  font-size: 0.82rem;
}
.adfeeder-backbar a {
  color: var(--coral-light);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.adfeeder-backbar a:hover { color: var(--coral); }

/* ── HEADER ── */
#page.site,
.site,
.separate-containers .container,
.separate-containers .paging-navigation,
.inside-page-header {
  background: var(--navy) !important;
}
.site-header {
  background: rgba(25, 35, 58, 0.95) !important;
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(16px);
}
.site-header .inside-header { padding-top: 18px; padding-bottom: 18px; }

.site-branding .main-title,
.site-branding .main-title a {
  font-size: 1.5rem;
  color: var(--white);
}
.site-logo img { height: 42px; width: auto; }

/* ── NAV ── */
.main-navigation,
.main-navigation .inside-navigation {
  background: transparent !important;
}
.main-navigation .main-nav ul li a {
  color: var(--text-muted) !important;
  font-size: 0.85rem;
  font-weight: 400;
  transition: color 0.2s;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li:hover > a {
  color: var(--white) !important;
  background: transparent !important;
}
.main-navigation .main-nav ul ul {
  background: var(--navy-mid) !important;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);
}
.main-navigation .main-nav ul ul li a:hover {
  background: var(--coral-dim) !important;
}
.menu-toggle {
  background: var(--coral) !important;
  color: var(--white) !important;
  border-radius: 50px !important;
}

/* ── CONTENT / CARDS ── */
#content, .site-content { background: transparent !important; }

.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.inside-article {
  background: var(--navy-mid) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  padding: 32px !important;
  transition: border-color 0.2s;
}
.inside-article:hover { border-color: var(--border-coral); }

.entry-content, .entry-summary { color: var(--text-muted); line-height: 1.8; }
.entry-content p, .entry-summary p { color: var(--text-muted); }
.entry-content a, .entry-summary a { color: var(--coral-light); }
.entry-content a:hover, .entry-summary a:hover { color: var(--coral); }

.entry-content img,
.entry-summary img,
.wp-post-image {
  border-radius: var(--radius);
}

.entry-meta,
.entry-meta a,
.posted-on,
.byline {
  color: var(--text-muted);
  font-size: 0.82rem;
}

.cat-links a,
.tags-links a {
  display: inline-block;
  background: var(--coral-dim) !important;
  color: var(--coral-light) !important;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* ── BUTTONS ── */
.button,
button,
input[type="submit"],
.wp-block-button__link,
.more-link {
  background: var(--coral) !important;
  color: var(--white) !important;
  border: none !important;
  border-radius: 50px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  padding: 10px 24px !important;
  transition: background 0.2s !important;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.more-link:hover {
  background: var(--coral-light) !important;
  color: var(--white) !important;
}

/* ── PAGINATION ── */
.pagination .page-numbers,
.nav-links .page-numbers {
  color: var(--text-muted);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}
.pagination .page-numbers.current,
.nav-links .page-numbers.current {
  background: var(--coral) !important;
  color: var(--white) !important;
  border-color: var(--coral);
}

/* ── SIDEBAR / WIDGETS (kept for footer widget areas) ── */
.widget {
  background: var(--navy-mid) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg);
  padding: 24px;
}
.widget-title {
  color: var(--white);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.widget a { color: var(--text-muted); }
.widget a:hover { color: var(--coral); }
.widget input, .widget select {
  background: var(--navy) !important;
  border: 1px solid var(--border);
  color: var(--white) !important;
  border-radius: var(--radius);
}

/* ── COMMENTS ── */
#comments, .comments-area {
  background: transparent !important;
}
.comment-content { color: var(--text-muted); }
#respond input, #respond textarea,
.comment-form input, .comment-form textarea {
  background: var(--navy-mid) !important;
  border: 1px solid var(--border);
  color: var(--white) !important;
  border-radius: var(--radius);
}

/* ── FOOTER ── */
.site-footer,
.site-info,
#colophon {
  background: var(--navy-mid) !important;
  border-top: 1px solid var(--border);
  color: var(--text-muted);
  font-size: 0.82rem;
}
.site-info a { color: var(--coral-light); }

/* ── FORCE SINGLE COLUMN (main site has no sidebar concept) ── */
#secondary { display: none !important; }
#primary, .content-area { width: 100% !important; float: none !important; }

/* correcting the sidebar selector -- this GP version uses #right-sidebar, not #secondary */
#right-sidebar { display: none !important; }
#primary.content-area { width: 100% !important; float: none !important; }