:root{
  --page:#f7f9fa; --wrap-max:1000px;
  --card:#fff; --card-br:#e7eaee;
  --ink:#0f1720; --ink-sub:#616b78;
  --input:#f8fafc; --input-br:#d7dbe2;
  --accent:#d9a20d; --accent-2:#e7b73a; --divider:#eef1f4;
  --radius:16px; --shadow:0 8px 26px rgba(0,0,0,.08);
  --warm-start:#fff7db; --warm-end:#fbeec2;
}

html,body{background:var(--page)!important}

#supportcheck-page{
  position:relative; max-width:var(--wrap-max);
  margin:0 auto 56px!important; padding:0 18px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--ink);
}

#supportcheck-page::before{
  content:""; position:absolute; left:50%; transform:translateX(-50%); top:0;
  width:100vw; height:205px;
  background:
    radial-gradient(1000px 205px at 50% 0, rgba(0,0,0,.035), transparent 62%),
    linear-gradient(180deg,var(--warm-start),var(--warm-end));
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.06); z-index:0;
}

#supportcheck-page::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%); top:205px;
  width:100vw; height:2px;
  background:linear-gradient(90deg,transparent,var(--accent) 20%,var(--accent-2) 80%,transparent);
  opacity:.40; z-index:1;
}

#supportcheck-page .wlr-header{
  position:relative; z-index:2; text-align:center;
  padding-top:82px; padding-bottom:28px;
}

#supportcheck-page .wlr-header p{
  font-size:18px; line-height:1.5; color:#6b5d2a; opacity:.92;
  margin:0 auto; padding-top:8px; max-width:880px;
}

#supportcheck-page .wlr-card{
  position:relative; z-index:3; background:#fff; color:var(--ink);
  border:1px solid var(--card-br); border-radius:var(--radius);
  padding:24px 28px 26px; max-width:860px; margin:58px auto 24px;
  box-shadow:var(--shadow);
}

#wlr-input-wrap,#supportcheck-page .wlr-input-wrap{display:block}

#supportcheck-page .wlr-textarea{
  width:100%; min-height:134px;
  padding:16px 18px; border:1px solid var(--input-br); border-radius:12px;
  background:var(--input); font-size:17px; line-height:1.5; color:var(--ink); outline:none; resize:none;
}
#supportcheck-page .wlr-textarea::placeholder{color:#9aa3af}
#supportcheck-page .wlr-textarea:focus{border-color:#d9c27a; box-shadow:0 0 0 3px rgba(217,162,13,.18)}

#supportcheck-page .wlr-actions{
  display:flex; justify-content:flex-start; gap:12px; margin-top:18px;
}

#supportcheck-page .wlr-btn{
  background:var(--accent); color:#111; border:0; border-radius:12px; padding:12px 18px; font-weight:820;
  cursor:pointer;
  transition:background-color .15s ease, transform .02s, box-shadow .15s ease;
  box-shadow:0 2px 10px rgba(217,162,13,.18);
}

#supportcheck-page .wlr-btn:hover{
  background:#c8920b;
  box-shadow:0 4px 14px rgba(217,162,13,.24);
}

#supportcheck-page .wlr-btn:active{transform:translateY(1px)}
#supportcheck-page .wlr-btn:disabled{opacity:.6; cursor:not-allowed; box-shadow:none}

#supportcheck-result{
  margin-top:18px; background:#fff; border:1px solid #edf1f4; border-radius:12px; padding:12px; color:var(--ink)
}
#supportcheck-data{list-style:none; margin:0; padding:0}
#supportcheck-data li{padding:18px 0; border-bottom:1px solid var(--divider)}
#supportcheck-data li:last-child{border-bottom:0}

#supportcheck-data li + li {margin-top: 10px;}

.wlr-label{font-style:italic; color:#777}
.wlr-tel{display:inline-block; padding:4px 12px; border-radius:999px; background:#fff7db; border:1px solid #e0c86f; color:#7a5a00; font-weight:800; text-decoration:none}
.wlr-tel:hover{text-decoration:underline}
.src-link a{display:inline-block; margin-top:4px; color:#b07b00; font-size:.95rem; font-weight:600; text-decoration:none; opacity:.95}
.src-link a:hover{opacity:1; text-decoration:underline}
.wlr-no-num{color:#8b8b8b; font-style:italic}

#supportcheck-error{
  margin-top:18px; background:#fff5f5; border:1px solid #ffd9d9; color:#8a1f1f;
  padding:12px 14px; border-radius:10px; font-size:14px;
}

#supportcheck-page .wlr-card {
  max-width: 1180px !important;
  padding: 34px 38px !important;
}

#supportcheck-page .wlr-textarea {
  font-size: 22px !important;
  line-height: 1.55 !important;
  padding: 18px 20px !important;
  min-height: 160px !important;
}

#supportcheck-page .wlr-btn {
  font-size: 18px !important;
  padding: 14px 26px !important;
  border-radius: 10px !important;
}

#supportcheck-data li {
  font-size: 20px !important;
  padding: 20px 0 24px !important;
}

#supportcheck-data li strong {
  font-size: 21px !important;
}

.wlr-label {
  font-size: 19px !important;
}

.wlr-tel {
  font-size: 21px !important;
  padding: 6px 14px !important;
  margin-top: 2px !important;
}

.src-link {
  margin-top: 2px !important;
  font-size: 16px !important;
}

.wlr-disclaimer {
  margin-top: 14px;
  padding-top: 12px;
  padding-bottom: 0px;
  border-top: 1px solid #e5e7eb;
  font-size: 12px;
  color:#c7c7c7;
  text-align: center;
  line-height: 1.45;
}

#supportcheck-page .wlr-header {
  padding-top: 38px !important;
  padding-bottom: 34px !important;
}

html,body{overflow-x:hidden}
.site-header,header.site-header,#site-header,.bb-header,.site-header .site-branding,
#content,.site-content,#primary{border-bottom:0!important; box-shadow:none!important; margin-top:0!important; padding-top:0!important}
.elementor-section,.elementor-top-section,.elementor-widget-wrap,#content,.site-content,#primary{padding-bottom:0!important; margin-bottom:0!important}
.elementor-section,.elementor-top-section{min-height:0!important}
#supportcheck-inline{padding-bottom:0!important; margin-bottom:0!important}
.elementor-container,.elementor-column,.elementor-widget-wrap{padding-bottom:0!important; margin-bottom:0!important}
main#content,#content,.site-content,.site-main,#primary{min-height:auto!important; padding-bottom:0!important; margin-bottom:0!important}
.content-area,.content,.wrap,.container,.inner-wrapper,#content-wrap{padding-bottom:0!important; margin-bottom:0!important}
.site-footer,
footer.site-footer {
  margin-top: 0 !important;  
  padding-top: 24px !important;
}

@media(min-width:720px){
  #supportcheck-page .wlr-input-wrap{
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px;
    align-items:start;
  }
  #supportcheck-page .wlr-actions{
    margin-top:0;
  }
}

#supportcheck-data li{
  padding:8px 0 16px;
  border-bottom:1px solid var(--divider);
}

#supportcheck-data li strong{
  font-weight:700;
}

#supportcheck-data li.wlr-row-empty {
  border-bottom: none;
}

.wlr-label{
  font-style:normal; font-size:0.8rem;
  text-transform:uppercase; letter-spacing:.04em; color:#6b7280;
}

.wlr-tel{
  display:inline-block; padding:6px 14px;
  border-radius:999px; background:#fff; border:1px solid var(--accent);
  color:#111; font-weight:800; text-decoration:none; box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.wlr-tel:hover{
  text-decoration:none;
  filter:brightness(0.97);
}

.src-link a{
  display:inline-block;
  margin-top:6px;
  font-size:.85rem;
  color:#4b5563;
  font-weight:500;
  text-decoration:underline;
  opacity:.85;
}
.src-link a:hover{
  opacity:1;
}

.wlr-no-num{
  color:#6b7280;
  font-style:italic;
}

#supportcheck-page {
  margin-bottom: 106px !important;
}

.wlr-hours {
  display: inline-block;
  margin-left: 6px;
  margin-top: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  color: #4b5563;
  font-size: 0.95rem;
  line-height: 1.4;
}

.src-link {
  margin-top:6px;
}

#supportcheck-data li.wlr-empty-result {
  border-bottom: none !important;
}

.wlr-empty-result {
  padding: 20px 2px !important;
  text-align: center;
  color: #4b5563;
  font-style: italic;
  background: #fffaf0;
  border-radius: 12px;
  border: 1px solid #f0e3b6;
  margin: 0px 0 16px !important;
}

#supportcheck-data li.wlr-row-empty {
  border-bottom: none;
  padding: 0 !important;       
}

#supportcheck-page {
  font-size: 1.18rem;
  margin-bottom: 30px !important;
}

#supportcheck-page .wlr-header {
  padding-top: 38px !important;
  padding-bottom: 34px !important;
}

#supportcheck-page .wlr-card {
  max-width: 1280px !important;
  padding: 26px 38px 22px !important;
}

#supportcheck-page .wlr-textarea {
  font-size: 22px !important;
  line-height: 1.55 !important;
  padding: 20px 24px !important;
  min-height: 160px !important;
}

#supportcheck-page #supportcheck-data li {
  padding: 6px 8px !important;
  font-size: 1.2rem !important;
}

#supportcheck-page .wlr-tel {
  font-size: 19px !important;
  white-space: nowrap;
  padding: 6px 14px !important;
  margin-top: 6px !important;
}

#supportcheck-page .wlr-header {
  padding-top: 78px !important;
  padding-bottom: 10px !important;
}

#supportcheck-result p,
#supportcheck-page p {
  margin-block-end: 0 !important;
  margin-bottom: 0 !important;
}

@keyframes wlr-spin {
  to { transform: translateY(-50%) rotate(360deg); }
}

#supportcheck-page .wlr-btn {
  position: relative;
  overflow: hidden;
}

#supportcheck-page .wlr-btn.loading {
  pointer-events: none;
  opacity: 0.9;
  padding-right: 44px !important;
}

#supportcheck-page .wlr-btn.loading::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 14px;
  height: 14px;
  border: 2px solid #111;
  border-top-color: transparent;
  border-radius: 50%;
  transform: translateY(-50%);
  animation: wlr-spin 0.7s linear infinite;
}

#supportcheck-page .wlr-header{
  position:relative; z-index:2; text-align:center;
  padding-top:92px; padding-bottom:28px;
}

#supportcheck-page .wlr-header h1{
  font-size:36px; font-weight:800; line-height:1.14; letter-spacing:-.018em;
  color:#0d2729; margin:0 0 10px;
}

@media(max-width:640px){
  #supportcheck-page::before{height:165px}
  #supportcheck-page::after{top:165px}
  #supportcheck-page .wlr-header{padding-top:42px; padding-bottom:24px}
  #supportcheck-page .wlr-header h1{font-size:30px}
  #supportcheck-page .wlr-header p{font-size:16px; max-width:92%}
  #supportcheck-page .wlr-card{padding:28px 22px 22px; margin:16px auto 40px}
  #supportcheck-page .wlr-actions{flex-direction:column; align-items:stretch}
  #supportcheck-page .wlr-btn{width:100%}
  #supportcheck-page .wlr-cols{grid-template-columns:1fr}
}

@media (min-width: 900px) {
  #supportcheck-page .wlr-header {
    padding-top: 84px !important;
  }
}

@media (min-width: 1200px) {
  #supportcheck-page {
    transform: scale(1.22);
    transform-origin: top center;
    margin-bottom: 120px !important;
  }

  body.tool-has-searched #supportcheck-page {
    margin-bottom: 160px !important;
  }

  body.tool-has-results #supportcheck-page {
    margin-bottom: 314px !important;
  }
}

.wlr-db-count {
  text-align: center;
  margin-top: 18px;
  font-size: 14px;
  line-height: 1.45;
  color: #6b7280;
}

.wlr-db-count strong {
  font-weight: 700;
  color: #374151;
}

body.tool-has-searched #supportcheck-page .wlr-db-count {
  display: none;
}

body.tool-has-searched #supportcheck-page .wlr-db-inline {
  display: block !important;
}

.wlr-db-inline {
  display: block !important;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.45;
  color: #6b7280;
  text-align: center;
}


#supportcheck-error .upgrade-copy strong {
  display: block;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 8px;
  color: #7a1f1f;
}

#supportcheck-error .upgrade-copy p {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.55;
  color: #7a1f1f;
}

#supportcheck-error .upgrade-btn {
  display: inline-block;
  margin-top: 12px;
  padding: 10px 16px;
  background: #3E9F45;
  color: #ffffff !important;
  font-weight: 700;
  border-radius: 8px;
  text-decoration: none;
}

#supportcheck-error .upgrade-btn:hover {
  background: #348a3a;
}


#supportcheck-error .upgrade-copy strong {
  display:block;
  font-size:16px;
  line-height:1.45;
  margin-bottom:8px;
  color:#7a1f1f;
}

#supportcheck-error .upgrade-copy p {
  margin:0 0 12px;
  font-size:14px;
  line-height:1.55;
  color:#7a1f1f;
}

#supportcheck-error .upgrade-btn {
  display:inline-block;
  margin-top:12px;
  padding:10px 16px;
  background:#3E9F45;
  color:#fff !important;
  font-weight:700;
  border-radius:8px;
  text-decoration:none;
}

#supportcheck-error .upgrade-btn:hover {
  background:#348a3a;
}

#supportcheck-error .upgrade-secondary {
  margin-top:10px;
  font-size:13px;
  color:#7a1f1f;
}

#supportcheck-error .upgrade-secondary a {
  color:#7a1f1f;
  font-weight:700;
}

#supportcheck-page .tool-reminder {
  margin-top:6px;
  padding:12px 14px;
  border:1px solid #f0deb0;
  background:#fff8e8;
  border-radius:10px;
  color:#6a5420;
  font-size:14px;
  line-height:1.5;
}

#supportcheck-page .cross-tool-box {
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #eceff3;
  text-align:center;
  padding-bottom:6px;
}

#supportcheck-page .cross-tool-title {
  font-size:13px;
  font-weight:700;
  color:#6b7280;
  margin-bottom:8px;
  text-transform:uppercase;
  letter-spacing:.04em;
}

#supportcheck-page .cross-tool-links a {
  display:inline-block;
  margin:0 8px;
  color:#3E9F45;
  font-weight:700;
  text-decoration:none;
}

#supportcheck-page .cross-tool-links a:hover {
  text-decoration:underline;
}

#supportcheck-page .usage-warning {
  margin: 16px 0 12px;
  padding: 12px 14px;
  border: 1px solid #f0deb0;
  background: #fff8e8;
  border-radius: 10px;
  color: #6a5420;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}


.upgrade-icon {
  display:inline-block;
  margin-right:6px;
  opacity:.8;
}

.usage-icon {
  display:inline-block;
  margin-right:6px;
  opacity:.8;
}

#supportcheck-page .usage-counter {
  margin-top:20px;
  padding:10px 12px;
  border:1px solid #e5e7eb;
  background:#f8fafc;
  border-radius:10px;
  color:#4b5563;
  font-size:13px;
  line-height:1.5;
  font-weight:600;
}


.cross-sep {
  margin: 0 10px;
  color: #9ca3af;
  font-weight: 600;
}

.cross-tool-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.cross-tool-links a {
  display: inline-block;
}

.cross-sep {
  color: #9ca3af;
  font-weight: 600;
}

.wlr-db-link {
  margin-left: 6px;
  color: #3E9F45;
  font-weight: 700;
  text-decoration: none;
}

.wlr-db-link:hover {
  text-decoration: underline;
}