:root{ --gdg-green:#39B880; }

/* FAB */
.godigi-chat-fab{
  position:fixed; left:22px; bottom:22px; width:56px; height:56px; border-radius:50%;
  background:var(--gdg-green); box-shadow:0 8px 24px rgba(0,0,0,.18);
  display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:2147483001;
}
.godigi-chat-fab img{ width:28px; height:28px; filter:brightness(0) invert(1); }

/* PANEL */
.godigi-chat{
  position:fixed; left:22px; bottom:92px; width:360px; max-height:70vh;
  background:#fff; border-radius:16px; box-shadow:0 16px 48px rgba(0,0,0,.18);
  display:flex; flex-direction:column; overflow:hidden; z-index:2147483000;
}
.godigi-chat.hidden{ display:none; }

/* HEADER */
.gc-head{ display:flex; align-items:center; justify-content:space-between; padding:12px 14px; }
.gc-head--grey{ background:#f4f6f8; color:#1b1b1b; border-bottom:1px solid #e8ebee; }
.gc-brand{ display:flex; gap:10px; align-items:center; }
.gc-brand img{ width:28px; height:28px; border-radius:50%; background:#fff; padding:2px; }
#gc-title{ font-weight:700; }
#gc-tagline{ display:block; font-size:12px; color:#6b7280; }
.gc-close{ background:transparent; border:0; font-size:22px; cursor:pointer; color:#475569; }

/* BODY & BUBBLES */
.gc-body{ padding:14px; overflow:auto; background:#fff; flex:1 1 auto; position:relative; z-index:1; }
.gc-msg{ display:flex; margin:8px 0; }
.gc-bot .gc-bubble{ background:#F3FBF7; color:#1B1B1B; }
.gc-user{ justify-content:flex-end; }
.gc-user .gc-bubble{ background:var(--gdg-green); color:#fff; }
.gc-bubble{ max-width:80%; padding:10px 12px; border-radius:12px; line-height:1.35; box-shadow:0 1px 4px rgba(0,0,0,.06); }
.gc-bubble a{ color:#0f5132; text-decoration:underline; }

/* ===== ALWAYS-VISIBLE STRIPE (1×4), SMALLER BUTTONS + BRAND COLORS ===== */
.godigi-chat .gc-toolbar{
  position:relative; z-index:3;
  display:grid; grid-template-columns:repeat(4, 1fr); gap:0;
  background:#fff; border-top:1px solid #e9f2ee; border-bottom:1px solid #e9f2ee;
  flex:0 0 auto; width:100%; padding:0; margin:0;
}
.godigi-chat .gc-toolbar .gc-tool{
  appearance:none; -webkit-appearance:none;
  pointer-events:all; user-select:none; touch-action:manipulation;
  display:flex; align-items:center; justify-content:center;
  height:40px; margin:0; padding:0 8px; border:0; border-radius:0;
  color:#072b1a; font-weight:700; font-size:13px; line-height:1;
  width:100%;
}
.godigi-chat .gc-toolbar .gc-tool:not(:last-child){ border-right:1px solid rgba(0,0,0,.05); }

/* color-palette */
.gc-tool--about{ background:#A2C7F4; }   /* blue */
.gc-tool--plans{ background:#FADF83; }   /* yellow */
.gc-tool--why{   background:#D7B8D7; }   /* violet */
.gc-tool--human{ background:#EC1F8E; color:#fff; } /* pink */

/* INPUT */
.gc-input{ position:relative; z-index:2; display:flex; gap:8px; padding:10px; border-top:1px solid #f2f2f2; background:#F7FDF9; flex:0 0 auto; }
.gc-input input{ flex:1; border:1px solid #CDEEDD; background:#F0FBF5; border-radius:10px; padding:10px 12px; }
.gc-input button{ background:var(--gdg-green); color:#fff; border:0; border-radius:10px; padding:0 14px; font-weight:700; cursor:pointer; }

/* tiny loader for "connecting…" */
.gc-loading{
  display:inline-block; width:16px; height:16px; vertical-align:-3px; margin-right:6px;
  border:2px solid #ccebdc; border-top-color:#39B880; border-radius:50%; animation:gdgspin .8s linear infinite;
}
@keyframes gdgspin { to { transform:rotate(360deg); } }

/* small screens => full width panel */
@media (max-width:480px){
  .godigi-chat{ left:10px; right:10px; width:auto; }
}
/* Force white labels on the toolbar buttons for legibility */
.godigi-chat .gc-toolbar .gc-tool{
  color:#fff !important;
  text-shadow:0 1px 0 rgba(0,0,0,.15); /* subtle lift on yellow/blue */
  font-weight:800;
}
/* Force white labels on the toolbar buttons for legibility */
.godigi-chat .gc-toolbar .gc-tool{
  color:#fff !important;
  text-shadow:0 1px 0 rgba(0,0,0,.15);
  font-weight:800;
}

/* Language switch (compact, in header) */
.gc-lang{ position:relative; margin-right:8px; }
.gc-lang__btn{
  border:1px solid #d6dbe0; background:#fff; color:#334155;
  padding:6px 8px; border-radius:8px; font-weight:700; cursor:pointer;
}
.gc-lang__list{
  position:absolute; right:0; top:calc(100% + 6px); list-style:none;
  margin:0; padding:6px 0; background:#fff; border:1px solid #e5e7eb;
  border-radius:10px; box-shadow:0 10px 24px rgba(0,0,0,.12);
  min-width:190px; display:none; z-index:10;
}
.gc-lang__list li{
  padding:8px 12px; cursor:pointer; white-space:nowrap;
}
.gc-lang__list li:hover{ background:#f3f4f6; }

/* show menu */
.gc-lang.open .gc-lang__list{ display:block; }

/* Basic RTL flip when Arabic is active */
.godigi-chat[dir="rtl"] .gc-head,
.godigi-chat[dir="rtl"] .gc-brand{ direction:rtl; }
.godigi-chat[dir="rtl"] .gc-msg.gc-user{ justify-content:flex-start; }
.godigi-chat[dir="rtl"] .gc-msg.gc-bot{ justify-content:flex-end; }
/* ===== Compact language switch ===== */
.godigi-chat .gc-head{display:flex;align-items:center;justify-content:space-between;}
.godigi-chat .gc-brand{display:flex;gap:10px;align-items:center;}

.godigi-chat .gc-lang{position:relative;margin-left:auto;margin-right:8px;z-index:30;}
.godigi-chat .gc-lang__btn{
  border:1px solid #d6dbe0;background:#fff;color:#334155;
  padding:6px 10px;border-radius:999px;line-height:1;font-weight:800;cursor:pointer;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
}
.godigi-chat .gc-lang__btn:focus{outline:2px solid #a2c7f4;outline-offset:2px}

.godigi-chat .gc-lang__list{
  position:absolute;right:0;top:calc(100% + 6px);
  display:none;list-style:none!important;margin:0;padding:6px 0;
  background:#fff;border:1px solid #e5e7eb;border-radius:10px;
  box-shadow:0 12px 28px rgba(0,0,0,.14);
  min-width:210px;max-height:220px;overflow:auto;
}
.godigi-chat .gc-lang.open .gc-lang__list{display:block;}

.godigi-chat .gc-lang__list li{
  padding:9px 12px;cursor:pointer;white-space:nowrap;font-weight:700;color:#111827;
}
.godigi-chat .gc-lang__list li:hover{background:#f3f4f6}

/* Toolbar text forced white for legibility on colored buttons */
.godigi-chat .gc-toolbar .gc-tool{
  color:#fff !important;
  text-shadow:0 1px 0 rgba(0,0,0,.15);
  font-weight:800;
}

/* Simple RTL flip when Arabic is active */
.godigi-chat[dir="rtl"] .gc-head,
.godigi-chat[dir="rtl"] .gc-brand{direction:rtl}
.godigi-chat[dir="rtl"] .gc-lang{margin-left:8px;margin-right:auto}
/* Compact language switch */
.godigi-chat .gc-head{display:flex;align-items:center;justify-content:space-between;}
.godigi-chat .gc-brand{display:flex;gap:10px;align-items:center;}

.godigi-chat .gc-lang{position:relative;margin-left:auto;margin-right:8px;z-index:30;}
.godigi-chat .gc-lang__btn{
  border:1px solid #d6dbe0;background:#fff;color:#334155;
  padding:6px 10px;border-radius:999px;line-height:1;font-weight:800;cursor:pointer;
}
.godigi-chat .gc-lang__list{
  position:absolute;right:0;top:calc(100% + 6px);display:none;
  list-style:none;margin:0;padding:6px 0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;
  box-shadow:0 12px 28px rgba(0,0,0,.14);min-width:120px;
}
.godigi-chat .gc-lang.open .gc-lang__list{display:block;}
.godigi-chat .gc-lang__list li{padding:8px 12px;cursor:pointer;font-weight:800;color:#111827;}
.godigi-chat .gc-lang__list li:hover{background:#f3f4f6}

/* Force white labels on toolbar buttons (your multi-colors) */
.godigi-chat .gc-toolbar .gc-tool{
  color:#fff !important;text-shadow:0 1px 0 rgba(0,0,0,.15);font-weight:800;
}

/* Flip to RTL only for Arabic */
.godigi-chat[dir="rtl"] .gc-head,
.godigi-chat[dir="rtl"] .gc-brand{direction:rtl}
.godigi-chat[dir="rtl"] .gc-lang{margin-left:8px;margin-right:auto}