/*
 Theme Name:     Entrepreneur - Child Theme
 Theme URI:      https://demo.themovation.com/entrepreneur
 Template:       entrepreneurx
 Author:         Themovation
 Author URI:     http://themovation.com
 Version:        2.0
 Text Domain:    entrepreneur
 Domain Path:    /languages/
*/

/* = Theme customization starts here
-------------------------------------------------------------- */

/* i-5 Computers contact form polish */
.i5-contact-page .i5-contact-form-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(28px, 3vw, 42px);
  border-color: rgba(46, 166, 255, .78);
  background:
    radial-gradient(circle at 100% 0, rgba(0, 124, 255, .16), transparent 38%),
    linear-gradient(145deg, rgba(7, 29, 57, .98), rgba(2, 9, 20, .99));
  box-shadow:
    0 28px 70px rgba(0, 0, 0, .35),
    inset 0 1px 0 rgba(255, 255, 255, .045);
}

.i5-contact-page .i5-contact-form-card::before {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 24px;
  left: 24px;
  height: 2px;
  content: '';
  background: linear-gradient(90deg, transparent, #1aa7ff 18%, #75dcff 50%, #1aa7ff 82%, transparent);
  box-shadow: 0 0 18px rgba(39, 174, 255, .75);
}

.i5-contact-page .i5-contact-form-card > * {
  position: relative;
  z-index: 1;
}

.i5-contact-page .i5-contact-form-card h3 {
  margin: 4px 0 10px;
  color: #fff;
}

.i5-contact-page .i5-contact-form-card > p:not(.i5-contact-kicker) {
  max-width: 760px;
  margin-bottom: 0;
  color: #afbdd0;
  line-height: 1.65;
}

.i5-contact-page .i5-contact-form {
  gap: 20px;
  margin-top: 28px;
}

.i5-contact-page .i5-contact-form-row {
  gap: 18px;
}

.i5-contact-page .i5-contact-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.i5-contact-page .i5-contact-field {
  gap: 8px;
}

.i5-contact-page .i5-contact-field label {
  margin: 0;
  color: #eef6ff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .1em;
}

.i5-contact-page .i5-contact-field input,
.i5-contact-page .i5-contact-field select,
.i5-contact-page .i5-contact-field textarea {
  width: 100%;
  border: 1px solid rgba(56, 151, 235, .68) !important;
  border-radius: 8px !important;
  color: #f7fbff !important;
  background: linear-gradient(180deg, rgba(1, 12, 26, .97), rgba(1, 7, 16, .99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    inset 0 -14px 32px rgba(0, 42, 92, .08);
  font-size: 16px !important;
  line-height: 1.45;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.i5-contact-page .i5-contact-field input:hover,
.i5-contact-page .i5-contact-field select:hover,
.i5-contact-page .i5-contact-field textarea:hover {
  border-color: rgba(71, 180, 255, .9) !important;
}

.i5-contact-page .i5-contact-field input:focus,
.i5-contact-page .i5-contact-field select:focus,
.i5-contact-page .i5-contact-field textarea:focus {
  outline: none;
  border-color: #42c4ff !important;
  background: linear-gradient(180deg, rgba(2, 18, 38, .99), rgba(1, 9, 20, 1)) !important;
  box-shadow:
    0 0 0 3px rgba(35, 169, 255, .2),
    0 0 24px rgba(13, 117, 255, .12),
    inset 0 1px 0 rgba(255, 255, 255, .05);
}

.i5-contact-page .i5-contact-field input::placeholder,
.i5-contact-page .i5-contact-field textarea::placeholder {
  color: #8297b2;
}

.i5-contact-page .i5-contact-field select {
  cursor: pointer;
  color-scheme: dark;
}

.i5-contact-page .i5-contact-field select option {
  color: #f5f9ff;
  background: #061326;
}

.i5-contact-page .i5-contact-field textarea {
  min-height: 170px;
}

.i5-contact-page .i5-contact-form-note {
  padding: 13px 14px;
  border: 1px solid rgba(48, 148, 230, .25);
  border-radius: 8px;
  background: rgba(2, 17, 34, .62);
  line-height: 1.55;
}

.i5-contact-page .i5-contact-submit {
  min-height: 58px;
  padding: 14px 22px;
  border: 1px solid #45c7ff !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #169cff 0%, #075eff 52%, #173cda 100%) !important;
  box-shadow:
    0 14px 30px rgba(0, 80, 255, .25),
    inset 0 1px 0 rgba(255, 255, 255, .23);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.i5-contact-page .i5-contact-submit:hover,
.i5-contact-page .i5-contact-submit:focus-visible {
  transform: translateY(-1px);
  filter: brightness(1.08);
  box-shadow:
    0 17px 38px rgba(0, 100, 255, .34),
    0 0 0 3px rgba(65, 198, 255, .16),
    inset 0 1px 0 rgba(255, 255, 255, .26);
}

.i5-contact-page .i5-contact-submit:disabled {
  cursor: wait;
  transform: none;
  opacity: .68;
  filter: saturate(.65);
}

.i5-contact-page .i5-contact-form-status {
  display: none;
  margin: 0;
  padding: 13px 15px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-weight: 600;
  line-height: 1.5;
}

.i5-contact-page .i5-contact-form-status.is-visible {
  display: block;
}

.i5-contact-page .i5-contact-form-status.is-success {
  border-color: rgba(55, 218, 151, .58);
  color: #d9fff0;
  background: rgba(17, 117, 80, .2);
}

.i5-contact-page .i5-contact-form-status.is-error {
  border-color: rgba(255, 112, 112, .58);
  color: #ffe5e5;
  background: rgba(145, 33, 45, .22);
}

@media (max-width: 767px) {
  .i5-contact-page .i5-contact-form-card {
    padding: 28px 20px;
    border-radius: 10px;
  }

  .i5-contact-page .i5-contact-form-card::before {
    right: 18px;
    left: 18px;
  }

  .i5-contact-page .i5-contact-form {
    gap: 18px;
    margin-top: 24px;
  }

  .i5-contact-page .i5-contact-form-row {
    grid-template-columns: 1fr !important;
  }

  .i5-contact-page .i5-contact-field input,
  .i5-contact-page .i5-contact-field select {
    min-height: 54px;
  }

  .i5-contact-page .i5-contact-field textarea {
    min-height: 160px;
  }

  .i5-contact-page .i5-contact-submit {
    min-height: 58px;
    font-size: 20px;
    letter-spacing: 1px;
    white-space: nowrap;
  }
}

/* Compact, fully functional contact form used at the end of repair articles. */
.i5-blog-contact {
  margin: clamp(48px, 7vw, 76px) 0 18px;
  color: #f4f8ff;
  font-family: 'Rajdhani', Arial, sans-serif;
}

.i5-blog-contact .i5-contact-form-card {
  position: relative;
  overflow: hidden;
  padding: clamp(26px, 5vw, 42px);
  border: 1px solid rgba(44, 164, 255, .72);
  border-radius: 12px;
  background:
    radial-gradient(circle at 95% 0, rgba(24, 131, 255, .18), transparent 42%),
    linear-gradient(150deg, rgba(7, 31, 61, .98), rgba(2, 12, 28, .99));
  box-shadow:
    0 22px 54px rgba(0, 0, 0, .36),
    inset 0 1px 0 rgba(255, 255, 255, .045),
    0 0 28px rgba(0, 123, 255, .08);
}

.i5-blog-contact .i5-contact-form-card::before {
  position: absolute;
  top: 0;
  right: 26px;
  left: 26px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #38c7ff 28%, #0878ff 72%, transparent);
  content: '';
}

.i5-blog-contact .i5-blog-contact-kicker {
  margin: 0 0 6px !important;
  color: #32bcff !important;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .18em;
  line-height: 1.4;
  text-transform: uppercase;
}

.i5-blog-contact h2 {
  margin: 0 0 10px !important;
  color: #fff !important;
  font-family: 'Teko', Impact, sans-serif;
  font-size: clamp(32px, 4vw, 46px) !important;
  font-weight: 600 !important;
  letter-spacing: .015em;
  line-height: 1 !important;
  text-shadow: 0 3px 14px rgba(0, 0, 0, .56);
}

.i5-blog-contact .i5-blog-contact-intro {
  max-width: 760px;
  margin: 0 !important;
  color: #c8d7e8 !important;
  font-size: 18px;
  line-height: 1.62;
}

.i5-blog-contact .i5-contact-form {
  display: grid;
  gap: 18px;
  margin-top: 28px;
}

.i5-blog-contact .i5-contact-form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.i5-blog-contact .i5-contact-field {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.i5-blog-contact .i5-contact-field label {
  margin: 0;
  color: #f2f7ff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.i5-blog-contact .i5-contact-field label span {
  color: #43d4ff;
}

.i5-blog-contact .i5-contact-field :is(input, select, textarea) {
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid rgba(50, 144, 220, .68) !important;
  border-radius: 8px !important;
  color: #f7fbff !important;
  background: linear-gradient(180deg, rgba(1, 12, 27, .98), rgba(1, 8, 18, .99)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
  font: 500 16px/1.35 'Rajdhani', Arial, sans-serif;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.i5-blog-contact .i5-contact-field :is(input, select, textarea):hover {
  border-color: rgba(71, 180, 255, .9) !important;
}

.i5-blog-contact .i5-contact-field :is(input, select, textarea):focus {
  outline: none;
  border-color: #42c4ff !important;
  background: #020d1d !important;
  box-shadow: 0 0 0 3px rgba(35, 169, 255, .19), 0 0 23px rgba(13, 117, 255, .12);
}

.i5-blog-contact .i5-contact-field :is(input, textarea)::placeholder {
  color: #8297b2;
}

.i5-blog-contact .i5-contact-field select {
  cursor: pointer;
  color-scheme: dark;
}

.i5-blog-contact .i5-contact-field select option {
  color: #f5f9ff;
  background: #061326;
}

.i5-blog-contact .i5-contact-field textarea {
  min-height: 155px;
  resize: vertical;
}

.i5-blog-contact .i5-contact-form-note {
  margin: 0 !important;
  padding: 12px 14px;
  border: 1px solid rgba(48, 148, 230, .25);
  border-radius: 8px;
  color: #aebfd2 !important;
  background: rgba(2, 17, 34, .62);
  font-size: 15px;
  line-height: 1.5;
}

.i5-blog-contact .i5-contact-submit {
  min-height: 58px;
  margin: 0;
  padding: 14px 22px;
  border: 1px solid #45c7ff !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #169cff 0%, #075eff 52%, #173cda 100%) !important;
  box-shadow: 0 14px 30px rgba(0, 80, 255, .25), inset 0 1px 0 rgba(255, 255, 255, .23);
  font: 700 22px/1 'Teko', Impact, sans-serif;
  letter-spacing: .07em;
  text-transform: uppercase;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.i5-blog-contact .i5-contact-submit:hover,
.i5-blog-contact .i5-contact-submit:focus-visible {
  transform: translateY(-1px);
  filter: brightness(1.08);
  box-shadow: 0 17px 38px rgba(0, 100, 255, .34), 0 0 0 3px rgba(65, 198, 255, .16);
}

.i5-blog-contact .i5-contact-submit:disabled {
  cursor: wait;
  transform: none;
  opacity: .68;
}

.i5-blog-contact .i5-contact-form-status {
  display: none;
  margin: 0 !important;
  padding: 13px 15px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-weight: 600;
  line-height: 1.5;
}

.i5-blog-contact .i5-contact-form-status.is-visible { display: block; }
.i5-blog-contact .i5-contact-form-status.is-success {
  border-color: rgba(55, 218, 151, .58);
  color: #d9fff0;
  background: rgba(17, 117, 80, .2);
}
.i5-blog-contact .i5-contact-form-status.is-error {
  border-color: rgba(255, 112, 112, .58);
  color: #ffe5e5;
  background: rgba(145, 33, 45, .22);
}

@media (max-width: 700px) {
  .i5-blog-contact {
    margin-top: 46px;
  }

  .i5-blog-contact .i5-contact-form-card {
    padding: 26px 18px;
    border-radius: 10px;
  }

  .i5-blog-contact .i5-contact-form-card::before {
    right: 16px;
    left: 16px;
  }

  .i5-blog-contact .i5-contact-form-row {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .i5-blog-contact .i5-contact-form {
    gap: 16px;
    margin-top: 24px;
  }

  .i5-blog-contact .i5-contact-field :is(input, select) {
    min-height: 54px;
  }

  .i5-blog-contact .i5-contact-field textarea {
    min-height: 150px;
  }

  .i5-blog-contact .i5-contact-submit {
    font-size: 20px;
    letter-spacing: 1px;
    white-space: nowrap;
  }
}

/*
 * i-5 Computers service-page shell normalization
 * - Removes the classic-editor 1170px wrapper and its 40px top/bottom padding.
 * - Gives each service page the same background treatment as /virus-removal/.
 * - Replaces older square-grid/circuit overlays with the subtle angled reference pattern.
 */

body:has(:is(.i5-repair-page, .i5svc-page, .i5diag-page, .i5p-page, .i5l-page, .i5sp-page, .i5rv-page))
  .content-editor:has(:is(.i5-repair-page, .i5svc-page, .i5diag-page, .i5p-page, .i5l-page, .i5sp-page, .i5rv-page)) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:has(:is(.i5-repair-page, .i5svc-page, .i5diag-page, .i5p-page, .i5l-page, .i5sp-page, .i5rv-page))
  .content-editor:has(:is(.i5-repair-page, .i5svc-page, .i5diag-page, .i5p-page, .i5l-page, .i5sp-page, .i5rv-page))
  > :is(.i5-repair-page, .i5svc-page, .i5diag-page, .i5p-page, .i5l-page, .i5sp-page, .i5rv-page) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

:is(.i5-repair-page, .i5svc-page, .i5diag-page, .i5p-page, .i5l-page, .i5sp-page) {
  max-width: none !important;
  margin: 0 !important;
  border-top: 1px solid rgba(16, 158, 255, .92);
  background:
    radial-gradient(circle at 84% 7%, rgba(0, 105, 255, .2), transparent 31rem),
    radial-gradient(circle at 7% 39%, rgba(0, 148, 255, .1), transparent 28rem),
    linear-gradient(180deg, #020711 0%, #041020 50%, #020812 100%) !important;
}

:is(.i5-repair-page, .i5svc-page, .i5diag-page, .i5p-page, .i5l-page, .i5sp-page)::before {
  position: absolute !important;
  z-index: -1 !important;
  inset: 0 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  content: '' !important;
  transform: none !important;
  pointer-events: none !important;
  opacity: .2 !important;
  background-image:
    linear-gradient(30deg, transparent 0 48%, rgba(21, 126, 225, .22) 49% 50%, transparent 51%),
    linear-gradient(150deg, transparent 0 48%, rgba(21, 126, 225, .14) 49% 50%, transparent 51%) !important;
  background-size: 120px 70px !important;
  -webkit-mask-image: linear-gradient(90deg, #000, transparent 24%, transparent 76%, #000) !important;
  mask-image: linear-gradient(90deg, #000, transparent 24%, transparent 76%, #000) !important;
}

:is(.i5-repair-page, .i5svc-page, .i5diag-page, .i5p-page, .i5l-page, .i5sp-page)::after {
  display: none !important;
}


body:has(:is(.i5-repair-page, .i5svc-page, .i5diag-page, .i5p-page, .i5l-page, .i5sp-page, .i5rv-page))
  .content-editor:has(:is(.i5-repair-page, .i5svc-page, .i5diag-page, .i5p-page, .i5l-page, .i5sp-page, .i5rv-page))
  > p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:has(:is(.i5-repair-page, .i5svc-page, .i5diag-page, .i5p-page, .i5l-page, .i5sp-page, .i5rv-page))
  .content-editor:has(:is(.i5-repair-page, .i5svc-page, .i5diag-page, .i5p-page, .i5l-page, .i5sp-page, .i5rv-page))
  > p:has(> script[type="application/ld+json"]),
:is(.i5-repair-page, .i5svc-page, .i5diag-page, .i5p-page, .i5l-page, .i5sp-page) > p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}