.hlai-root{font-family:inherit;font-size:14px;--hlai-accent:#111827}.hlai-floating{position:fixed;right:20px;bottom:20px;z-index:99998}.hlai-root [hidden]{display:none!important}.hlai-launch{background:var(--hlai-accent);color:#fff;border:0;border-radius:999px;padding:13px 19px;box-shadow:0 8px 30px #0003;font-size:15px;font-weight:700;cursor:pointer}.hlai-window{width:min(370px,calc(100vw - 24px));max-height:min(580px,calc(100dvh - 110px));background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 40px #0003;display:flex;flex-direction:column;overflow:hidden;color:#111827}.hlai-floating .hlai-window{position:absolute;bottom:65px;right:0}.hlai-inline .hlai-window{max-height:560px;width:100%}.hlai-head{background:var(--hlai-accent);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.hlai-head strong{font-size:15px}.hlai-close{background:transparent;color:#fff;border:0;font-size:25px;cursor:pointer;line-height:1}.hlai-messages{min-height:220px;flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:10px;max-height:350px}.hlai-msg{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;border-radius:13px;padding:10px 12px;max-width:93%}.hlai-bot{background:#f3f4f6;align-self:flex-start}.hlai-user{background:#e7eefb;align-self:flex-end}.hlai-form{display:flex;gap:7px;padding:10px;border-top:1px solid #eee}.hlai-input{border:1px solid #d1d5db;border-radius:9px;min-width:0;flex:1;padding:10px;font-size:14px}.hlai-form button{background:var(--hlai-accent);color:#fff;border:0;border-radius:9px;padding:10px 12px;cursor:pointer}.hlai-form button:disabled{opacity:.6}.hlai-note{font-size:11px!important;color:#6b7280!important;text-align:center!important;margin:0!important;padding:0 9px 10px!important}.hlai-note a{color:inherit;text-decoration:underline}@media(max-width:480px){.hlai-floating{right:12px;bottom:12px}.hlai-floating .hlai-window{bottom:60px}.hlai-launch{padding:12px 16px}}

.hlai-products{align-self:stretch;display:flex;flex-direction:column;gap:8px;padding:12px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.hlai-products>strong{font-size:12px}.hlai-product{display:flex;gap:10px;align-items:center;padding:9px;background:white;border:1px solid #e5e7eb;border-radius:10px;text-decoration:none!important;color:#111827!important}.hlai-product img{width:58px;height:58px;object-fit:cover;border-radius:7px;flex-shrink:0}.hlai-product-detail{display:flex;flex-direction:column;gap:3px;min-width:0}.hlai-product-detail strong{font-size:13px}.hlai-product-detail span{font-size:12px}.hlai-product-detail small{color:var(--hlai-accent);font-weight:700}.hlai-product:hover{border-color:var(--hlai-accent)}

/* HL Dizajn interactive design — v1.2.1 */
.hlai-root{--hlai-red:#ae842e;--hlai-motion:180ms ease}
.hlai-root .hlai-form button,
.hlai-root .hlai-launch,
.hlai-root .hlai-product,
.hlai-root .hlai-product-detail small{
 transition:background-color var(--hlai-motion),border-color var(--hlai-motion),color var(--hlai-motion),box-shadow var(--hlai-motion),transform var(--hlai-motion);
}
.hlai-root .hlai-form button:hover:not(:disabled),
.hlai-root .hlai-form button:focus-visible{
 background:var(--hlai-red)!important;color:#fff!important;
 box-shadow:0 5px 16px rgba(174,132,46,.22);
}
.hlai-root .hlai-form button:active:not(:disabled){transform:translateY(1px)}
.hlai-root .hlai-input:focus,
.hlai-root .hlai-input:focus-visible{
 border-color:var(--hlai-red)!important;
 outline:2px solid rgba(174,132,46,.18)!important;
 outline-offset:1px;
 box-shadow:0 0 0 3px rgba(174,132,46,.09);
}
.hlai-root .hlai-product:hover,
.hlai-root .hlai-product:focus-visible{
 border-color:var(--hlai-red)!important;
 box-shadow:0 4px 16px rgba(17,24,39,.07);
}
.hlai-root .hlai-product:hover .hlai-product-detail small,
.hlai-root .hlai-product:focus-visible .hlai-product-detail small{
 color:var(--hlai-red)!important;
}
.hlai-root .hlai-launch{display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:calc(100vw - 24px)}
.hlai-root .hlai-launch:hover,
.hlai-root .hlai-launch:focus-visible{
 background:var(--hlai-red)!important;color:#fff!important;
 box-shadow:0 9px 26px rgba(174,132,46,.28);
 transform:translateY(-2px);
}
.hlai-root .hlai-launch:focus-visible,
.hlai-root .hlai-close:focus-visible,
.hlai-root .hlai-product:focus-visible{outline:2px solid var(--hlai-red);outline-offset:3px}
@media(max-width:480px){
 .hlai-floating{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}
 .hlai-floating .hlai-window{right:0;bottom:62px;width:min(370px,calc(100vw - 24px));max-height:min(580px,calc(100dvh - 100px))}
 .hlai-inline .hlai-window{width:100%;max-height:min(570px,75dvh)}
 .hlai-root .hlai-launch{font-size:14px;min-height:46px}
 .hlai-root .hlai-form{gap:6px;padding:9px}
 .hlai-root .hlai-input{font-size:16px;min-width:0}
 .hlai-root .hlai-form button{min-width:65px}
 .hlai-root .hlai-product img{width:48px;height:48px}
}
@media(prefers-reduced-motion:reduce){
 .hlai-root .hlai-form button,.hlai-root .hlai-launch,.hlai-root .hlai-product,.hlai-root .hlai-product-detail small{transition:none!important}
 .hlai-root .hlai-launch:hover,.hlai-root .hlai-launch:focus-visible{transform:none}
}

/* HL Dizajn: close control — enforce brand red over theme button styles. */
.hlai-root .hlai-window .hlai-head button.hlai-close,
.hlai-root .hlai-window .hlai-head button.hlai-close:hover,
.hlai-root .hlai-window .hlai-head button.hlai-close:focus,
.hlai-root .hlai-window .hlai-head button.hlai-close:active {
  appearance:none;
  -webkit-appearance:none;
  background-color:#ae842e!important;
  background-image:none!important;
  color:#ffffff!important;
  border:1px solid #ae842e!important;
  border-radius:6px;
  width:40px; height:36px; padding:0!important;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:24px; font-weight:500; line-height:1;
  box-shadow:none!important;
  cursor:pointer;
  transition:background-color 180ms ease,border-color 180ms ease;
}
.hlai-root .hlai-window .hlai-head button.hlai-close:hover,
.hlai-root .hlai-window .hlai-head button.hlai-close:focus-visible{
  background-color:#88651e!important; border-color:#88651e!important;
}
.hlai-root .hlai-window .hlai-head button.hlai-close:focus-visible{outline:2px solid #ae842e;outline-offset:3px}

/* URIHO AI 1.2.2: clickable official links and service shortcuts */
.hlai-root .hlai-msg a{color:#88651e!important;text-decoration:underline!important;text-underline-offset:2px;font-weight:650}
.hlai-root .hlai-quick-links{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-start;max-width:100%;margin:0 0 4px}
.hlai-root .hlai-quick-link{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:10px 12px;border:1px solid #ae842e!important;background:#ae842e!important;color:#fff!important;font-weight:700;font-size:12px;line-height:1.3;text-decoration:none!important;transition:background .2s ease,border-color .2s ease}
.hlai-root .hlai-quick-link:hover,.hlai-root .hlai-quick-link:focus-visible{background:#88651e!important;border-color:#88651e!important;color:#fff!important}
@media(max-width:480px){.hlai-root .hlai-quick-link{flex:1 1 auto}}

/* Order status verification: standalone customer data flow (not AI). */
.hlai-root .hlai-order-area{padding:8px 12px;border-top:1px solid #eee}
.hlai-root .hlai-order-toggle{background:transparent!important;color:#88651e!important;border:1px solid #ae842e!important;border-radius:6px;padding:7px 10px;font-size:12px;cursor:pointer}
.hlai-root .hlai-order-form[hidden],.hlai-root .hlai-order-otp[hidden]{display:none!important}
.hlai-root .hlai-order-form{display:grid;gap:9px;padding:12px 0}
.hlai-root .hlai-order-form label{display:grid;gap:4px;font-size:12px;font-weight:600}
.hlai-root .hlai-order-form input{width:100%;min-height:38px;padding:8px;border:1px solid #bbb;border-radius:5px;color:#111;background:#fff}
.hlai-root .hlai-order-submit{background:#ae842e!important;color:#fff!important;border:0;border-radius:6px;padding:10px;cursor:pointer}
.hlai-root .hlai-order-result{font-size:12px;line-height:1.5;margin:0;overflow-wrap:anywhere}

/* Verified WooCommerce order status explanation (v1.3.0) */
.hlai-root .hlai-order-card{background:#fbfaf7;border:1px solid #e7d8b9;border-radius:10px;padding:15px;color:#1c1c1c;display:grid;gap:10px;text-align:left}
.hlai-root .hlai-order-card>strong:first-child{font-size:16px;color:#29231a}
.hlai-root .hlai-order-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ede7de;padding:5px 0;font-size:13px}
.hlai-root .hlai-order-row strong{text-align:right;color:#2e271a}
.hlai-root .hlai-order-subhead{display:block;margin-top:8px;font-size:14px;color:#926a1b}
.hlai-root .hlai-order-card p{margin:0;font-size:13px;line-height:1.65}
.hlai-root .hlai-order-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.hlai-root .hlai-order-links a{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:7px;background:#ae842e;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:700}
.hlai-root .hlai-order-links a:hover{background:#88651e;color:#fff!important}
@media(max-width:480px){.hlai-root .hlai-order-row{flex-wrap:wrap}.hlai-root .hlai-order-links a{flex:1 1 100%}}

.hlai-root .hlai-order-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.hlai-root .hlai-order-back{background:#111827!important;color:#fff!important;border:0!important;border-radius:6px!important;padding:9px 12px!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important}
.hlai-root .hlai-order-back:hover,.hlai-root .hlai-order-back:focus-visible{background:#88651e!important;color:#fff!important}
@media(max-width:480px){.hlai-root .hlai-order-back{flex:1 1 auto}}

/* 1.3.2: verification controls must remain visible inside the chat window */
.hlai-root.hlai-order-mode .hlai-messages{min-height:0!important;flex:0 1 70px!important;overflow-y:auto!important;}
.hlai-root.hlai-order-mode .hlai-order-area{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:10px!important;}
.hlai-root.hlai-order-mode .hlai-order-form{display:grid!important;gap:8px!important;}
.hlai-root.hlai-order-mode .hlai-order-submit{position:sticky!important;bottom:0!important;z-index:2!important;display:block!important;width:100%!important;min-height:44px!important;padding:12px!important;box-shadow:0 -4px 12px rgba(255,255,255,.9)!important;}
.hlai-root.hlai-order-mode .hlai-order-submit:disabled{opacity:.65!important;}
.hlai-root.hlai-order-mode .hlai-order-toolbar{position:sticky;top:0;z-index:3;background:#fff;padding:4px 0;}
.hlai-root.hlai-order-mode .hlai-form,.hlai-root.hlai-order-mode .hlai-note{display:none!important;}
@media(max-width:600px){.hlai-root.hlai-order-mode .hlai-messages{flex-basis:35px!important;}.hlai-root.hlai-order-mode .hlai-window{max-height:calc(100dvh - 80px)!important;}}

/* v1.3.3 – clear reading space and verified ordered items */
.hlai-root.hlai-order-mode .hlai-order-area{padding:16px 22px 22px!important;box-sizing:border-box!important;}
.hlai-root .hlai-order-card{padding:22px 24px!important;gap:13px!important;}
.hlai-root .hlai-order-products{display:grid;gap:0;border:1px solid #ece3d5;border-radius:8px;overflow:hidden;background:#fff;}
.hlai-root .hlai-order-product{display:flex;justify-content:space-between;align-items:start;gap:15px;padding:11px 13px;border-bottom:1px solid #f0e9de;font-size:13px;line-height:1.5;}
.hlai-root .hlai-order-product:last-child{border-bottom:0;}
.hlai-root .hlai-order-product span:last-child{font-weight:700;text-align:right;white-space:nowrap;}
@media(max-width:600px){.hlai-root.hlai-order-mode .hlai-order-area{padding:12px 14px 18px!important;}.hlai-root .hlai-order-card{padding:16px!important;}.hlai-root .hlai-order-product{flex-direction:column;gap:3px;}.hlai-root .hlai-order-product span:last-child{text-align:left;}}

/* v1.3.6: short launch label and separation from back-to-top control */
.hlai-root.hlai-floating{bottom:20px!important;right:20px!important;}
.hlai-root.hlai-floating .hlai-launch{white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:11px 16px!important;font-size:13px!important;line-height:1.2!important;}
@media(max-width:600px){.hlai-root.hlai-floating{bottom:max(86px, calc(env(safe-area-inset-bottom) + 75px))!important;right:14px!important;}.hlai-root.hlai-floating .hlai-launch{padding:10px 14px!important;font-size:12px!important;}.hlai-root.hlai-floating .hlai-window{max-height:min(580px,calc(100dvh - 175px))!important;}}

/* v1.3.8 mobile form spacing */
@media(max-width:600px){.hlai-root .hlai-input-area,.hlai-root .hlai-footer{padding-bottom:18px!important;}.hlai-root .hlai-note{margin-top:10px!important;line-height:1.5!important;}}

/* v1.3.9: stvarni footer elementi, prostor za prste i safe-area na mobitelu */
@media (max-width:600px){
 .hlai-root .hlai-form{padding:14px 15px 13px!important;gap:9px!important;align-items:stretch!important;}
 .hlai-root .hlai-form .hlai-input{min-height:44px!important;box-sizing:border-box!important;}
 .hlai-root .hlai-form button{min-height:44px!important;}
 .hlai-root .hlai-note{margin:0!important;padding:7px 16px calc(22px + env(safe-area-inset-bottom, 0px))!important;line-height:1.55!important;}
 .hlai-root .hlai-order-area{padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px))!important;}
}


/* v1.3.10: desktop URIHO AI label above Astra's Back to Top button.
   Mobile positions remain unchanged (<=600px). */
@media (min-width:601px){
  .hlai-root.hlai-floating{
    right:20px!important;
    bottom:94px!important;
  }
  .hlai-root.hlai-floating .hlai-window{
    max-height:min(580px,calc(100dvh - 195px))!important;
  }
}

/* v1.3.11: launcher is hidden visually while chat is open, preserving its
   layout dimensions to keep the floating window anchored in place. */
.hlai-root.hlai-floating.hlai-open .hlai-launch{
  visibility:hidden!important;
  pointer-events:none!important;
}


/* v1.4.4: clear conversation in chat header (works in floating and inline modes). */
.hlai-root .hlai-head>strong{min-width:0;flex:1 1 auto;overflow-wrap:anywhere;line-height:1.25;}
.hlai-root .hlai-head-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:7px;margin-left:10px;}
.hlai-root .hlai-window .hlai-head button.hlai-clear{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 9px!important;min-height:34px;max-width:160px;border:1px solid rgba(255,255,255,.65)!important;border-radius:7px;background:rgba(255,255,255,.13)!important;color:#fff!important;box-shadow:none!important;font:inherit!important;font-size:11px!important;font-weight:600!important;line-height:1.2!important;white-space:normal;text-align:center;cursor:pointer;}
.hlai-root .hlai-window .hlai-head button.hlai-clear:hover,.hlai-root .hlai-window .hlai-head button.hlai-clear:focus-visible{background:rgba(255,255,255,.28)!important;color:#fff!important;}
.hlai-root .hlai-head .hlai-clear-icon{font-size:17px;line-height:1;}
.hlai-root .hlai-window .hlai-head button.hlai-clear:focus-visible{outline:2px solid #fff;outline-offset:2px;}
@media(max-width:360px){.hlai-root .hlai-head{padding:10px 11px}.hlai-root .hlai-head-actions{gap:5px;margin-left:6px}.hlai-root .hlai-window .hlai-head button.hlai-clear{max-width:110px;padding:6px!important;font-size:10px!important}.hlai-root .hlai-head>strong{font-size:13px;}}