/*
Theme Name: Sierra Child
Theme URI: https://sierra.keydesign.xyz/
Description: SaaS & Tech Startup Elementor WordPress Theme
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Template: sierra
Version: 1.0
License: Envato Standard License
License URI: https://themeforest.net/licenses/standard
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready
Text Domain: sierra-child
*/
/* ===== HUBLVU v27 — Platform page styles. Brand tokens: edit here ===== */
:root{--hv-ink:#111417;--hv-muted:#687078;--hv-orange:#E26424;--hv-orange-dark:#A94713;--hv-line:#E9E1DB;--hv-ok:#42A66A}
.hvx-accent{color:var(--hv-orange)}
.hvx-bar .elementor-heading-title:after{content:"";display:block;width:42px;height:3px;margin-top:22px;border-radius:9px;background:linear-gradient(90deg,var(--hv-orange),#F3A06F)}
/* .hvx-bar-lg .elementor-heading-title:after{content:"";display:block;width:78px;height:7px;margin-top:25px;border-radius:99px;background:linear-gradient(90deg,var(--hv-orange),#F3A06F)} */
.hvx-btn .elementor-button{transition:transform .2s,background .2s,color .2s,border-color .2s}
.hvx-btn .elementor-button:hover{transform:translateY(-2px)}
.elementor-widget-text-editor p:last-child{margin-bottom:0}
/* stage cards */
.hvp-stage{position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s,background .28s}
.hvp-stage:after{content:"";position:absolute;width:190px;height:190px;right:-100px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(226,100,36,.12),transparent 68%);opacity:.6;transition:transform .45s,opacity .3s;pointer-events:none}
.hvp-stage:hover{transform:translateY(-5px);border-color:rgba(226,100,36,.5)!important;background:linear-gradient(145deg,#FFF8F2,#FFFFFF 72%)!important;box-shadow:0 18px 36px rgba(226,100,36,.12),0 3px 10px rgba(17,20,23,.045)!important}
.hvp-stage:hover:after{transform:scale(1.4);opacity:1}
.hvp-stage:hover h3.elementor-heading-title{color:#B64F1C!important}
.hvp-stage h3.elementor-heading-title{transition:color .28s}
/* ===== Hublvu Platform – mini product panels (.hvp-ui) – COMPLETE light version ===== */
.hvp-ui,.hvp-ui *{box-sizing:border-box}
body .hvp-ui{display:block;background:#FFFFFF;border:1px solid #ECEEF3;border-radius:16px;padding:18px;color:#5B6478;font:13px/1.45 Inter,system-ui,sans-serif;box-shadow:0 18px 40px rgba(226,100,36,.10),0 4px 12px rgba(15,23,42,.04)}
body .hvp-ui .k{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7A8296}

/* rows */
body .hvp-ui .r{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;border-radius:12px;background:#F6FBF8;border:1px solid transparent;color:#111417;font-weight:600}
body .hvp-ui .r:first-child{margin-top:0}
body .hvp-ui .r > span:last-child{text-align:right;white-space:nowrap}
body .hvp-ui .r.hot{background:#FFF6F0;border-color:#F6C9AE}

/* pills (Docs, Tickets...) */
body .hvp-ui .p{display:inline-block;padding:6px 12px;border-radius:999px;background:#FFFFFF;border:1px solid #E3E6EE;color:#3B4256;font-size:12px;font-weight:600;line-height:1.2}

/* status colours */
body .hvp-ui .ok{color:#16A34A;font-weight:700}
body .hvp-ui .or{color:#E26424;font-weight:700}
body .hvp-ui .wh{color:#5B6478;font-weight:600}
body .hvp-ui .tag{display:inline-block;padding:6px 12px;border-radius:999px;background:#E26424;color:#FFFFFF;font-size:11px;font-weight:800;line-height:1;white-space:nowrap}

/* Reasons panel: 47 alerts -> 1 root cause */
body .hvp-ui .sp{display:grid;grid-template-columns:1fr 34px 1fr;align-items:stretch;gap:8px}
body .hvp-ui .sp > div:nth-child(2){display:flex;align-items:center;justify-content:center;color:#E26424;font-size:18px}
body .hvp-ui .sp .r{margin:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}
body .hvp-ui .big{display:block;font-size:22px;font-weight:800;line-height:1.1;color:#111417}
body .hvp-ui .big.or{color:#E26424}
body .hvp-ui .sp + .r{margin-top:8px}

@media(max-width:767px){
  body .hvp-ui .sp{grid-template-columns:1fr}
  body .hvp-ui .sp > div:nth-child(2){transform:rotate(90deg);height:24px}
  body .hvp-ui .r > span:last-child{white-space:normal}
}
/* loop visual */
.hvp-loop{position:relative;height:520px;border:1px solid #E7D8CE;border-radius:30px;background:rgba(255,255,255,.82);box-shadow:0 30px 90px rgba(83,48,29,.10);font-family:Inter,sans-serif;overflow:hidden}
.hvp-loop svg{position:absolute;inset:0;width:100%;height:100%}
.hvp-loop .ring{transform-origin:280px 260px;animation:hvpSpin 30s linear infinite}
@keyframes hvpSpin{to{transform:rotate(360deg)}}
.hvp-loop .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:linear-gradient(155deg,#F28A50,#E26424 60%,#C95418);box-shadow:0 20px 45px rgba(226,100,36,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.hvp-loop .core:after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px dashed rgba(226,100,36,.35);animation:hvpSpin 18s linear infinite}
.hvp-loop .core img{width:54px;height:54px;filter:brightness(0) invert(1)}
.hvp-loop .core b{margin-top:8px;font-size:18px;font-weight:800;letter-spacing:-.04em}
.hvp-loop .core small{font-size:8px;font-weight:800;letter-spacing:.16em;opacity:.85}
.hvp-loop .n{position:absolute;padding:12px 18px;border-radius:14px;background:#fff;border:1px solid #E8DED7;text-align:center;transition:all .3s}
.hvp-loop .n span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#E26424}
.hvp-loop .n b{font-size:17px;font-weight:800;color:#111417}
.hvp-loop .n.on{border-color:#E26424;box-shadow:0 12px 30px rgba(226,100,36,.16);transform:var(--t) scale(1.06)}
.hvp-loop .n1{left:50%;top:58px;--t:translateX(-50%);transform:var(--t)}
.hvp-loop .n2{right:34px;top:50%;--t:translateY(-50%);transform:var(--t)}
.hvp-loop .n3{left:50%;bottom:58px;--t:translateX(-50%);transform:var(--t)}
.hvp-loop .n4{left:34px;top:50%;--t:translateY(-50%);transform:var(--t)}
/* comparison table */
.hvp-cell{transition:background .2s}
.hvp-row:hover .hvp-cell:not(.hvp-hv){background:#FFFBF8}
@media(max-width:767px){

 .hvp-loop{height:420px}.hvp-loop .n{padding:9px 12px}.hvp-loop .n b{font-size:14px}.hvp-loop .core{width:120px;height:120px}
 .hvp-ui .sp{grid-template-columns:1fr}.hvp-ui .sp>div:nth-child(2){transform:rotate(90deg)}
}
/* explore cards */
.hvp-ex{transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s}
.hvp-ex:hover{transform:translateY(-5px);border-color:#E26424!important;box-shadow:0 18px 36px rgba(226,100,36,.12)!important}
.hvp-ex .hvp-go .elementor-heading-title{transition:transform .25s}
.hvp-ex:hover .hvp-go .elementor-heading-title{transform:translateX(4px)}
.hvp-white img{filter:brightness(0) invert(1)}