/*
Theme Name: LAD Financial v1
Theme URI: https://ladfinancial.com
Description: LAD Financial — modern brokerage general agency theme. Editorial-financial Batman-Bloomberg DNA: warm paper background, heavy black ink, dramatic hero, tracked-out mono section labels, Bloomberg-amber accent.
Author: LAD Financial
Author URI: https://ladfinancial.com
Template: generatepress
Version: 1.7.9
*/

/* ── Base — !important to beat GeneratePress's main.min.css var(--base-2) body bg ── */
html, body {
  background-color: #f5f1e8 !important;
  color: #1a1a1a !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ── GeneratePress overrides only — keep !important to beat parent theme ── */
.site-header { background-color: #f5f1e8 !important; border-bottom: 1px solid #0a0a0a !important; }
.site-content, .inside-article, .entry-content, .page .inside-article,
.separate-containers .inside-article, .separate-containers .comments-area,
.separate-containers .page-header, .separate-containers .paging-navigation,
.one-container .container {
  background-color: transparent !important;
  border: none !important; box-shadow: none !important;
}
.sidebar { display: none !important; }
.content-area { width: 100% !important; }
.grid-container { max-width: 1180px !important; }
.site-footer, .site-info { background-color: #0a0a0a !important; color: #9a9a9a !important; border-top: 0 !important; }

/* ── Default page (when no LAD template is set) — soft styling without !important ── */
.main-navigation a, .menu-toggle, .site-title a, .main-title a {
  color: #0a0a0a;
  font-family: 'Inter', sans-serif;
  text-transform: none;
  font-weight: 500;
  font-size: 0.95rem;
}
.main-navigation .current-menu-item > a, .main-navigation a:hover { color: #d56b1e; }
.site-title { font-weight: 800; font-size: 1.4rem; letter-spacing: -0.5px; }

a { color: #0a0a0a; text-decoration: none; transition: color 0.2s, border-color 0.2s; }
a:hover { color: #d56b1e; }

h1, h2, h3, h4, h5, h6, .entry-title, .page-title {
  color: #0a0a0a;
  font-family: 'Inter', sans-serif;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.5px;
}
h1, .entry-title { font-size: 2.8rem; letter-spacing: -2px; margin-bottom: 0.5em; }
h2 { font-size: 2rem; letter-spacing: -1px; margin-top: 1.5em; }
h3 { font-size: 1.3rem; letter-spacing: -0.5px; }
h1 em, h2 em, h3 em { font-style: normal; color: #d56b1e; }

p, li, td, dd, blockquote { color: #2a2a2a; font-size: 1.05rem; line-height: 1.7; }
strong, b { color: #0a0a0a; font-weight: 700; }
em { color: #1a1a1a; font-style: italic; }

.wp-block-separator, hr {
  border-color: #0a0a0a;
  opacity: 1;
  border-width: 1px;
  border-style: solid;
  margin: 3rem 0;
}

ul { padding-left: 1.2em; }
ul li::marker { color: #d56b1e; }
li strong { color: #0a0a0a; }
li { margin-bottom: 0.5em; }

/* ── Default block buttons (only on pages without LAD template) ── */
.wp-block-button__link, button, input[type="submit"] {
  background-color: #0a0a0a;
  color: #f5f1e8;
  border: none;
  border-radius: 2px;
  font-weight: 700;
  padding: 14px 32px;
  font-family: 'Inter', sans-serif;
  font-size: 0.95rem;
  cursor: pointer; transition: all 0.2s ease;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.wp-block-button__link:hover, button:hover, input[type="submit"]:hover {
  background-color: #d56b1e;
  color: #f5f1e8;
  transform: translateY(-1px);
}

/* ── Default columns ── */
.wp-block-columns { gap: 0; margin: 2.5rem 0; border-top: 1px solid #0a0a0a; border-bottom: 1px solid #0a0a0a; }
.wp-block-column {
  background: transparent;
  border-radius: 0;
  padding: 36px 32px;
  border-right: 1px solid #d8d2c4;
  transition: background 0.3s ease;
}
.wp-block-column:last-child { border-right: 0; }
.wp-block-column:hover { background: #ffffff; }
.wp-block-column h3 { margin-top: 0; font-size: 1.15rem; }
.wp-block-column p { font-size: 0.95rem; margin-bottom: 0; color: #3a3a3a; }

.site-footer a { color: #d8d2c4 !important; }
.site-footer a:hover { color: #d56b1e !important; }

@media (max-width: 1024px) {
  h1, .entry-title { font-size: 2.2rem; }
  h2 { font-size: 1.6rem; }
  .grid-container { padding: 0 24px !important; }
}
@media (max-width: 768px) {
  h1, .entry-title { font-size: 1.8rem; }
  h2 { font-size: 1.4rem; }
  .wp-block-column { padding: 24px; border-right: 0; border-bottom: 1px solid #d8d2c4; }
  .wp-block-column:last-child { border-bottom: 0; }
  .wp-block-columns { flex-direction: column; }
  .grid-container { padding: 0 16px !important; }
}
@media (max-width: 480px) {
  h1, .entry-title { font-size: 1.5rem; }
  body { font-size: 15px; }
}
