/* Internal theme styles. Normal site editing should not require editing this file. */
.hh-contact-form { max-width: 760px; margin-inline: auto; }
.hh-contact-form p { margin-block: 0 1rem; }
.hh-contact-form label { display:block; font-weight:700; margin-bottom:.4rem; }
.hh-contact-form input, .hh-contact-form textarea { width:100%; box-sizing:border-box; border:1px solid #d0d5dd; border-radius:8px; padding:.85rem 1rem; font:inherit; background:#fff; }
.hh-contact-form input:focus, .hh-contact-form textarea:focus { outline:3px solid rgba(22,185,232,.25); border-color:#16B9E8; }
.hh-contact-form button { border:0; border-radius:8px; padding:.85rem 1.25rem; background:#FFB20F; color:#001532; font:inherit; font-weight:700; cursor:pointer; }
.hh-form-success { max-width:760px; margin:0 auto 1.5rem; padding:1rem 1.25rem; border-left:4px solid #FFB20F; background:#F4F6F8; border-radius:8px; }
.hh-card-grid { display:grid; grid-template-columns:repeat(1,minmax(0,1fr)); gap:1.25rem; }
@media (min-width:700px){ .hh-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (min-width:1000px){ .hh-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
.hh-card { height:100%; box-sizing:border-box; }


/* HostingHive visual polish: high contrast, readable hero, and responsive header. */
.hh-hero .wp-block-cover__background {
  opacity: 1 !important;
  background: linear-gradient(90deg, rgba(0,21,50,.96) 0%, rgba(0,21,50,.88) 38%, rgba(0,21,50,.55) 62%, rgba(0,21,50,.22) 100%) !important;
}
.hh-hero-content { max-width: 1180px !important; width: 100%; }
.hh-hero h1 { max-width: 720px; text-shadow: 0 2px 18px rgba(0,0,0,.28); margin-bottom: 1rem; }
.hh-hero p { max-width: 700px; text-shadow: 0 1px 10px rgba(0,0,0,.3); }
.hh-hero-accent { color: #FFB20F; }
.hh-hero .wp-block-button__link { box-shadow: 0 8px 22px rgba(0,0,0,.18); }
.hh-hero .is-style-outline .wp-block-button__link { border: 2px solid #fff; background: rgba(0,21,50,.28); }
.hh-hero .is-style-outline .wp-block-button__link:hover, .hh-hero .is-style-outline .wp-block-button__link:focus { background: #fff; color: #001532 !important; }
.hh-topbar { font-size: .92rem; }
.hh-topbar-inner { gap: .75rem 1.5rem; }
.hh-topbar p { margin: 0; }
.hh-currency-note { white-space: nowrap; }
.hh-benefits { box-shadow: 0 8px 24px rgba(0,21,50,.06); position: relative; z-index: 2; }
.hh-benefits .wp-block-column { padding: .35rem 1.1rem; border-right: 1px solid #E4E7EC; }
.hh-benefits .wp-block-column:last-child { border-right: 0; }
.hh-benefits h3 { margin-bottom: .25rem; }
.hh-benefits p { color: #667085; margin: 0; font-size: .92rem; line-height: 1.45; }
@media (max-width: 781px) {
  .hh-topbar-inner { justify-content: center; text-align: center; }
  .hh-topbar-inner > * { flex-basis: 100%; }
  .hh-currency-note { display: none; }
  .hh-hero { min-height: 590px !important; }
  .hh-hero .wp-block-cover__background { background: linear-gradient(90deg, rgba(0,21,50,.94) 0%, rgba(0,21,50,.82) 100%) !important; }
  .hh-hero h1 { font-size: clamp(2.35rem, 10vw, 3.6rem) !important; }
  .hh-benefits .wp-block-column { border-right: 0; border-bottom: 1px solid #E4E7EC; padding: .8rem 0; }
  .hh-benefits .wp-block-column:last-child { border-bottom: 0; }
}

/* Version 1.0.2: hero layout follows the approved HostingHive visual - text left, server infrastructure right. */
.hh-hero-right-media .wp-block-cover__image-background {
  object-position: right center !important;
  object-fit: cover !important;
}
.hh-hero-right-media .wp-block-cover__background {
  background: linear-gradient(90deg,
    rgba(0,21,50,.98) 0%,
    rgba(0,21,50,.94) 28%,
    rgba(0,21,50,.76) 47%,
    rgba(0,21,50,.38) 67%,
    rgba(0,21,50,.12) 100%) !important;
}
.hh-hero-right-media .hh-hero-content {
  position: relative;
  z-index: 2;
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding-right: 50% !important;
}
.hh-hero-right-media h1 {
  max-width: 720px;
  text-wrap: balance;
}
@media (max-width: 900px) {
  .hh-hero-right-media .hh-hero-content { padding-right: 35% !important; }
  .hh-hero-right-media .wp-block-cover__background {
    background: linear-gradient(90deg, rgba(0,21,50,.98) 0%, rgba(0,21,50,.90) 58%, rgba(0,21,50,.62) 100%) !important;
  }
}
@media (max-width: 781px) {
  .hh-hero-right-media .hh-hero-content { padding-right: 0 !important; }
  .hh-hero-right-media .wp-block-cover__image-background { object-position: 72% center !important; }
  .hh-hero-right-media .wp-block-cover__background {
    background: linear-gradient(90deg, rgba(0,21,50,.96) 0%, rgba(0,21,50,.86) 100%) !important;
  }
}


/* Version 1.0.2: editor-safe contrast and header fixes. */
.hh-topbar,
.hh-topbar p,
.hh-topbar a,
.hh-topbar strong {
  color: #FFFFFF !important;
}
.hh-topbar {
  background: #001532 !important;
}
.hh-main-header {
  background: #FFFFFF !important;
}
.hh-header-inner {
  width: 100%;
  align-items: center;
  gap: 1.5rem;
}
.hh-logo {
  flex: 0 0 auto;
  margin: 0 !important;
}
.hh-logo img {
  display: block;
  height: auto;
  max-width: 230px;
}
.hh-navigation {
  margin-left: auto;
}
.hh-navigation .wp-block-navigation-item__content {
  color: #002154 !important;
}
.hh-navigation .wp-block-navigation-item__content:hover,
.hh-navigation .wp-block-navigation-item__content:focus-visible {
  color: #FFB20F !important;
}
.hh-hero-right-media .wp-block-cover__inner-container {
  width: 100%;
}
.hh-hero-right-media .hh-hero-content {
  box-sizing: border-box;
}
@media (max-width: 900px) {
  .hh-header-inner {
    flex-wrap: wrap !important;
  }
  .hh-navigation {
    margin-left: auto;
  }
}
@media (max-width: 781px) {
  .hh-logo img {
    max-width: 205px;
  }
  .hh-navigation {
    margin-left: 0;
  }
}