/*
 Theme Name:   GeneratePress Child
 Template:     generatepress
 Version:      1.0.0
*/

@import url("../generatepress/style.css");

/*
 Theme Name:  GeneratePress Child – Simple Light
 Description: Minimal, Notion-like light theme for business blogs.
 Version:     1.0
*/

/* --- Tokens (easy to tweak) --- */
:root{
  --bg: #ffffff;
  --bg-alt: #fafafa;
  --text: #1f2937;      /* dark slate */
  --muted:#6b7280;      /* mid slate */
  --line:#e5e7eb;       /* light border */
  --brand:#2563eb;      /* calm blue */
  --radius:10px;
  --w:1120px;           /* max width */
}

/* --- Base --- */
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--text);
  font: 16px/1.65 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;border-radius:8px}

/* --- Layout --- */
.container, .grid-container, .site-content .content-area{max-width:var(--w)}
.separate-containers .inside-article,
.one-container .site-content{background:var(--bg)}
.inside-article{
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:1.5rem;
  background:var(--bg);
}

/* --- Header & Nav --- */
.site-header{background:var(--bg);border-bottom:1px solid var(--line)}
.inside-header{max-width:var(--w);padding:.8rem 1rem}
.site-title{font-weight:700}
.site-description{color:var(--muted);font-size:.95rem;margin-top:.15rem}

.main-navigation{background:transparent;border-bottom:1px solid var(--line)}
.main-navigation .inside-navigation{max-width:var(--w);padding:.3rem 1rem}
.main-navigation .main-nav > ul > li > a{
  padding:.65rem .8rem;border-radius:8px
}
.main-navigation .main-nav > ul > li > a:hover,
.main-navigation .main-nav > ul > li.current-menu-item > a{
  background: #eef2ff; /* very light brand tint */
  color:#1d4ed8;
}

/* --- Typography --- */
h1,h2,h3{font-weight:700;line-height:1.25;margin:1.2rem 0 .6rem}
h1{font-size:clamp(28px,3.5vw,38px)}
h2{font-size:clamp(22px,3vw,28px)}
h3{font-size:clamp(18px,2.2vw,22px)}
p{margin:.85rem 0 1.1rem}
.entry-title,.page-title{margin-top:0;padding-bottom:.2rem;border-bottom:1px solid var(--line)}

/* --- Buttons --- */
button,.button,.gp-button,.wp-block-button__link,input[type=submit]{
  background:var(--brand);color:#fff;border:0;border-radius:10px;
  padding:.6rem .95rem;font-weight:600
}
button:hover,.button:hover,.gp-button:hover,.wp-block-button__link:hover,input[type=submit]:hover{
  filter:brightness(.95);text-decoration:none
}

/* --- Forms --- */
input[type=text],input[type=email],input[type=url],input[type=search],
input[type=password],textarea,select{
  width:100%;background:var(--bg);border:1px solid var(--line);
  border-radius:10px;padding:.55rem .75rem
}
input:focus,textarea:focus,select:focus{
  outline:none;border-color:#c7d2fe;box-shadow:0 0 0 3px #e0e7ff
}

/* --- Tables (Notion-like) --- */
table{
  width:100%;border-collapse:separate;border-spacing:0;
  border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg)
}
thead th{background:var(--bg-alt);color:var(--muted);font-weight:600;text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--line)}
tbody td{padding:.7rem .8rem;border-bottom:1px solid var(--line)}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:#f8fafc}

/* --- Lists, Quotes --- */
ul,ol{padding-left:1.2rem}
blockquote{
  margin:1rem 0;padding:.75rem 1rem;background:var(--bg-alt);
  border-left:4px solid var(--brand);border-radius:8px;color:var(--muted)
}

/* --- Footer --- */
.site-footer{border-top:1px solid var(--line);background:var(--bg)}
.site-info{color:var(--muted)}

/* --- Small screens --- */
@media (max-width:768px){
  .inside-article{padding:1.1rem}
  .main-navigation .main-nav > ul > li > a{padding:.55rem .7rem}
}