/**
 * Custom Sub-Footer / "Get In Touch" Section Styles
 * Premium, elegant redesign with refined colors and generous spacing.
 */

/* ============================================
   Sub-Footer Section - Premium Redesign
   ============================================ */

.sub-footer {
  /* Refined off-white cream background with subtle paper texture */
  background: #faf8f5;
  background-image:
    linear-gradient(135deg, rgba(0, 0, 0, 0.008) 25%, transparent 25%),
    linear-gradient(225deg, rgba(0, 0, 0, 0.008) 25%, transparent 25%),
    linear-gradient(45deg, rgba(0, 0, 0, 0.008) 25%, transparent 25%),
    linear-gradient(315deg, rgba(0, 0, 0, 0.008) 25%, transparent 25%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 0, 2px -2px, 0 2px;

  /* Remove old border, add soft bottom transition shadow */
  border-top: none;
  border-bottom: none;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);

  /* Generous padding for premium feel */
  padding: 3.5em 0 3em;
  text-align: center;
}

/* Widget spacing within the sub-footer */
.sub-footer .widget {
  margin: 1.5em 0;
}

/* ============================================
   "GET IN TOUCH" Heading - Clean, premium sans-serif
   ============================================ */

.sub-footer .widget-title,
.sub-footer h3,
.sub-footer h4 {
  font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1.1em;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #2c2c2c;
  margin-bottom: 1em;
}

/* ============================================
   "Schedule a Visit" Link - Muted Navy Blue
   ============================================ */

.sub-footer a:not(.button) {
  color: #1e3a5f;
  text-decoration: none;
  font-size: 1.15em;
  font-weight: 400;
  transition: color 0.3s ease;
}

.sub-footer a:not(.button):hover {
  color: #0f2440;
  text-decoration: underline;
}

/* ============================================
   "CONTACT US" Button - Deep Sea Blue, Rounded, Refined
   ============================================ */

.sub-footer .button,
.sub-footer a.button,
.sub-footer .textwidget a.button,
body.hootwp .sub-footer .button,
body.hootwp .sub-footer a.button {
  /* Deep-sea blue solid fill */
  background-color: #1b4f72 !important;
  color: #ffffff !important;
  border: none !important;

  /* Rounded corners */
  border-radius: 50px;

  /* Subtle drop shadow for depth */
  box-shadow: 0 3px 10px rgba(27, 79, 114, 0.25);

  /* Generous padding */
  padding: 12px 36px;
  font-size: 0.85em;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-decoration: none;

  /* Smooth transitions */
  transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;

  /* Spacing from elements above */
  margin-top: 1.2em;
  display: inline-block;
}

/* Button hover state */
.sub-footer .button:hover,
.sub-footer a.button:hover,
.sub-footer .textwidget a.button:hover,
body.hootwp .sub-footer .button:hover,
body.hootwp .sub-footer a.button:hover {
  background-color: #154360 !important;
  color: #ffffff !important;
  box-shadow: 0 5px 15px rgba(27, 79, 114, 0.35);
  transform: translateY(-1px);
  text-decoration: none;
}

/* Button focus state for accessibility */
.sub-footer .button:focus,
.sub-footer a.button:focus,
body.hootwp .sub-footer .button:focus {
  outline: 2px solid #1b4f72;
  outline-offset: 3px;
  background-color: #154360 !important;
  color: #ffffff !important;
}

/* ============================================
   Text Widget Content - Generous Spacing
   ============================================ */

.sub-footer .textwidget {
  max-width: 600px;
  margin: 0 auto;
}

.sub-footer .textwidget p {
  margin: 0.8em 0;
  color: #444444;
  line-height: 1.8;
}

/* ============================================
   Smooth Transition Into Dark Footer Below
   ============================================ */

.sub-footer::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.08), transparent);
}

/* Make sub-footer position relative for the pseudo-element */
.sub-footer {
  position: relative;
}

/* ============================================
   General Typography Within Sub-Footer
   ============================================ */

.sub-footer,
.sub-footer .widget {
  font-size: 16px;
  color: #3a3a3a;
  line-height: 1.7;
}

/* Remove any list markers from nav menus in sub-footer */
.sub-footer .widget_nav_menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sub-footer .widget_nav_menu li {
  margin: 0.4em 0;
}