/* ISSB Custom Theme - Child of prosilver */
@import url("../../prosilver/theme/stylesheet.css");

/* ============================================================
   MUNEER THEME — TYPOGRAPHY MASTER BLOCK
   Edit ONLY this section to control all fonts sitewide.
   Modified by Muneer
   ============================================================ */

:root {
  /* --- Font Family --- */
  --font-body:          'Segoe UI', Arial, Helvetica, sans-serif;
  --font-mono:          'Courier New', Courier, monospace;

  /* --- Font Sizes (desktop) --- */
  --fs-base:            14px;   /* post body, general content */
  --fs-small:           11px;   /* meta: post date, author, breadcrumbs */
  --fs-ui:              12px;   /* nav items, tabs, buttons */
  --fs-h1:              19px;   /* page/forum title */
  --fs-h2:              17px;   /* topic subject heading */
  --fs-h3:              16px;   /* section sub-headings */
  --fs-h4:              14px;   /* sidebar / minor headings */

  /* --- Font Weights --- */
  --fw-normal:          350;
  --fw-semibold:        500;
  --fw-bold:            600;

  /* --- Line Height & Spacing --- */
  --lh-base:            1.5;   /* post body */
  --lh-heading:         1.25;   /* tighter for headings */
  --lh-ui:              1.3;    /* nav / labels */
  --letter-spacing-ui:  0.01em; /* subtle, only on UI labels */

  /* --- Colors --- */
  --color-text:         #2d2d2d;
  --color-heading:      #1a1a2e;
  --color-muted:        #666666;   /* dates, meta, secondary */
  --color-link:         #1a5fb4;
  --color-link-hover:   #0d3c80;
  --color-link-visited: #1a5fb4;
  --color-code-bg:      #f5f5f5;
}

/* --- Mobile Overrides (only what changes) -------------- */
@media (max-width: 768px) {
  :root {
    --fs-base:   14px;
    --fs-ui:     13px;
    --fs-h1:     19px;
    --fs-h2:     17px;
    --fs-h3:     15px;
    --fs-h4:     13px;
    --lh-base:   1.7;   /* slightly more open on small screens */
  }
}

/* ============================================================
   APPLICATION RULES — don't edit sizes/colors here, 
   edit the :root block above instead.
   ============================================================ */

#site-name a {
  color: #ffffff;   /* change to whatever you want */
  font-size: var(--fs-h1);
  font-weight: var(--fw-bold);
}

#site-description {
  font-family: var(--font-body);
  font-size:   var(--fs-small);
  color:       #ffffff;   /* or whatever suits */
  line-height: var(--lh-ui);
}


body, .postbody, .content {
  font-family: var(--font-body);
  font-size:   var(--fs-base);
  line-height: var(--lh-base);
  color:       var(--color-text);
}

h1, .forum-title {
  font-size: var(--fs-h1);
  font-weight: var(--fw-bold);
  line-height: var(--lh-heading);
  color: #ffffff;
}
h2, .topic-title  { font-size: var(--fs-h2); font-weight: var(--fw-semibold); line-height: var(--lh-heading); color: var(--color-heading); }
h3               { font-size: var(--fs-h3); font-weight: var(--fw-semibold); line-height: var(--lh-heading); color: var(--color-heading); }
h4               { font-size: var(--fs-h4); font-weight: var(--fw-semibold); color: var(--color-heading); }

a              { color: var(--color-link);       text-decoration: none; }
a:hover        { color: var(--color-link-hover); text-decoration: underline; }
a:visited      { color: var(--color-link-visited); }



ul.topiclist dt {
  font-size: var(--fs-base);
  font-family: var(--font-body);
}

/* Category header row only */
li.header dl.row-item dt .list-inner {
  padding-left: 20px;
  padding-right: 30px;
  
}

/* Forum list rows — excluding header */
li:not(.header) dl.row-item dt .list-inner {
  padding-left: 52px;
  padding bottom:10px;
}

li.header dd {
  font-size: var(--fs-ui);
  font-family: var(--font-body);
  line-height: var(--lh-ui);
  margin: 2px 0 4px 0;
  padding-top: 2px;
  padding-bottom: 2px;
}




.postauthor, .author, .post-author { font-size: var(--fs-small); color: var(--color-muted); }
.postprofile, .postdetails         { font-size: var(--fs-small); color: var(--color-muted); }

nav, .navlinks, .breadcrumb,
.button, .nav-tabs {
  font-family:     var(--font-body);
  font-size:       var(--fs-ui);
  line-height:     var(--lh-ui);
  letter-spacing:  var(--letter-spacing-ui);
}

code, pre, .codebox {
  font-family: var(--font-mono);
  font-size:   var(--fs-small);
  background:  var(--color-code-bg);
}










/* Your custom overrides go below this line 
h2.forum-title {
    font-size: 1.5em;
 margin:0.6em 0 0.6em 0;
}
h2.topic-title {
    font-size: 1.5em; 
    margin:0.6em 0 0.6em 0;
}

*/