/* ==========================
   CUSTOM FIXES FOR ARI THEME
   Author: Jason Hobbs (jh-01)
   Created: 2025-07 (Updated)
   ========================== */

/* === Base Typography === */
body,
input,
textarea,
select,
.entry-content,
.post-content,
#main,
.sidebar,
.sidebar .widget,
.sidebar .widget-title,
.sidebar a,
.widget,
.widget-title,
.post-meta,
.comment-meta,
#site-navigation,
#footer {
  font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.5;
  color: #111;
}

/* === Headings === */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  line-height: 1.3;
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.05em; }

.sidebar .widget-title,
.widget-title {
  text-transform: uppercase;
  font-size: 0.85em;
  letter-spacing: 0.03em;
  font-weight: bold;
}

/* === Sidebar Specific === */
.sidebar,
.sidebar * {
  font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.sidebar select,
.sidebar input,
.sidebar textarea {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* === Sidebar Hover State === */
.sidebar a:hover {
  color: #cc5600;
  text-decoration: underline;
}

/* === Layout & Container Fixes === */
#content {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  max-width: 100%;
  overflow: hidden;
}

#main {
  flex: 2;
  min-width: 0;
  word-break: break-word;
}

.sidebar {
  flex: 1;
  min-width: 200px;
  max-width: 25%;
  word-break: break-word;
}

.entry-content iframe,
.entry-content embed,
.entry-content object {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1rem 0;
}

.entry-content p,
.entry-content a {
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* === Content Area Link Colors === */
.entry-content a,
.post-content a {
  color: #369a3b;
  text-decoration: none;
}

.entry-content a:hover,
.post-content a:hover {
  color: #257428;
  text-decoration: underline;
}