/* Partivo AI Pro 2.0 — responsive layout and garage overlay */


/* =========================================================
   Partivo AI Pro responsive layout
   Dark / Day mode, mobile safe layout, garage-safe footer
   ========================================================= */
#paib-box{
  --paib-bg:#07111d;
  --paib-bg-2:#0b1827;
  --paib-card:rgba(12,25,40,.76);
  --paib-card-2:rgba(16,31,49,.72);
  --paib-border:rgba(131,171,216,.25);
  --paib-border-strong:rgba(54,143,255,.48);
  --paib-text:#f8fbff;
  --paib-muted:#aeb8c6;
  --paib-accent:#1488ff;
  --paib-accent-2:#00b4ff;
  --paib-danger:#ff4967;
  --paib-shadow:0 24px 80px rgba(0,0,0,.42);
  direction:rtl;
  width:392px;
  height:650px;
  max-height:calc(100dvh - 44px);
  padding:16px 16px 14px;
  border-radius:24px;
  border:1px solid var(--paib-border);
  background:
    radial-gradient(900px 420px at 50% -20%, rgba(25,113,210,.20), transparent 58%),
    linear-gradient(145deg, rgba(6,18,30,.96), rgba(7,15,26,.96) 45%, rgba(5,12,20,.98));
  color:var(--paib-text);
  box-shadow:var(--paib-shadow);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:12px;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
#paib-box.paib-theme-light{
  --paib-bg:#f7f9fc;
  --paib-bg-2:#ffffff;
  --paib-card:rgba(255,255,255,.92);
  --paib-card-2:rgba(246,249,253,.94);
  --paib-border:rgba(23,47,76,.14);
  --paib-border-strong:rgba(20,136,255,.38);
  --paib-text:#17212f;
  --paib-muted:#6d7888;
  --paib-accent:#0b7cff;
  --paib-accent-2:#0ca6ff;
  --paib-shadow:0 20px 70px rgba(17,33,54,.18);
  background:linear-gradient(145deg, rgba(248,251,255,.98), rgba(234,241,249,.96));
}
#paib-box *{ box-sizing:border-box; }
#paib-header{
  order:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 42px 0 0;
  border:0;
  background:transparent;
  flex-shrink:0;
  min-height:50px;
}
#paib-close.paib-close,
#paib-close{
  position:absolute;
  top:18px;
  left:18px;
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  border:1px solid var(--paib-border);
  background:rgba(255,255,255,.03);
  color:var(--paib-text);
  font-size:34px;
  font-weight:300;
  line-height:1;
  z-index:5;
}
#paib-box.paib-theme-light #paib-close{ background:#fff; }
#paib-close:hover{ border-color:var(--paib-border-strong); background:rgba(20,136,255,.12); }
.paib-tabs{
  width:min(100%, 560px);
  min-height:50px;
  display:grid;
  grid-template-columns:1fr 1.58fr;
  align-items:center;
  padding:4px;
  border-radius:18px;
  border:1px solid var(--paib-border);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  overflow:hidden;
}
#paib-box.paib-theme-light .paib-tabs{ background:rgba(255,255,255,.78); }
.paib-tab,
#paib-garage.paib-tab{
  position:relative;
  min-width:0;
  min-height:42px;
  padding:8px 10px;
  margin:0;
  border:0;
  border-radius:14px;
  background:transparent;
  color:var(--paib-muted);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
}
.paib-tab.active,
#paib-garage.paib-tab.active{
  color:var(--paib-text);
  background:linear-gradient(135deg, rgba(20,136,255,.16), rgba(20,136,255,.035));
  box-shadow:inset 0 -3px 0 var(--paib-accent), 0 0 28px rgba(20,136,255,.16);
}
.paib-tab-icon{ opacity:.82; font-size:16px; line-height:1; }
.paib-theme-toggle{
  position:absolute;
  top:20px;
  right:18px;
  width:36px;
  height:36px;
  border-radius:12px;
  border:1px solid var(--paib-border);
  background:rgba(255,255,255,.035);
  color:var(--paib-text);
  cursor:pointer;
}
#paib-box.paib-theme-light .paib-theme-toggle{ background:#fff; }
#paib-messages{
  flex:1 1 auto;
  min-height:0;
  padding:12px;
  border-radius:18px;
  border:1px solid var(--paib-border);
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01));
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(136,176,220,.35) transparent;
}
#paib-box.paib-theme-light #paib-messages{ background:rgba(255,255,255,.56); }
.paib-msg{
  max-width:92%;
  font-size:13px;
  line-height:1.9;
  margin:8px 0;
  padding:12px 14px;
  border-radius:18px;
  overflow-wrap:anywhere;
}
.paib-user{
  margin-right:auto;
  margin-left:0;
  background:linear-gradient(135deg, var(--paib-accent), #0872e7);
  color:#fff;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:18px;
  box-shadow:0 10px 22px rgba(9,111,230,.22);
}
.paib-bot{
  margin-left:auto;
  margin-right:0;
  background:var(--paib-card);
  color:var(--paib-text);
  border:1px solid var(--paib-border);
  border-bottom-right-radius:6px;
  border-bottom-left-radius:18px;
}
.paib-section-title{ color:var(--paib-text); }
.paib-products-subtitle,
.partivo-note,
.partivo-meta{ color:var(--paib-muted); }
.paib-divider{ background:var(--paib-border); }
.paib-welcome-card{
  display:grid;
  grid-template-columns:86px 1fr;
  gap:14px;
  align-items:center;
  width:100%;
}
.paib-welcome-logo{
  width:74px;
  height:74px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at 40% 30%, rgba(255,255,255,.16), rgba(0,0,0,.16));
  border:1px solid var(--paib-border);
  box-shadow:0 10px 26px rgba(0,0,0,.2);
}
.paib-welcome-logo img{ width:56px; height:56px; object-fit:contain; display:block; }
.paib-welcome-copy{ display:flex; flex-direction:column; gap:5px; }
.paib-welcome-copy strong{ font-size:17px; color:var(--paib-text); }
.paib-welcome-copy span{ color:var(--paib-muted); font-size:14px; line-height:2; }
#paib-input-area{
  flex-shrink:0;
  padding:0;
  border:1px solid var(--paib-border);
  background:rgba(255,255,255,.025);
  border-radius:18px;
  min-height:58px;
  display:flex;
  align-items:flex-end;
  gap:8px;
  overflow:hidden;
}
#paib-box.paib-theme-light #paib-input-area{ background:#fff; }
#paib-inp{
  min-height:56px;
  max-height:150px;
  padding:16px 16px 12px;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--paib-text);
  font-size:14px;
  line-height:1.55;
  direction:rtl;
}
#paib-inp::placeholder{ color:var(--paib-muted); }
#paib-send{
  width:52px;
  height:52px;
  margin:3px;
  border-radius:16px;
  background:linear-gradient(135deg, #1b8cff, #0869e7);
  box-shadow:0 8px 22px rgba(8,105,231,.34);
  color:#fff;
  font-size:24px;
}
#paib-actions{
  flex-shrink:0;
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:10px;
  padding:0;
  border:0;
  background:transparent;
  overflow:visible;
  direction:rtl;
}
.paib-action{
  width:auto;
  height:82px;
  min-width:0;
  padding:10px 6px 12px;
  border-radius:15px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--paib-border);
  color:var(--paib-text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 6px 20px rgba(0,0,0,.08);
  justify-content:center;
  gap:7px;
}
#paib-box.paib-theme-light .paib-action{ background:#fff; }
.paib-action .paib-icon{ font-size:25px; margin:0; filter:grayscale(.1); }
.paib-action .paib-action-label{ font-size:11px; line-height:1.45; color:var(--paib-text); }
.paib-action .paib-accent{ height:3px; border-radius:0 0 15px 15px; }
#paib-disclaimer{
  flex-shrink:0;
  text-align:center;
  color:var(--paib-muted);
  font-size:11px;
  line-height:1.5;
  padding-top:2px;
}
#paib-open.paib-open-custom .paib-open-text{ background:#087cff; color:#fff; border-radius:7px; padding:3px 8px; }
body.paib-chat-open #paib-open{ display:none; }
body.paib-chat-open .wd-bottom-nav,
body.paib-chat-open .wd-sticky-nav,
body.paib-chat-open .woodmart-sticky-btn,
body.paib-chat-open .bottom-navigation,
body.paib-chat-open .mobile-bottom-nav,
body.paib-chat-open .mobile-navbar,
body.paib-chat-open .sticky-bottom,
body.paib-chat-open .elementor-location-footer .wd-toolbar,
body.paib-chat-open .wd-toolbar{ display:none; }
#paib-garage-box{
  top:78px;
  bottom:166px;
  left:16px;
  right:16px;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(9,22,36,.98), rgba(6,16,28,.98));
  border:1px solid var(--paib-border);
  box-shadow:0 18px 60px rgba(0,0,0,.34);
  color:var(--paib-text);
  z-index:4;
  overflow-y:auto;
  overflow-x:hidden;
}
#paib-box.paib-theme-light #paib-garage-box{ background:rgba(255,255,255,.98); }
#paib-garage-box input[type="text"],
#paib-garage-box input[type="number"],
#paib-garage-box input[type="tel"],
.partivo-service-modal input{
  background:var(--paib-card-2);
  color:var(--paib-text);
  border:1px solid var(--paib-border);
  border-radius:12px;
}
.paib-garage-car-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:0 0 8px;
  padding:10px;
  border:1px solid var(--paib-border);
  border-radius:14px;
  background:rgba(255,255,255,.03);
}
#paib-box.paib-theme-light .paib-garage-car-row{ background:#fff; }
.paib-garage-car-main{ display:flex; align-items:center; gap:8px; flex:1; min-width:0; color:var(--paib-text); font-weight:700; cursor:pointer; }
.paib-garage-car-main span{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.paib-garage-car-tools{ display:flex; gap:6px; flex-shrink:0; }
.paib-garage-mini-btn{
  border:1px solid var(--paib-border);
  background:rgba(255,255,255,.04);
  color:var(--paib-text);
  border-radius:10px;
  padding:6px 9px;
  font-size:11px;
  cursor:pointer;
}
.paib-garage-mini-btn.danger{ color:#ff8aa0; border-color:rgba(255,73,103,.35); }
.paib-option,
.partivo-btn,
#paib-garage-close{
  border:1px solid var(--paib-border);
  background:rgba(255,255,255,.05);
  color:var(--paib-text);
  border-radius:12px;
}
.partivo-btn.primary,
.paib-request-btn,
#paib-garage-close{
  background:linear-gradient(135deg, var(--paib-accent), #0869e7);
  color:#fff;
  border-color:transparent;
}
.paib-products-group,
.paib-product,
.paib-request,
.paib-video-options,
.partivo-mini-form,
.partivo-service-modal{
  background:var(--paib-card);
  border:1px solid var(--paib-border);
  color:var(--paib-text);
  box-shadow:none;
}
.paib-prod-info a,
.paib-products-group-title{ color:var(--paib-accent-2); }
.paib-prod-price{ color:#ff4268; }
.paib-prod-stock{ color:var(--paib-text); }
.partivo-service{ border-bottom-color:var(--paib-border); }
.partivo-chip.ok{ background:rgba(49,196,115,.16); color:#52d98a; }
.partivo-chip.soon{ background:rgba(255,193,7,.18); color:#ffcc4d; }
.partivo-chip.over{ background:rgba(255,73,103,.16); color:#ff6f8a; }
.partivo-notify-block{ margin-top:12px; }
.partivo-notify-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:12px;
  border-radius:15px;
  border:1px solid var(--paib-border);
  background:rgba(255,255,255,.035);
  color:var(--paib-text);
}
.partivo-notify-card.active{ border-color:rgba(49,196,115,.32); }
.partivo-notify-card strong{ display:block; margin-bottom:4px; }
.partivo-notify-card span,.partivo-notify-card small{ display:block; color:var(--paib-muted); line-height:1.8; }
.partivo-notify-form{ display:flex; gap:8px; align-items:center; }
.partivo-notify-phone{ flex:1; min-width:0; padding:10px 12px; }
.paib-whatsapp-link{ color:#25d366; text-decoration:none; font-weight:800; display:inline-flex; gap:6px; align-items:center; margin-top:5px; }
.paib-options{ direction:rtl; }
.paib-option{ padding:9px 12px; }
@media (max-width:480px){
  #paib-box{
    right:10px;
    left:10px;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);
    top:auto;
    width:auto;
    height:calc(100dvh - 74px);
    max-height:calc(100dvh - 74px);
    padding:14px;
    border-radius:22px;
  }
  #paib-header{ min-height:48px; padding-right:36px; }
  #paib-close{ left:14px; top:14px; width:40px; height:40px; }
  .paib-theme-toggle{ right:14px; top:16px; width:32px; height:32px; }
  .paib-tabs{ min-height:48px; grid-template-columns:.95fr 1.55fr; }
  .paib-tab,#paib-garage.paib-tab{ font-size:12px; padding:7px 6px; }
  #paib-messages{ padding:10px; }
  .paib-welcome-card{ grid-template-columns:64px 1fr; gap:10px; }
  .paib-welcome-logo{ width:58px; height:58px; }
  .paib-welcome-logo img{ width:45px; height:45px; }
  .paib-welcome-copy strong{ font-size:15px; }
  .paib-welcome-copy span{ font-size:12.5px; line-height:1.9; }
  #paib-actions{ gap:8px; }
  .paib-action{ height:78px; padding:8px 4px 11px; }
  .paib-action .paib-icon{ font-size:23px; }
  .paib-action .paib-action-label{ font-size:10.5px; }
  #paib-garage-box{ top:74px; bottom:160px; left:14px; right:14px; }
  .partivo-notify-form{ flex-direction:column; align-items:stretch; }
}
/* =========================================================
   Compatibility refinement*/
#paib-box{
  height:min(650px, calc(100dvh - 48px));
  max-height:calc(100dvh - 48px);
}
#paib-header{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 58px;
  min-height:54px;
  gap:0;
}
#paib-close.paib-close,
#paib-close{
  top:17px;
  left:17px;
  right:auto;
  width:42px;
  height:42px;
  z-index:20;
}
.paib-theme-toggle{
  top:24px;
  right:17px;
  left:auto;
  width:48px;
  height:26px;
  border-radius:999px;
  padding:0;
  font-size:0;
  z-index:20;
  display:block;
  background:rgba(255,255,255,.08);
}
.paib-theme-toggle::before{
  content:"";
  position:absolute;
  top:3px;
  right:3px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:linear-gradient(135deg,#fff,#dfe8f5);
  box-shadow:0 2px 8px rgba(0,0,0,.25);
  transition:transform .18s ease;
}
#paib-box.paib-theme-light .paib-theme-toggle::before{
  transform:translateX(-22px);
  background:linear-gradient(135deg,#1488ff,#00b4ff);
}
.paib-tabs{
  width:100%;
  max-width:100%;
  grid-template-columns:minmax(88px,.75fr) minmax(172px,1.55fr);
  gap:0;
}
.paib-tab,
#paib-garage.paib-tab{
  min-width:0;
  gap:5px;
  padding:7px 7px;
  font-size:12.5px;
  letter-spacing:-.2px;
}
.paib-tab span:not(.paib-tab-icon),
#paib-title{
  min-width:0;
  overflow:visible;
  text-overflow:clip;
  white-space:nowrap;
}
.paib-tab-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  min-width:18px;
  height:18px;
  font-size:14px;
  opacity:.95;
  filter:none;
}
/* Garage content must not become narrow by being inserted into radio labels. */
#paib-garage-box .partivo-mini-form{
  width:100%;
  max-width:100%;
  display:block;
  clear:both;
  margin:12px 0;
  padding:14px;
  border-radius:16px;
  overflow:visible;
}
#paib-garage-box .partivo-mini-row{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  width:100%;
}
#paib-garage-box .partivo-serviced{
  width:100%;
  min-height:48px;
  height:auto;
  padding:11px 14px;
  border-radius:14px;
  justify-content:center;
  font-size:14px;
  line-height:1.6;
}
#paib-garage-box .partivo-last{
  width:100%;
  display:block;
  line-height:1.9;
  margin:10px 0 0;
  word-break:normal;
  overflow-wrap:anywhere;
}
#paib-garage-box .partivo-services{
  width:100%;
  display:block;
}
#paib-garage-box .partivo-service{
  width:100%;
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  align-items:flex-start;
  padding:12px 0;
}
#paib-garage-box .partivo-service .name{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:4px;
  line-height:1.8;
}
#paib-garage-box .partivo-service > div:last-child{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:6px 8px;
  align-items:center;
  justify-content:flex-start;
  line-height:1.8;
}
#paib-garage-box .partivo-note{
  margin:0;
  display:inline-block;
  line-height:1.8;
}
#paib-garage-box .partivo-notify-card{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:12px;
}
#paib-garage-box .partivo-notify-form{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:9px;
}
#paib-garage-box .partivo-notify-phone,
#paib-garage-box .partivo-notify-save,
#paib-garage-box .partivo-notify-off{
  width:100%;
  max-width:100%;
  min-height:44px;
  justify-content:center;
}
.paib-garage-car-row{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
}
.paib-garage-car-tools{
  display:flex;
  flex-wrap:nowrap;
  gap:6px;
}
.paib-garage-mini-btn{
  min-width:64px;
  min-height:36px;
  padding:7px 10px;
}
.paib-support-card{
  display:flex;
  flex-direction:column;
  gap:9px;
}
.paib-support-card strong{ color:var(--paib-text); font-size:14px; }
.paib-support-card span{ color:var(--paib-muted); font-size:12px; }
.paib-support-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:4px;
}
.paib-support-link{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:42px;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid var(--paib-border);
  background:rgba(255,255,255,.045);
  color:var(--paib-text);
  text-decoration:none;
  font-weight:800;
  font-size:12px;
}
#paib-box.paib-theme-light .paib-support-link{ background:#fff; }
@media (min-width:481px){
  #paib-box{
    top:24px;
    bottom:auto;
  }
}
@media (max-width:480px){
  #paib-box{
    height:calc(100dvh - 74px);
    max-height:calc(100dvh - 74px);
  }
  #paib-header{
    padding:0 50px;
    min-height:52px;
  }
  #paib-close{ top:15px; left:15px; width:38px; height:38px; font-size:30px; }
  .paib-theme-toggle{ top:21px; right:15px; width:44px; height:24px; }
  .paib-theme-toggle::before{ width:18px; height:18px; }
  #paib-box.paib-theme-light .paib-theme-toggle::before{ transform:translateX(-20px); }
  .paib-tabs{ grid-template-columns:minmax(78px,.7fr) minmax(154px,1.55fr); min-height:46px; }
  .paib-tab,#paib-garage.paib-tab{ font-size:11.2px; padding:6px 4px; gap:3px; }
  .paib-tab-icon{ width:14px; min-width:14px; font-size:12px; }
  #paib-title{ font-size:11.2px; }
  .paib-garage-car-row{ grid-template-columns:1fr; gap:10px; }
  .paib-garage-car-tools{ width:100%; display:grid; grid-template-columns:1fr 1fr; }
  .paib-garage-mini-btn{ width:100%; }
  .paib-support-links{ grid-template-columns:1fr; }
}