/* CeyMedya İletişim Barı */
:root{
  --cmib-bar-bg:#000000;
  --cmib-bar-bg-opacity:0.00;
  --cmib-text:#ffffff;
  --cmib-icon:#ffffff;
  --cmib-left:#2563eb;
  --cmib-right:#16a34a;
  --cmib-font:inherit;
  --cmib-font-size:14px;
  --cmib-radius:14px;
  --cmib-desktop-offset:16px;
  --cmib-icon-size:18px;
}

/* Base */
.cmib-bar{
  position: fixed;
  z-index: 999999;
  background: rgba(0,0,0,0); /* fallback */
}

.cmib-bar::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--cmib-bar-bg);
  opacity: var(--cmib-bar-bg-opacity);
  pointer-events:none;
  border-radius: 0;
}
.cmib-bar > *{ position:relative; }

.cmib-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  border-radius: var(--cmib-radius);
  text-decoration:none !important;
  font-weight:700;
  letter-spacing:.2px;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  font-family: var(--cmib-font) !important;
  padding: 10px 12px;
}

.cmib-btn--left{ background: var(--cmib-left) !important; }
.cmib-btn--right{ background: var(--cmib-right) !important; }

/* Force colors (Astra/Elementor link overrides) */
.cmib-btn, .cmib-btn:visited, .cmib-btn:hover, .cmib-btn:active{
  color: var(--cmib-text) !important;
}

.cmib-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: var(--cmib-icon-size);
  height: var(--cmib-icon-size);
  color: var(--cmib-icon) !important;
  flex: 0 0 auto;
}
.cmib-ico i{
  font-size: var(--cmib-icon-size);
  line-height: 1;
  color: inherit !important;
}

.cmib-text{
  font-size: var(--cmib-font-size) !important;
  line-height: 1;
  color: var(--cmib-text) !important;
  white-space: nowrap;
}

/* MOBILE (<=768): bottom bar */
@media (max-width: 768px){
  .cmib-safe-space{ display:block; height: calc(64px + env(safe-area-inset-bottom)); }
  body{ padding-bottom: calc(64px + env(safe-area-inset-bottom)); }

  .cmib-bar{
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:10px;
    box-shadow: 0 -10px 24px rgba(0,0,0,.18);
  }
  .cmib-bar::before{ border-radius: 0; }
}

/* TABLET/DESKTOP (>=769): right, vertical text, icon corrected */
@media (min-width: 769px){
  .cmib-safe-space{ display:none; }
  body{ padding-bottom: 0 !important; }

  .cmib-bar{
    top: 50%;
    right: var(--cmib-desktop-offset);
    bottom: auto;
    left: auto;
    transform: translateY(-50%);
    padding: 10px;
    display:flex;
    flex-direction: column;
    gap:10px;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
  }
  .cmib-bar::before{ border-radius: 16px; }

  /* Button vertical */
  .cmib-btn{
    padding: 14px 10px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    gap: 10px;
  }

  /* Counter-rotate icon so it "faces" correctly */
  .cmib-ico{
    transform: rotate(180deg);
  }
}