/*
 Theme Name:   DecisioMD Theme
 Theme URI:    https://decisionmd.com
 Description:  Default theme
 Author:       Santoo
 Author URI:   https://decisionmd.com
 Template:     generatepress
 Version:      0.1
*/

.dynamic-entry-content h2 {
    margin-top: 60px;
    margin-bottom: 12px;
}

.dynamic-entry-content h3 {
    margin-top: 20px;
    margin-bottom: 12px;
}

.dynamic-entry-content p {
    margin-bottom: 8px;
}

/* bullet */

.dynamic-entry-content ul {
    margin-left: 15px;
    margin-bottom: 14px;
}

.dynamic-entry-content ul li,
.dynamic-entry-content ol li {
  list-style-type: circle;
  list-style-position: outside;
  padding: 2px 0;               /* no left padding on li */
  /*border-top: 0.5px solid #ccc;*/
  margin-top: 0;
}

.dynamic-entry-content li strong, .dynamic-entry-content strong
.dynamic-entry-content li b {
  font-weight: 500;   /* make it heavier than regular text */
  text-decoration: underline;  /* add underline */
    text-decoration-color: #2d2d2d;
  text-decoration-thickness: 1px; /* optional: make line a bit stronger */
  text-underline-offset: 3px; /* optional: space underline from text */
}

/*.post ul li:last-child,
.post ol li:last-child {
  border-bottom: 0.5px solid #ccc;
}*/




.references {
  margin-top: 3rem;
  padding: 10px;
  border-top: 1px dotted #a6b1b7;
}

.references h2 {
  margin-top: 10px;
  font-size: 1.4rem;
  margin-bottom: 1rem;
  color: #a8a8a8;
}

.references ol {
  margin: 0;
  padding-left: 1.2rem;
  font-size: 0.9rem; /* relative unit instead of px */
}

.references li {
  margin-bottom: 0.6rem;
  line-height: 1.5;
  color: #a8a8a8;
  font-size: 0.9rem;
}

.references em {
  font-style: italic;
  color: #a8a8a8;
}

/* Small screen adjustment */
@media (max-width: 600px) {
  .references {
    padding: 8px;
  }

  .references h2 {
    font-size: 1.2rem;
  }

  .references ol,
  .references li {
    font-size: 0.85rem;
  }
}

/* Search Input */
.wp-block-search__input,
#wp-block-search__input-1 {
  box-sizing: border-box;
  width: 80%;
  height: 48px;
  border: 0.5px solid #6b6d6f;
  border-radius: 5px; /* removed rounded corners */
  background-color: #292f3c;

  /* Search icon */
  background-image: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E737C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\
    <circle cx='11' cy='11' r='7'/>\
    <line x1='21' y1='21' x2='16.65' y2='16.65'/>\
  </svg>");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: 12px 50%;

  padding-left: 40px; /* space for icon */
  padding-right: 12px;
  font-size: 15px;
  color: #ffffff;
  outline: none;
  -webkit-appearance: none;
}

/* Focus border only */
.wp-block-search__input:focus,
#wp-block-search__input-1:focus {
  border-color: #4285f4; /* Google-like blue focus */
}

/* Hide default clear button in WebKit */
.wp-block-search__input::-webkit-search-cancel-button,
#wp-block-search__input-1::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 0;
  width: 0;
}

/* Hide WP default button if present */
.wp-block-search__button {
  display: none !important;
}


.dynamic-entry-content p, .dynamic-entry-content li, .dynamic-entry-content a {
font-variation-settings: "wdth" 98.5;
}


/* Minimal Classy Title Text */
.main-title a,
.main-title a:hover {
  color: #EAEAEA;            /* subtle off-white */
  text-decoration: none;     /* remove underline */
  font-weight: 500;          /* medium weight for elegance */
  text-shadow: none;         /* remove glow */
  background: none;          /* remove gradients */
}

/* Optional hover effect: subtle color shift */
.main-title a:hover {
  color: #FFFFFF;            /* pure white on hover */
}


.author p {
    margin: 0px;
    padding: 0px;
}


/* links */
.post a {
  text-decoration: none;
  color: #919191;

  /* underline animation via background */
  background-image: linear-gradient(#7ab2ee, #7ab2ee);
  background-repeat: no-repeat;
  background-size: 0% 1px; /* start hidden */
  background-position: 0 100%; /* bottom */
  transition: background-size 0.3s ease;
  
  /* make sure it applies line by line */
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.post a:hover {
  color: #555555;
  background-size: 100% 1px; /* expand underline */
}