/* =========================================================
   TOP ICELAND AI ASSISTANT — PREMIUM UI SYSTEM
   Desktop pill launcher · Mobile circular launcher · Responsive panel
   ========================================================= */
:root{--tia-accent:#1264a3;--tia-ink:#14283d;--tia-muted:#708096;--tia-border:#e6ebf1;--tia-surface:#f5f8fb}
.tia-launcher,.tia-panel,.tia-panel *{box-sizing:border-box}
.tia-launcher{position:fixed;z-index:999990;right:26px;bottom:25px;display:flex;align-items:center;gap:12px;min-height:62px;padding:8px 23px 8px 9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:linear-gradient(120deg,#0b5ea4 0%,#087f91 100%);box-shadow:0 13px 32px rgba(4,37,66,.27),inset 0 1px 0 rgba(255,255,255,.2);font:700 15px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.05px;cursor:pointer;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.tia-launcher:before{content:"";position:absolute;inset:-5px;border:1px solid rgba(26,155,175,.34);border-radius:inherit;z-index:-1;animation:tia-launcher-wave 3.2s ease-out infinite;pointer-events:none}
.tia-launcher:hover{transform:translateY(-3px);filter:saturate(1.12);box-shadow:0 18px 40px rgba(4,37,66,.32),inset 0 1px 0 rgba(255,255,255,.22)}
.tia-launcher:focus-visible,.tia-close:focus-visible,.tia-action:focus-visible,.tia-send:focus-visible,.tia-nav-btn:focus-visible{outline:3px solid rgba(28,151,190,.45);outline-offset:3px}
.tia-launcher-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff,#e5f5ff);color:#096a9f;box-shadow:0 3px 10px rgba(0,0,0,.14)}
.tia-launcher-icon svg{width:23px;height:23px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@keyframes tia-launcher-wave{0%{transform:scale(.96);opacity:.72}75%,100%{transform:scale(1.12);opacity:0}}
.tia-panel{position:fixed;z-index:999991;right:25px;bottom:105px;width:410px;height:min(690px,calc(100vh - 135px));height:min(690px,calc(100dvh - 135px));max-height:calc(100dvh - 120px);display:none;flex-direction:column;overflow:hidden;border:1px solid rgba(13,45,70,.11);border-radius:27px;background:#f6f8fb;color:var(--tia-ink);box-shadow:0 28px 80px rgba(5,29,51,.25),0 5px 18px rgba(5,29,51,.08);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transform-origin:bottom right}
.tia-panel.tia-open{display:flex;animation:tia-panel-in .24s cubic-bezier(.2,.8,.2,1)}
@keyframes tia-panel-in{from{opacity:0;transform:translateY(13px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
/* Header */
.tia-header{position:relative;isolation:isolate;flex-shrink:0;display:flex;align-items:center;gap:12px;min-height:82px;padding:16px 17px;color:#fff;background:linear-gradient(112deg,#0d4777 0%,#086b88 57%,#078a91 100%);overflow:hidden}
.tia-header:before{content:"";position:absolute;z-index:-1;width:210px;height:210px;right:-85px;top:-135px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 20px rgba(255,255,255,.025),0 0 0 42px rgba(255,255,255,.02)}
.tia-logo{width:46px;height:46px;flex:0 0 46px;display:block;overflow:hidden;border:2px solid #f4d889;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.22),0 5px 16px rgba(0,0,0,.2),0 0 15px rgba(232,190,83,.18)}
.tia-logo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.tia-header-copy{flex:1;min-width:0}
.tia-header-title{margin:0;color:#fff;font-size:16px;font-weight:780;line-height:1.25;letter-spacing:.05px}
.tia-header-subtitle{margin:5px 0 0;color:rgba(255,255,255,.82);font-size:11px;font-weight:500;line-height:1.2}
.tia-online{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 6px 0 0;background:#55ed9a;box-shadow:0 0 0 3px rgba(85,237,154,.14)}
.tia-close{position:relative;width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,244,202,.95);border-radius:50%;background:linear-gradient(145deg,#fff3c6 0%,#f0d27c 27%,#d4a63f 61%,#b98225 100%);color:#17334a;cursor:pointer;box-shadow:0 5px 14px rgba(2,24,41,.25),0 0 0 3px rgba(245,211,126,.13),inset 0 1px 2px rgba(255,255,255,.9),inset 0 -2px 4px rgba(124,77,12,.2);transition:background .25s,transform .25s,border-color .25s,box-shadow .25s}
.tia-close:before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.46);border-radius:50%;pointer-events:none}
.tia-close:hover{background:linear-gradient(145deg,#fff8dc 0%,#f7df96 32%,#e5bd5c 67%,#c69232 100%);border-color:#fff8df;transform:rotate(90deg) scale(1.07);box-shadow:0 7px 19px rgba(2,24,41,.3),0 0 0 4px rgba(245,211,126,.2),inset 0 1px 2px rgba(255,255,255,.95)}
.tia-close svg{position:relative;width:17px;height:17px;stroke:#17334a;stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 1px 0 rgba(255,255,255,.3))}
/* Main views */
.tia-content{flex:1;min-height:0;overflow:auto;padding:17px 16px 18px;scroll-behavior:smooth;background:linear-gradient(180deg,#f6f8fb,#f3f6fa)}
.tia-welcome{position:relative;padding:15px 16px;border:1px solid #e6ebf1;border-radius:5px 17px 17px 17px;background:#fff;color:#33445a;margin:0 0 19px;white-space:pre-wrap;font-size:13px;line-height:1.55;box-shadow:0 3px 12px rgba(22,48,75,.025)}
.tia-shortcuts-title{display:flex;align-items:center;gap:9px;margin:20px 2px 11px;color:#718096;font-size:10px;font-weight:800;letter-spacing:1.15px;text-transform:uppercase}
.tia-shortcuts-title:after{content:"";height:1px;flex:1;background:#e1e7ee}
.tia-actions{display:flex;flex-direction:column;gap:9px}
.tia-action{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:10px 13px;min-height:68px;border:1px solid #e6ebf1;border-radius:16px;background:rgba(255,255,255,.96);color:#172a40;text-decoration:none;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;font:inherit;box-shadow:0 2px 7px rgba(22,48,75,.025)}
.tia-action:hover{transform:translateY(-2px);border-color:#cbdce9;background:#fff;box-shadow:0 9px 20px rgba(19,56,86,.08)}
.tia-action-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;color:#fff}
.tia-action-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tia-icon-chat{background:linear-gradient(145deg,#087dbb,#08a99d)}
.tia-icon-wa{background:linear-gradient(145deg,#29dc78,#10b85c)}
.tia-icon-call{background:linear-gradient(145deg,#ff7952,#f04c31)}
.tia-icon-email{background:linear-gradient(145deg,#1979bd,#10599c)}
.tia-icon-tour{background:linear-gradient(145deg,#e2a641,#12a69a)}
.tia-action-copy{display:block;min-width:0;flex:1}
.tia-action-title{display:block;font-size:13px;font-weight:760;color:#1b2b40;line-height:1.3}
.tia-action-sub{display:block;margin-top:3px;color:#718097;font-size:11.5px;line-height:1.35}
.tia-action:after{content:"";width:7px;height:7px;flex:0 0 7px;border-top:1.5px solid #9aa9b9;border-right:1.5px solid #9aa9b9;transform:rotate(45deg);margin-right:2px;transition:transform .2s,border-color .2s}
.tia-action:hover:after{transform:translateX(3px) rotate(45deg);border-color:#1376a6}
/* Chat */
.tia-panel.tia-chat-mode .tia-content{display:flex;flex-direction:column;overflow:hidden;padding:14px 14px 10px}
.tia-chat-view{display:none;flex:1;min-height:0;flex-direction:column;gap:10px}
.tia-chat-view.tia-active{display:flex}
.tia-chat-back{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#28749e;font:700 12px system-ui,sans-serif;cursor:pointer;padding:2px 2px 7px}
.tia-chat-log{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:11px;padding:4px 3px 12px;scroll-behavior:smooth;overscroll-behavior:contain}
.tia-chat-log::-webkit-scrollbar,.tia-content::-webkit-scrollbar{width:5px}
.tia-chat-log::-webkit-scrollbar-thumb,.tia-content::-webkit-scrollbar-thumb{background:#ccd5df;border-radius:10px}
.tia-bubble{max-width:88%;padding:12px 14px;border-radius:17px;background:#fff;border:1px solid #e5eaf0;color:#2d3d52;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.55;box-shadow:0 3px 10px rgba(18,42,68,.035)}
.tia-bubble.tia-user{align-self:flex-end;background:linear-gradient(135deg,#1264a3,#087e91);border-color:transparent;color:#fff;border-bottom-right-radius:5px;box-shadow:0 5px 14px rgba(18,100,163,.16)}
.tia-bubble.tia-assistant{align-self:flex-start;border-bottom-left-radius:5px}
.tia-typing{align-self:flex-start;color:#728096;font-size:12px;padding:8px 11px}
.tia-typing:after{content:"";display:inline-block;width:17px;height:4px;margin-left:7px;border-radius:5px;background:linear-gradient(90deg,#1a80a8 33%,#bed6e2 33% 66%,#1a80a8 66%);background-size:200% 100%;animation:tia-thinking 1.1s linear infinite;vertical-align:middle}
@keyframes tia-thinking{to{background-position:-200% 0}}
.tia-chat-form{flex-shrink:0;display:flex;align-items:flex-end;gap:9px;padding:8px;border:1px solid #e1e8ef;border-radius:19px;background:#fff;box-shadow:0 7px 20px rgba(24,54,82,.07)}
.tia-chat-input{flex:1;min-width:0;resize:none;max-height:110px;min-height:42px;padding:11px 10px;border:0!important;border-radius:10px;background:transparent!important;color:#1c2c41;font:13px/1.45 system-ui,sans-serif;outline:none!important;box-shadow:none!important}
.tia-chat-input::placeholder{color:#94a1b1}
.tia-send{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:0;border-radius:14px;background:linear-gradient(145deg,#1478b5,#087e91);color:#fff;cursor:pointer;box-shadow:0 4px 10px rgba(9,104,151,.22);transition:transform .18s,filter .18s,box-shadow .18s}
.tia-send:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 7px 15px rgba(9,104,151,.28)}
.tia-send:disabled{opacity:.5;cursor:not-allowed;transform:none}
.tia-send svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tia-footer-note{text-align:center;color:#9aa5b2;font-size:9.5px;padding:3px 0 0}
/* Elegant bottom navigation */
.tia-bottom-nav{flex-shrink:0;display:flex;justify-content:space-around;align-items:center;gap:7px;padding:9px 13px max(10px,env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #e9edf2;box-shadow:0 -5px 18px rgba(19,44,70,.025)}
.tia-nav-btn{min-width:76px;min-height:48px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 8px;border:0;border-radius:13px;background:transparent;color:#8491a2;font:600 10px/1.1 system-ui,sans-serif;cursor:pointer;transition:background .18s,color .18s,transform .18s}
.tia-nav-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tia-nav-btn.tia-nav-active{background:#edf5fa;color:#1264a3;font-weight:800}
.tia-nav-btn:active{transform:scale(.96)}
.tia-error{color:#a52b25;background:#fff1ef;border:1px solid #ffd2cd;border-radius:12px;padding:10px;font-size:12px}
.tia-hidden{display:none!important}
@media(max-width:600px){
 .tia-launcher{right:17px;bottom:max(18px,env(safe-area-inset-bottom));width:64px;height:64px;min-height:64px;padding:0;justify-content:center;gap:0;border:3px solid rgba(255,255,255,.96);border-radius:50%;box-shadow:0 9px 27px rgba(3,39,65,.32),0 0 0 1px rgba(14,116,154,.18);}
 .tia-launcher:before{inset:-7px;border:1.5px solid rgba(20,154,174,.48);animation:tia-mobile-pulse 2.7s ease-out infinite}
 .tia-launcher:after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,.25);pointer-events:none}
 .tia-launcher>span:last-child{display:none}
 .tia-launcher-icon{width:47px;height:47px;flex:0 0 47px;background:transparent;color:#fff;box-shadow:none}
 .tia-launcher-icon svg{width:27px;height:27px;stroke-width:1.9}
 @keyframes tia-mobile-pulse{0%{transform:scale(.91);opacity:.85}80%,100%{transform:scale(1.22);opacity:0}}
 .tia-panel{right:0;bottom:0;width:100%;height:min(88dvh,760px);max-height:94dvh;border-radius:25px 25px 0 0;border-bottom:0}
 .tia-header{min-height:76px;padding:14px 16px}
 .tia-logo{width:44px;height:44px;flex-basis:44px}
 .tia-close{width:40px;height:40px;flex-basis:40px}
 .tia-content{padding:14px 13px 16px}
 .tia-action{min-height:66px;padding:9px 11px}
 .tia-bottom-nav{padding:8px 12px max(10px,env(safe-area-inset-bottom))}
 .tia-nav-btn{min-height:46px}
}
@media(min-width:601px) and (max-width:820px){.tia-panel{right:18px;width:min(410px,calc(100vw - 36px));bottom:98px}}
@media(prefers-reduced-motion:reduce){.tia-panel.tia-open,.tia-launcher,.tia-action,.tia-send,.tia-nav-btn{animation:none!important;transition:none!important}.tia-launcher:before,.tia-typing:after{animation:none!important}}


/* =========================================================
   V1.3.0 — REFINED GOLD EDITION
   Two-tab navigation: Home + Chat only
   ========================================================= */
:root{
 --tia-gold:#c69a43;
 --tia-gold-deep:#9a7027;
 --tia-gold-light:#f7e9bd;
 --tia-ivory:#fffdf7;
 --tia-navy:#17334a;
}

/* A clean, confident close control: rounded square, centered bold X. */
.tia-close{
 width:44px;
 height:44px;
 flex:0 0 44px;
 border:1px solid #f8e6b2;
 border-radius:13px;
 background:linear-gradient(145deg,#fffdf4 0%,#f4e2ad 47%,#d2a84e 100%);
 color:#17334a;
 box-shadow:
  0 5px 14px rgba(2,24,41,.24),
  0 0 0 2px rgba(255,239,190,.22),
  inset 0 1px 0 rgba(255,255,255,.98),
  inset 0 -2px 4px rgba(125,83,20,.16);
 transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
.tia-close:before{
 inset:4px;
 border:1px solid rgba(255,255,255,.65);
 border-radius:9px;
}
.tia-close:hover{
 transform:translateY(-1px) scale(1.045);
 filter:brightness(1.035);
 background:linear-gradient(145deg,#fffef8 0%,#f8e9be 48%,#dfb85f 100%);
 box-shadow:0 8px 18px rgba(2,24,41,.27),0 0 0 3px rgba(245,218,157,.25),inset 0 1px 0 #fff;
}
.tia-close:active{transform:scale(.96)}
.tia-close svg{
 width:20px;
 height:20px;
 stroke:#17334a;
 stroke-width:3.3;
 stroke-linecap:round;
 stroke-linejoin:round;
 filter:drop-shadow(0 1px 0 rgba(255,255,255,.45));
}

/* Warm ivory canvas with restrained metallic-gold detailing. */
.tia-content{background:linear-gradient(180deg,#fbfaf6 0%,#f6f5ef 100%)}
.tia-welcome{
 border-color:#eadfbe;
 background:linear-gradient(135deg,#fffef9 0%,#fbf7eb 100%);
 color:#34445a;
 box-shadow:0 4px 14px rgba(117,88,35,.055);
}
.tia-welcome:before{
 content:"";
 position:absolute;
 left:-1px;
 top:14px;
 bottom:14px;
 width:3px;
 border-radius:0 4px 4px 0;
 background:linear-gradient(180deg,#f4dfa2,#c3983e,#e7c66f);
}
.tia-shortcuts-title{color:#92733b}
.tia-shortcuts-title:after{background:linear-gradient(90deg,#e3d5af,#ece6d6)}
.tia-actions{gap:10px}
.tia-action{
 position:relative;
 overflow:hidden;
 border:1px solid #e8dfc9;
 background:linear-gradient(135deg,#fff 0%,#fffdf7 100%);
 box-shadow:0 3px 10px rgba(76,62,34,.035);
}
.tia-action:before{
 content:"";
 position:absolute;
 left:0;
 top:13px;
 bottom:13px;
 width:3px;
 border-radius:0 4px 4px 0;
 background:linear-gradient(180deg,#f1dda0,#c69a43,#e8c875);
 opacity:.78;
 transition:opacity .2s,top .2s,bottom .2s;
}
.tia-action:hover{
 border-color:#d7bd80;
 background:linear-gradient(135deg,#fff 0%,#fff9e9 100%);
 box-shadow:0 9px 22px rgba(116,87,35,.10);
}
.tia-action:hover:before{top:8px;bottom:8px;opacity:1}
.tia-action-title{color:#1c3044}
.tia-action-sub{color:#718096}
.tia-action:after{border-color:#b49a62}
.tia-action:hover:after{border-color:#9b712a}

/* Brand-aligned icons: keep WhatsApp recognizably green. */
.tia-icon-chat{background:linear-gradient(145deg,#294d68,#17334a);color:#f6dfa0}
.tia-icon-wa{background:linear-gradient(145deg,#28d978,#0eae59)}
.tia-icon-call{background:linear-gradient(145deg,#e3bd69,#b98532);color:#fffdf5}
.tia-icon-email{background:linear-gradient(145deg,#315b78,#17334a);color:#f8e7b6}
.tia-icon-tour{background:linear-gradient(145deg,#fff0c2,#d2a348 57%,#a97827);color:#17334a}

/* Premium chat conversation details. */
.tia-chat-back{color:#94712f}
.tia-chat-back:hover{color:#674b1c}
.tia-bubble{border-color:#e9e0cd;background:#fffefa}
.tia-bubble.tia-user{
 background:linear-gradient(135deg,#244660 0%,#17334a 72%,#263e50 100%);
 border-color:rgba(220,185,105,.7);
 box-shadow:0 5px 15px rgba(27,56,77,.16);
}
.tia-typing:after{background:linear-gradient(90deg,#bd9140 33%,#f0e4c4 33% 66%,#bd9140 66%)}
.tia-chat-form{border-color:#e6d9b9;background:#fffefa;box-shadow:0 7px 20px rgba(92,72,33,.075)}
.tia-chat-input::placeholder{color:#9b927f}
.tia-send{
 background:linear-gradient(145deg,#f2d98f 0%,#c79a43 58%,#a8792e 100%);
 color:#17334a;
 box-shadow:0 4px 11px rgba(151,111,39,.25),inset 0 1px 0 rgba(255,255,255,.65);
}
.tia-send:hover{filter:brightness(1.055);box-shadow:0 7px 16px rgba(151,111,39,.3),inset 0 1px 0 rgba(255,255,255,.75)}
.tia-footer-note{color:#9a907b}

/* Only two simple, balanced navigation choices. */
.tia-bottom-nav{
 justify-content:center;
 gap:10px;
 padding-left:18px;
 padding-right:18px;
 background:rgba(255,254,249,.98);
 border-top:1px solid #e9dfc8;
 box-shadow:0 -5px 18px rgba(92,72,33,.035);
}
.tia-nav-btn{
 min-width:0;
 max-width:160px;
 border-radius:13px;
 color:#8c877a;
}
.tia-nav-btn svg{width:20px;height:20px;stroke-width:1.9}
.tia-nav-btn.tia-nav-active{
 background:linear-gradient(135deg,#fff7df 0%,#f3e4ba 100%);
 color:#8a6424;
 box-shadow:inset 0 0 0 1px rgba(198,154,67,.18);
}
.tia-nav-btn:hover{color:#8a6424;background:rgba(246,235,205,.55)}

@media(max-width:600px){
 .tia-close{width:42px;height:42px;flex-basis:42px;border-radius:12px}
 .tia-close:before{border-radius:8px}
 .tia-close svg{width:20px;height:20px;stroke-width:3.4}
 .tia-bottom-nav{gap:12px;padding-left:22px;padding-right:22px}
 .tia-nav-btn{max-width:none;min-height:48px}
}