/* =========================
   MINI BAR SOCIAL (MAPA)
========================= */
.ccs-social-mini{
  display:flex;
  gap:8px;
  align-items:center;
  margin:8px 0 10px;
  flex-wrap:wrap;
}

.ccs-social-mini button{
  border:1px solid #cfd4dc;
  border-radius:999px;
  padding:6px 12px;
  background:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:#111;
  transition:all .15s ease;
}

.ccs-social-mini button:hover{ background:#e9ecf1; }
.ccs-social-mini .open{ background:#f3f4f6; }
.ccs-social-mini .count{ font-weight:800; }
.ccs-social-mini .ico{ font-size:14px; }

.ccs-social-mini.liked .like{
  border-color:#E0245E;
  color:#E0245E;
}
.ccs-social-mini.liked .like .ico{ color:#E0245E; }

/* =========================
   FEED LAYOUT
========================= */
.ccs-social-wrap{
  max-width:900px;
  margin:0 auto;
  padding:10px;
  background:#f2f3f5;
}

.ccs-social-header{ margin:6px 0 12px; }

.ccs-social-h1{
  font-size:20px;
  font-weight:900;
  color:#111;
}

.ccs-social-sub{
  color:#444;
  font-size:13px;
  margin-top:4px;
}

.ccs-social-center{
  text-align:center;
  margin:12px 0 22px;
}

/* =========================
   CARDS
========================= */
.ccs-social-card{
  background:#ffffff;
  border:1px solid #dcdfe3;
  border-radius:14px;
  padding:12px;
  margin-bottom:12px;
  box-shadow:0 4px 14px rgba(0,0,0,.06);
}

.ccs-social-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}

.ccs-social-author{
  font-size:12px;
  color:#222;
  font-weight:800;
}

.ccs-social-date{
  font-size:12px;
  color:#555;
  margin-top:2px;
}

.ccs-social-title{
  font-weight:900;
  margin:10px 0 6px;
  font-size:14px;
  color:#111;
}

.ccs-social-title-link{
  color:#0b57d0;
  text-decoration:none;
  font-weight:900;
}

.ccs-social-title-link:hover{
  color:#063a8f;
  text-decoration:underline;
}

/* 🔥 TEXTO DO POST (bem visível) */
.ccs-social-text{
  color:#111 !important;
  font-size:15px;
  line-height:1.5;
  background:#f7f8fa;
  border-left:4px solid #111;
  padding:10px 12px;
  border-radius:10px;
  margin:6px 0 10px;
}

/* =========================
   AÇÕES (LIKE / COMENTAR / ABRIR)
========================= */
.ccs-social-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:6px;
}

.ccs-social-actions button{
  border:1px solid #cfd4dc;
  border-radius:999px;
  padding:7px 12px;
  background:#f9fafb;
  cursor:pointer;
  font-size:12px;
  display:flex;
  gap:6px;
  align-items:center;
  transition:all .15s ease;
  color:#111;
}

.ccs-social-actions button:hover{ background:#e9ecf1; }

.ccs-social-actions.is-liked .ccs-social-action-like{
  background:#ffe9ef;
  border-color:#E0245E;
  color:#E0245E;
}

.ccs-social-actions.is-liked .ccs-social-action-like .ico{
  color:#E0245E;
}

/* =========================
   BOTÃO EXCLUIR
========================= */
.ccs-social-btn-del{
  border:1px solid rgba(176,0,32,.55);
  color:#b00020;
  background:#fff;
  border-radius:10px;
  padding:6px 10px;
  cursor:pointer;
  font-size:12px;
  font-weight:800;
}

.ccs-social-btn-del:hover{
  background:#ffe5ea;
}

/* =========================
   COMPOSER (ESCREVER POST)
========================= */
.ccs-social-compose textarea{
  width:100%;
  min-height:90px;
  border:1px solid #cfd4dc;
  border-radius:12px;
  padding:10px;
  font-size:14px;
  outline:none;
  color:#111;
  background:#fff;
}

.ccs-social-compose textarea::placeholder{
  color:#666;
  opacity:1;
}

.ccs-social-compose-row{
  display:flex;
  gap:10px;
  align-items:center;
  margin-top:10px;
}

.ccs-social-btn-primary{
  background:#111;
  color:#fff;
  border:none;
  border-radius:12px;
  padding:10px 14px;
  cursor:pointer;
  font-weight:900;
}

.ccs-social-btn-primary:hover{ opacity:.92; }

.ccs-social-btn{
  background:#fff;
  border:1px solid #cfd4dc;
  border-radius:12px;
  padding:10px 14px;
  cursor:pointer;
  font-weight:900;
  color:#111;
}

.ccs-social-btn:hover{ background:#f1f3f6; }

.ccs-social-muted{
  color:#444;
  font-size:12px;
}

/* =========================
   POSTAGEM RÁPIDA (FOTOS)
========================= */
.ccs-social-compose-tools{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
  flex-wrap:wrap;
}

.ccs-social-file input{ display:none; }

.ccs-social-file span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid #cfd4dc;
  background:#fff;
  padding:8px 12px;
  border-radius:12px;
  cursor:pointer;
  font-weight:900;
  color:#111;
}

.ccs-social-file span:hover{ background:#f1f3f6; }

.ccs-social-preview{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.ccs-social-thumb{
  width:72px;
  height:72px;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.12);
  background:#f7f8fa;
}

.ccs-social-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ccs-social-gallery{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:8px;
  margin:10px 0;
}

.ccs-social-gallery img{
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:#f7f8fa;
}

@media (min-width: 680px){
  .ccs-social-gallery{ grid-template-columns:repeat(3, 1fr); }
  .ccs-social-gallery img{ height:200px; }
}

/* =========================
   ANCORAGEM / DESTAQUE
========================= */
.ccs-social-card.ccs-highlight{
  outline:3px solid rgba(11,87,208,.55);
  box-shadow:0 10px 26px rgba(11,87,208,.18);
  transform:translateY(-1px);
}

/* =========================
   COMENTÁRIOS
========================= */
.ccs-social-comments{
  margin-top:10px;
  border-top:1px solid rgba(0,0,0,.08);
  padding-top:10px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.ccs-social-comment{
  background:#ffffff;
  border:1px solid #dcdfe3;
  border-radius:12px;
  padding:10px;
}

.ccs-social-comment-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}

.ccs-social-comment-author{
  font-size:12px;
  font-weight:900;
  color:#111;
}

.ccs-social-comment-date{
  font-size:12px;
  color:#666;
}

.ccs-social-comment-body{
  font-size:14px;
  color:#222;
  line-height:1.4;
}

.ccs-social-mini-del-comment{
  margin-top:8px;
  border:1px solid rgba(176,0,32,.55);
  color:#b00020;
  background:#fff;
  border-radius:10px;
  padding:6px 10px;
  cursor:pointer;
  font-size:12px;
  font-weight:900;
}

.ccs-social-mini-del-comment:hover{
  background:#ffe5ea;
}

/* =========================
   INPUT + BOTÃO "ENVIAR" (FIX DEFINITIVO)
   ⚠️ seletor bem forte pra ganhar do tema/elementor
========================= */
#ccs_social_feed .ccs-social-card .ccs-social-add-comment{
  margin-top:10px;
  display:flex;
  gap:8px;
  align-items:center;
}

#ccs_social_feed .ccs-social-card .ccs-social-add-comment .ccs-social-comment-input{
  flex:1;
  border:1px solid #bfc5ce !important;
  border-radius:12px;
  padding:10px 12px;
  font-size:14px;
  outline:none;
  background:#ffffff !important;
  color:#111 !important;
}

#ccs_social_feed .ccs-social-card .ccs-social-add-comment .ccs-social-comment-input::placeholder{
  color:#555 !important;
  opacity:1 !important;
}

/* ✅ BOTÃO ENVIAR: PRETO REAL, SEMPRE LEGÍVEL */
#ccs_social_feed .ccs-social-card .ccs-social-add-comment button.ccs-social-btn,
#ccs_social_feed .ccs-social-card .ccs-social-add-comment .ccs-social-btn{
  background:#111111 !important;
  color:#ffffff !important;
  border:1px solid #111111 !important;
  font-weight:900 !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
}

/* hover */
#ccs_social_feed .ccs-social-card .ccs-social-add-comment button.ccs-social-btn:hover,
#ccs_social_feed .ccs-social-card .ccs-social-add-comment .ccs-social-btn:hover{
  background:#000000 !important;
  border-color:#000000 !important;
}

/* disabled (quando aparece "Enviando...") */
#ccs_social_feed .ccs-social-card .ccs-social-add-comment button.ccs-social-btn:disabled,
#ccs_social_feed .ccs-social-card .ccs-social-add-comment .ccs-social-btn:disabled{
  background:#6b7280 !important;
  border-color:#6b7280 !important;
  color:#ffffff !important;
  opacity:1 !important;
  cursor:not-allowed !important;
}



/* ==============================
   MODAL DE IMAGEM – FIX FINAL
============================== */
#ccs_social_img_modal{
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0,0,0,.92);
  z-index: 999999 !important;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  pointer-events: auto !important;
}

#ccs_social_img_modal img{
  max-width: 96vw;
  max-height: 92vh;
  border-radius: 14px;
  pointer-events: auto;
}

.ccs-social-img-close{
  position: absolute;
  top: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  font-size: 28px;
  line-height: 42px;
  background: rgba(255,255,255,.14);
  color: #fff;
  z-index: 1000000;
}

.ccs-social-img-zoom{
  cursor: zoom-in;
  pointer-events: auto;
  position: relative;
  z-index: 5;
}

/* trava o fundo quando o modal abre */
html.ccs-social-modal-open,
body.ccs-social-modal-open{
  overflow: hidden !important;
}


/* garante que a imagem receba o clique */
.ccs-social-gallery{
  position: relative;
  z-index: 1;
}

.ccs-social-gallery img{
  position: relative;
  z-index: 10;
  pointer-events: auto;
  cursor: zoom-in;
}

/* evita camadas roubarem o clique */
.ccs-social-title,
.ccs-social-actions{
  pointer-events: none;
}


.ccs-social-card *{
  pointer-events: auto;
}

.ccs-social-gallery{
  position: relative;
  z-index: 10;
}

.ccs-social-gallery img{
  position: relative;
  z-index: 20;
  cursor: zoom-in;
}


/* ===============================
   MODAL – CARROSSEL DE IMAGENS
================================ */

.ccs-social-modal-track{
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  max-height: 100%;
}

.ccs-social-modal-track img{
  flex: 0 0 100%;
  max-width: 100%;
  max-height: 90vh;
  object-fit: contain;
  scroll-snap-align: center;
  border-radius: 16px;
  user-select: none;
}


/* =========================
   ENGAJAMENTO SEGURO v1.4.5
   Fixar + Reportar + Moderação leve
========================= */

.ccs-social-top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
}




.ccs-social-btn-report{
  color:#6b7280;
}

.ccs-social-btn-report:hover{
  color:#b42318;
  background:#fff1f2;
  border-color:#fecdd3;
}



.ccs-social-report-badge{
  background:#fff1f2;
  border:1px solid #fecdd3;
  color:#b42318;
}

/* Modal de denúncia */
.ccs-social-report-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  background:rgba(15,23,42,.62);
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
}

.ccs-social-report-box{
  width:min(460px, 100%);
  background:#ffffff;
  border-radius:22px;
  padding:20px;
  box-shadow:0 24px 80px rgba(15,23,42,.35);
  position:relative;
  border:1px solid rgba(17,24,39,.08);
}

.ccs-social-report-close{
  position:absolute;
  top:12px;
  right:12px;
  width:36px;
  height:36px;
  border:0;
  border-radius:999px;
  background:#f3f4f6;
  color:#111827;
  font-size:24px;
  line-height:36px;
  cursor:pointer;
  font-weight:900;
}

.ccs-social-report-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff1f2;
  border:1px solid #fecdd3;
  font-size:22px;
  margin-bottom:10px;
}

.ccs-social-report-box h3{
  margin:0 0 6px;
  font-size:20px;
  color:#111827;
  font-weight:900;
}

.ccs-social-report-box p{
  margin:0 0 14px;
  font-size:13px;
  line-height:1.45;
  color:#4b5563;
}

#ccs_social_report_reason,
#ccs_social_report_details{
  width:100%;
  border:1px solid #d1d5db;
  border-radius:14px;
  background:#fff;
  color:#111827;
  font-size:15px;
  padding:11px 12px;
  outline:none;
  box-sizing:border-box;
  margin-bottom:10px;
}

#ccs_social_report_details{
  min-height:92px;
  resize:vertical;
}

.ccs-social-report-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  margin-top:4px;
}

.ccs-social-report-msg{
  min-height:18px;
  margin-top:10px;
  color:#166534;
  font-size:13px;
  font-weight:800;
}

@media(max-width:700px){
  .ccs-social-top-actions{
    width:100%;
    justify-content:flex-start;
    margin-top:8px;
  }

  .ccs-social-btn-report,
  .ccs-social-btn-del{
    font-size:12px;
    padding:7px 10px;
  }

  .ccs-social-report-box{
    border-radius:18px;
    padding:18px;
  }

  .ccs-social-report-actions{
    flex-direction:column-reverse;
    align-items:stretch;
  }

  .ccs-social-report-actions .ccs-social-btn,
  .ccs-social-report-actions .ccs-social-btn-primary{
    width:100%;
    justify-content:center;
  }
}


/* =====================================================
   FIX FINAL v1.4.7e — Galeria 4 fotos + selo +X fotos
   Mantém até 10 fotos no post, mostra 4 no card e abre todas no modal.
===================================================== */
#ccs_social_feed .ccs-social-gallery{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:8px !important;
  margin:10px 0 !important;
}
#ccs_social_feed .ccs-social-gallery .ccs-social-gallery-item{
  position:relative !important;
  overflow:hidden !important;
  border-radius:12px !important;
  background:#f7f8fa !important;
  border:1px solid rgba(0,0,0,.12) !important;
  min-height:190px !important;
  cursor:zoom-in !important;
}
#ccs_social_feed .ccs-social-gallery .ccs-social-gallery-item img{
  width:100% !important;
  height:220px !important;
  object-fit:cover !important;
  display:block !important;
  border:0 !important;
  border-radius:12px !important;
  position:relative !important;
  z-index:1 !important;
}
#ccs_social_feed .ccs-social-gallery .ccs-social-gallery-hidden{
  display:none !important;
}
#ccs_social_feed .ccs-social-gallery .ccs-social-gallery-more::before{
  content:'';
  position:absolute !important;
  inset:0 !important;
  z-index:25 !important;
  background:rgba(0,0,0,.58) !important;
  border-radius:12px !important;
  pointer-events:none !important;
}
#ccs_social_feed .ccs-social-gallery .ccs-social-gallery-more::after{
  content:attr(data-more) !important;
  position:absolute !important;
  inset:0 !important;
  z-index:30 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  font-size:24px !important;
  font-weight:900 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.45) !important;
  pointer-events:none !important;
}
@media(min-width:700px){
  #ccs_social_feed .ccs-social-gallery[data-total-images="1"]{
    grid-template-columns:1fr !important;
  }
  #ccs_social_feed .ccs-social-gallery[data-total-images="1"] .ccs-social-gallery-item img{
    height:360px !important;
  }
}
@media(max-width:700px){
  #ccs_social_feed .ccs-social-gallery .ccs-social-gallery-item{
    min-height:150px !important;
  }
  #ccs_social_feed .ccs-social-gallery .ccs-social-gallery-item img{
    height:170px !important;
  }
  #ccs_social_feed .ccs-social-gallery[data-total-images="1"]{
    grid-template-columns:1fr !important;
  }
  #ccs_social_feed .ccs-social-gallery[data-total-images="1"] .ccs-social-gallery-item img{
    height:300px !important;
  }
  #ccs_social_feed .ccs-social-gallery .ccs-social-gallery-more::after{
    font-size:20px !important;
  }
}


/* =====================================================
   v1.4.8c HOTFIX — Galeria abaixo do topo + sem fixar
   Visual somente; não altera a listagem original quando não houver coluna.
===================================================== */
html.ccs-social-modal-open,
body.ccs-social-modal-open{overflow:hidden!important;}
body.ccs-social-modal-open .ccs-app-shell,
body.ccs-social-modal-open .ccs-app-shell-header,
body.ccs-social-modal-open .ccs-app-topbar,
body.ccs-social-modal-open .ccs-site-app-header,
body.ccs-social-modal-open .ccs-premium-topbar,
body.ccs-social-modal-open .ccs-universal-nav,
body.ccs-social-modal-open .ccs-floating-publish,
body.ccs-social-modal-open header.site-header,
body.ccs-social-modal-open #masthead{
  z-index:1!important;
  pointer-events:none!important;
}
#ccs_social_img_modal,
.ccs-social-img-modal{
  z-index:2147483000!important;
  background:rgba(0,0,0,.94)!important;
}
#ccs_social_img_modal .ccs-social-modal-track,
.ccs-social-img-modal .ccs-social-modal-track{
  z-index:2147483001!important;
}
#ccs_social_img_modal .ccs-social-img-close,
.ccs-social-img-modal .ccs-social-img-close{
  position:fixed!important;
  top:calc(18px + env(safe-area-inset-top,0px))!important;
  right:calc(18px + env(safe-area-inset-right,0px))!important;
  width:52px!important;
  height:52px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.35)!important;
  background:rgba(15,23,42,.88)!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:900!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  z-index:2147483646!important;
  box-shadow:0 14px 42px rgba(0,0,0,.45)!important;
  backdrop-filter:blur(10px)!important;
}
#ccs_social_img_modal .ccs-social-gallery-arrow,
.ccs-social-img-modal .ccs-social-gallery-arrow,
#ccs_social_img_modal .ccs-social-gallery-counter,
.ccs-social-img-modal .ccs-social-gallery-counter{z-index:2147483645!important;}

/* =====================================================
   v1.4.8b — Modal de fotos acima do app/topo + X sempre clicável
   Mantém a foto abaixo do menu visualmente, mas o X acima de tudo.
===================================================== */
html.ccs-social-modal-open,
body.ccs-social-modal-open{
  overflow:hidden !important;
}
body.ccs-social-modal-open .ccs-app-shell,
body.ccs-social-modal-open .ccs-app-shell-header,
body.ccs-social-modal-open .ccs-app-topbar,
body.ccs-social-modal-open .ccs-site-app-header,
body.ccs-social-modal-open .ccs-premium-topbar,
body.ccs-social-modal-open .ccs-universal-nav,
body.ccs-social-modal-open .ccs-floating-publish,
body.ccs-social-modal-open header,
body.ccs-social-modal-open .site-header,
body.ccs-social-modal-open #masthead,
body.ccs-social-modal-open .elementor-location-header,
body.ccs-social-modal-open .main-header-bar,
body.ccs-social-modal-open .ast-primary-header-bar,
body.ccs-social-modal-open .wp-site-blocks > header{
  z-index:1 !important;
  pointer-events:none !important;
}
#ccs_social_img_modal,
.ccs-social-img-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  background:rgba(0,0,0,.94) !important;
  padding-top:118px !important;
  box-sizing:border-box !important;
}
#ccs_social_img_modal .ccs-social-modal-track,
.ccs-social-img-modal .ccs-social-modal-track,
#ccs_social_img_modal .ccs-social-modal-stage,
.ccs-social-img-modal .ccs-social-modal-stage{
  z-index:2147483001 !important;
}
#ccs_social_img_modal img,
.ccs-social-img-modal img{
  max-height:calc(100vh - 158px) !important;
}
#ccs_social_img_modal .ccs-social-img-close,
.ccs-social-img-modal .ccs-social-img-close{
  position:fixed !important;
  top:118px !important;
  right:22px !important;
  width:54px !important;
  height:54px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.42) !important;
  background:rgba(15,23,42,.95) !important;
  color:#fff !important;
  font-size:32px !important;
  line-height:1 !important;
  font-weight:900 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  z-index:2147483647 !important;
  pointer-events:auto !important;
  box-shadow:0 14px 42px rgba(0,0,0,.55) !important;
  backdrop-filter:blur(10px) !important;
}
#ccs_social_img_modal .ccs-social-gallery-arrow,
.ccs-social-img-modal .ccs-social-gallery-arrow,
#ccs_social_img_modal .ccs-social-gallery-counter,
.ccs-social-img-modal .ccs-social-gallery-counter{
  z-index:2147483646 !important;
}
@media(max-width:700px){
  #ccs_social_img_modal,
  .ccs-social-img-modal{
    padding-top:118px !important;
  }
  #ccs_social_img_modal img,
  .ccs-social-img-modal img{
    max-width:100vw !important;
    max-height:calc(100vh - 168px - env(safe-area-inset-bottom,0px)) !important;
  }
  #ccs_social_img_modal .ccs-social-img-close,
  .ccs-social-img-modal .ccs-social-img-close{
    top:calc(116px + env(safe-area-inset-top,0px)) !important;
    right:calc(12px + env(safe-area-inset-right,0px)) !important;
    width:48px !important;
    height:48px !important;
    font-size:30px !important;
  }
}


/* =====================================================
   v1.4.8c FINAL — X da galeria sempre abaixo do topo/PWA
   Somente visual. Não altera feed, curtidas, comentários ou publicações.
===================================================== */
html.ccs-social-modal-open,
body.ccs-social-modal-open{
  overflow:hidden!important;
}
#ccs_social_img_modal,
.ccs-social-img-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  padding-top:118px!important;
  background:rgba(0,0,0,.94)!important;
  box-sizing:border-box!important;
}
#ccs_social_img_modal .ccs-social-modal-track,
#ccs_social_img_modal .ccs-social-modal-stage,
.ccs-social-img-modal .ccs-social-modal-track,
.ccs-social-img-modal .ccs-social-modal-stage{
  z-index:2147483001!important;
}
#ccs_social_img_modal img,
.ccs-social-img-modal img{
  max-height:calc(100vh - 158px)!important;
}
#ccs_social_img_modal .ccs-social-img-close,
.ccs-social-img-modal .ccs-social-img-close{
  position:fixed!important;
  top:118px!important;
  right:22px!important;
  width:56px!important;
  height:56px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.48)!important;
  background:rgba(15,23,42,.98)!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:900!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  z-index:2147483647!important;
  pointer-events:auto!important;
  box-shadow:0 16px 48px rgba(0,0,0,.62)!important;
  backdrop-filter:blur(10px)!important;
}
#ccs_social_img_modal .ccs-social-gallery-arrow,
#ccs_social_img_modal .ccs-social-gallery-counter,
.ccs-social-img-modal .ccs-social-gallery-arrow,
.ccs-social-img-modal .ccs-social-gallery-counter{
  z-index:2147483646!important;
}
@media(max-width:700px){
  #ccs_social_img_modal,
  .ccs-social-img-modal{
    padding-top:124px!important;
  }
  #ccs_social_img_modal img,
  .ccs-social-img-modal img{
    max-width:100vw!important;
    max-height:calc(100vh - 178px - env(safe-area-inset-bottom,0px))!important;
  }
  #ccs_social_img_modal .ccs-social-img-close,
  .ccs-social-img-modal .ccs-social-img-close{
    top:calc(124px + env(safe-area-inset-top,0px))!important;
    right:calc(12px + env(safe-area-inset-right,0px))!important;
    width:50px!important;
    height:50px!important;
    font-size:31px!important;
  }
}


/* =====================================================
   v1.4.9 — Câmera/Galeria + preview removível
   Desktop mostra só Galeria. Mobile mantém Tirar foto + Galeria.
===================================================== */
@media (min-width: 769px){
  .ccs-social-file-camera{
    display:none !important;
  }
  .ccs-social-photo-tools #ccs_social_files_hint{
    flex:1 1 auto !important;
  }
}

.ccs-social-preview{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}

.ccs-social-thumb{
  position:relative;
  width:82px;
  height:82px;
  border-radius:14px;
  overflow:visible;
  border:1px solid rgba(15,23,42,.14);
  background:#f8fafc;
  box-shadow:0 8px 18px rgba(15,23,42,.10);
}

.ccs-social-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:14px;
}

.ccs-social-thumb-remove{
  position:absolute !important;
  top:-9px !important;
  right:-9px !important;
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  padding:0 !important;
  border-radius:999px !important;
  border:2px solid #ffffff !important;
  background:#0f172a !important;
  color:#ffffff !important;
  font-size:20px !important;
  line-height:22px !important;
  font-weight:900 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  z-index:9 !important;
  box-shadow:0 8px 18px rgba(15,23,42,.32) !important;
}

.ccs-social-thumb-remove:hover,
.ccs-social-thumb-remove:focus{
  background:#dc2626 !important;
  color:#ffffff !important;
}

@media (max-width: 768px){
  .ccs-social-preview{
    gap:9px;
    padding-right:6px;
  }
  .ccs-social-thumb{
    width:76px;
    height:76px;
  }
  .ccs-social-thumb-remove{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    top:-10px !important;
    right:-10px !important;
  }
}


/* Desktop: esconder botão Tirar foto */
@media (min-width: 769px){
  label[for="ccs_social_post_camera"],
  .ccs-social-file-camera,
  .ccs-social-camera-btn{
    display:none !important;
  }
}

/* Mobile: manter Tirar foto visível */
@media (max-width: 768px){
  label[for="ccs_social_post_camera"],
  .ccs-social-file-camera,
  .ccs-social-camera-btn{
    display:inline-flex !important;
  }
}
/* V1.5.1 — respostas estilo Instagram + ações compactas */
.ccs-social-comment-reply{margin-left:28px;border-left:3px solid rgba(11,95,255,.18);padding-left:10px;background:rgba(248,250,252,.75);border-radius:12px;}
.ccs-social-mini-reply-comment{border:0;background:transparent;color:#0b5fff;font-weight:800;font-size:12px;padding:3px 5px;cursor:pointer;}
.ccs-social-mini-reply-comment:hover{text-decoration:underline;}
.ccs-social-comment-actions{gap:8px!important;align-items:center;flex-wrap:wrap;}
@media(max-width:760px){.ccs-social-comment-reply{margin-left:16px;padding-left:8px;}}


/* V1.5.3 — Thread de comentários em ordem natural, mais limpa no desktop/mobile */
#ccs_social_feed .ccs-social-comments,
.ccs-social-wrap .ccs-social-comments{
  display:flex;
  flex-direction:column;
  gap:10px;
}
#ccs_social_feed .ccs-social-comment,
.ccs-social-wrap .ccs-social-comment{
  position:relative;
}
#ccs_social_feed .ccs-social-comment-reply,
.ccs-social-wrap .ccs-social-comment-reply{
  margin-left:34px!important;
  border-left:3px solid rgba(11,95,255,.18)!important;
  background:rgba(248,250,252,.86)!important;
}
#ccs_social_feed .ccs-social-comment-actions,
.ccs-social-wrap .ccs-social-comment-actions{
  align-items:center!important;
  gap:10px!important;
}
#ccs_social_feed .ccs-social-comment-like,
.ccs-social-wrap .ccs-social-comment-like,
#ccs_social_feed .ccs-social-comment-more,
.ccs-social-wrap .ccs-social-comment-more{
  border:0!important;
  background:transparent!important;
  color:#334155!important;
  font-weight:800!important;
  font-size:13px!important;
  padding:4px 6px!important;
  cursor:pointer!important;
}
#ccs_social_feed .ccs-social-comment-like.ccs-liked,
.ccs-social-wrap .ccs-social-comment-like.ccs-liked{
  color:#e11d48!important;
}
#ccs_social_feed .ccs-social-comment-admin-tools,
.ccs-social-wrap .ccs-social-comment-admin-tools{
  display:none;
  gap:8px;
  align-items:center;
}
#ccs_social_feed .ccs-social-comment-actions.ccs-tools-open .ccs-social-comment-admin-tools,
.ccs-social-wrap .ccs-social-comment-actions.ccs-tools-open .ccs-social-comment-admin-tools{
  display:inline-flex;
}
@media(max-width:760px){
  #ccs_social_feed .ccs-social-comment-reply,
  .ccs-social-wrap .ccs-social-comment-reply{
    margin-left:18px!important;
  }
  #ccs_social_feed .ccs-social-comment-actions,
  .ccs-social-wrap .ccs-social-comment-actions{
    gap:8px!important;
  }
}


/* =========================
   V1.5.4 — COMPARTILHAR + FIXAR
========================= */
.ccs-social-pinned-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:8px 0 4px;
  padding:7px 11px;
  border-radius:999px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#9a3412;
  font-size:12px;
  font-weight:900;
}

.ccs-social-btn-pin{
  border:1px solid #cfd4dc;
  color:#111827;
  background:#ffffff;
  border-radius:999px;
  padding:6px 10px;
  cursor:pointer;
  font-size:12px;
  font-weight:900;
}

.ccs-social-btn-pin:hover{
  background:#f8fafc;
  border-color:#94a3b8;
}

.ccs-social-btn-pin.is-pinned{
  background:#fff7ed;
  border-color:#fb923c;
  color:#9a3412;
}

.ccs-social-action-share{
  background:#ecfdf5 !important;
  border-color:#86efac !important;
  color:#166534 !important;
  font-weight:900 !important;
}

.ccs-social-action-share:hover{
  background:#dcfce7 !important;
  border-color:#4ade80 !important;
}

.ccs-social-action-copy{
  background:#eff6ff !important;
  border-color:#bfdbfe !important;
  color:#1d4ed8 !important;
  font-weight:900 !important;
}

.ccs-social-card.ccs-highlight{
  animation: ccsSocialHighlightPulse 1.2s ease-in-out 0s 3;
  outline:3px solid rgba(37,99,235,.55) !important;
  box-shadow:0 16px 40px rgba(37,99,235,.20) !important;
}

@keyframes ccsSocialHighlightPulse{
  0%{ transform:translateY(0); }
  50%{ transform:translateY(-3px); }
  100%{ transform:translateY(0); }
}

@media(max-width:700px){
  .ccs-social-action-share,
  .ccs-social-action-copy{
    flex:1 1 auto;
    justify-content:center;
  }
}


/* =========================
   AUTO FEED — v1.5.7
========================= */
.ccs-social-auto-render{margin:8px 0 10px;}
.ccs-auto-feed-box{
  background:#f7f8fa;
  border:1px solid #e5e7eb;
  border-left:4px solid #0b57d0;
  border-radius:14px;
  padding:10px 12px;
  color:#111;
  font-size:14px;
  line-height:1.45;
}
.ccs-auto-feed-thumb{margin:8px 0 10px;}
.ccs-auto-feed-thumb img{
  width:100%;
  max-height:320px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  display:block;
}
@media(max-width:700px){.ccs-auto-feed-thumb img{max-height:260px;}}

/* =========================
   AUTO FEED CARDS — v1.5.8
========================= */
.ccs-social-auto-render{margin:10px 0 12px!important;}
.ccs-auto-feed-card{
  overflow:hidden;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:#ffffff;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
  margin:8px 0 10px;
}
.ccs-auto-feed-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:12px 12px 0;
  padding:6px 11px;
  border-radius:999px;
  background:#eff6ff;
  color:#0b57d0;
  font-size:12px;
  font-weight:900;
  border:1px solid #bfdbfe;
}
.ccs-auto-feed-classified-card .ccs-auto-feed-badge{background:#fff7ed;color:#c2410c;border-color:#fed7aa;}
.ccs-auto-feed-service-card .ccs-auto-feed-badge{background:#ecfdf5;color:#047857;border-color:#a7f3d0;}
.ccs-auto-feed-event-card .ccs-auto-feed-badge{background:#fdf2f8;color:#be185d;border-color:#fbcfe8;}
.ccs-auto-feed-booking-card .ccs-auto-feed-badge{background:#f8fafc;color:#334155;border-color:#cbd5e1;}
.ccs-auto-feed-hero{margin:10px 12px 0;overflow:hidden;border-radius:16px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);}
.ccs-auto-feed-hero img{width:100%;max-height:360px;object-fit:cover;display:block;border:0!important;border-radius:16px!important;}
.ccs-auto-feed-card-body{padding:12px;}
.ccs-auto-feed-card-title{font-size:17px;font-weight:950;color:#0f172a;line-height:1.25;margin-bottom:6px;}
.ccs-auto-feed-line{font-size:14px;color:#334155;line-height:1.4;margin-top:3px;}
.ccs-auto-feed-desc{font-size:14px;color:#334155;line-height:1.48;margin-top:9px;}
@media(max-width:700px){
  .ccs-auto-feed-card{border-radius:16px;}
  .ccs-auto-feed-badge{margin:10px 10px 0;font-size:12px;padding:5px 10px;}
  .ccs-auto-feed-hero{margin:9px 10px 0;border-radius:14px;}
  .ccs-auto-feed-hero img{max-height:270px;border-radius:14px!important;}
  .ccs-auto-feed-card-body{padding:10px;}
  .ccs-auto-feed-card-title{font-size:16px;}
}

/* V1.5.11 — Auto cards extras */
.ccs-auto-feed-idea-card .ccs-auto-feed-badge{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;}
.ccs-auto-feed-map-card .ccs-auto-feed-badge{background:#ecfeff;color:#0e7490;border-color:#a5f3fc;}


/* =====================================================
   v1.5.13 — Foto oficial do POI no Feed Social
   Visual somente: uma foto oficial, leve e sem alterar botões.
===================================================== */
#ccs_social_feed .ccs-social-official-poi-photo{
  margin:10px 0 8px !important;
  width:100% !important;
  border-radius:16px !important;
  overflow:hidden !important;
  border:1px solid rgba(15,23,42,.10) !important;
  background:#f8fafc !important;
  box-shadow:0 8px 20px rgba(15,23,42,.08) !important;
}
#ccs_social_feed .ccs-social-official-poi-photo img{
  display:block !important;
  width:100% !important;
  height:320px !important;
  object-fit:cover !important;
  border:0 !important;
  border-radius:0 !important;
  cursor:zoom-in !important;
}
@media(max-width:700px){
  #ccs_social_feed .ccs-social-official-poi-photo{
    border-radius:14px !important;
  }
  #ccs_social_feed .ccs-social-official-poi-photo img{
    height:245px !important;
  }
}


/* V18.6.316 — Botão Ver publicação do mapa + destaque inteligente no feed */
.ccs-social-mini .open.ccs-social-mini-open-feed{
  background:linear-gradient(135deg,#1d4ed8,#2563eb)!important;
  border-color:#1d4ed8!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 8px 18px rgba(37,99,235,.22);
}
.ccs-social-mini .open.ccs-social-mini-open-feed:hover{
  background:linear-gradient(135deg,#1e40af,#1d4ed8)!important;
  transform:translateY(-1px);
}
.ccs-social-card.ccs-highlight-found-v186316{
  outline:3px solid rgba(37,99,235,.50)!important;
  outline-offset:4px;
  animation:ccsSocialFoundPulseV186316 1.15s ease-in-out 0s 3;
}
@keyframes ccsSocialFoundPulseV186316{
  0%{box-shadow:0 0 0 0 rgba(37,99,235,.32); transform:scale(1)}
  45%{box-shadow:0 0 0 10px rgba(37,99,235,.12); transform:scale(1.012)}
  100%{box-shadow:0 0 0 0 rgba(37,99,235,0); transform:scale(1)}
}


/* V18.6.318 — Busca suave do Ver publicação */
.ccs-social-toast{
  position:fixed;
  left:50%;
  bottom:86px;
  transform:translateX(-50%) translateY(16px);
  background:#0f172a;
  color:#fff;
  padding:12px 16px;
  border-radius:999px;
  box-shadow:0 12px 34px rgba(15,23,42,.24);
  font-weight:900;
  font-size:14px;
  opacity:0;
  pointer-events:none;
  z-index:999999;
  transition:opacity .22s ease, transform .22s ease;
  max-width:min(92vw,520px);
  text-align:center;
}
.ccs-social-toast.show{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
@media(max-width:720px){
  .ccs-social-toast{bottom:72px;font-size:13px;padding:11px 14px;}
}

/* V18.6.319 — precisão do Ver publicação */
.ccs-social-card[data-highlight-key], .ccs-social-card[data-pk]{
  scroll-margin-top:110px;
}


/* V18.6.324E — foco exato em comentário/resposta vindo do sininho */
.ccs-social-comment.ccs-social-comment-focus-v186324e{
  border-color:#2563eb!important;
  background:#eff6ff!important;
  box-shadow:0 12px 30px rgba(37,99,235,.18)!important;
  animation:ccsSocialCommentFocusV186324e 1.05s ease-in-out 0s 4;
}
@keyframes ccsSocialCommentFocusV186324e{
  0%{transform:translateY(0); box-shadow:0 0 0 0 rgba(37,99,235,.28);}
  50%{transform:translateY(-2px); box-shadow:0 0 0 8px rgba(37,99,235,.10);}
  100%{transform:translateY(0); box-shadow:0 0 0 0 rgba(37,99,235,0);}
}

/* v18.6.345 — performance visual segura: não muda layout, só reduz trabalho de pintura/rolagem */
.ccs-social-card{contain:layout paint;content-visibility:auto;contain-intrinsic-size:520px;}
.ccs-social-gallery img,.ccs-social-official-poi-photo img{background:#e2e8f0;}
.ccs-social-action-like,.ccs-social-action-comment,.ccs-social-action-share,.ccs-social-action-copy{touch-action:manipulation;}


/* =====================================================
   v18.6.379 — UX profissional para Feed/Álbum
   Somente visual/social: não altera mapa, GPS, PIN ou rotas.
===================================================== */
.ccs-social-album-toggle{
  border:1px solid rgba(245,158,11,.25)!important;
  box-shadow:0 10px 24px rgba(245,158,11,.10)!important;
}
.ccs-social-compose-row{
  align-items:center!important;
  gap:12px!important;
}
#ccs_social_post_btn.ccs-social-btn-loading{
  position:relative!important;
  overflow:hidden!important;
  min-width:190px!important;
  min-height:48px!important;
  padding:10px 16px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  opacity:1!important;
}
#ccs_social_post_btn .ccs-social-btn-label,
#ccs_social_post_btn .ccs-social-btn-percent{
  position:relative!important;
  z-index:2!important;
  line-height:1.1!important;
}
#ccs_social_post_btn .ccs-social-btn-label{
  font-size:13px!important;
  white-space:nowrap!important;
}
#ccs_social_post_btn .ccs-social-btn-percent{
  font-size:12px!important;
  font-weight:1000!important;
}
#ccs_social_post_btn .ccs-social-btn-bar{
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:7px!important;
  height:5px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.28)!important;
  overflow:hidden!important;
  z-index:1!important;
}
#ccs_social_post_btn .ccs-social-btn-bar i{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.95)!important;
  transition:width .22s ease!important;
}
#ccs_social_post_msg{
  min-height:24px!important;
}
#ccs_social_post_msg strong{
  display:block!important;
  font-size:13px!important;
  color:#0f172a!important;
  margin-bottom:5px!important;
}
#ccs_social_post_msg .ccs-social-progress-line{
  display:block!important;
  width:min(260px,42vw)!important;
  height:7px!important;
  background:#e5e7eb!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
#ccs_social_post_msg .ccs-social-progress-line i{
  display:block!important;
  height:100%!important;
  background:#2563eb!important;
  border-radius:999px!important;
  transition:width .22s ease!important;
}
body.ccs-social-modal-open .ccs-social-feed-float,
body.ccs-social-modal-open .ccs-mobile-global-publish,
body.ccs-social-modal-open .ccs-notification-fab,
body.ccs-social-modal-open .ccs-help-float,
body.ccs-social-modal-open .ccs-floating-help,
body.ccs-social-modal-open .ccs-floating-portaria,
body.ccs-social-modal-open .ccs-portaria-float,
body.ccs-social-modal-open .ccs-interfone-float,
body.ccs-social-modal-open .ccs-preciso-ajuda-float,
body.ccs-social-modal-open [data-ccs-float]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#ccs_social_img_modal,
.ccs-social-img-modal{
  touch-action:pan-x pan-y!important;
}
#ccs_social_img_modal img,
.ccs-social-img-modal img{
  width:auto!important;
  height:auto!important;
  max-width:100vw!important;
  object-fit:contain!important;
  image-orientation:from-image!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
@media(max-width:768px){
  .ccs-social-compose-row{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  #ccs_social_post_btn,
  #ccs_social_post_btn.ccs-social-btn-loading{
    width:100%!important;
    min-height:52px!important;
    justify-content:center!important;
  }
  #ccs_social_post_btn.ccs-social-btn-loading{
    justify-content:space-between!important;
  }
  #ccs_social_post_msg .ccs-social-progress-line{
    width:100%!important;
  }
  #ccs_social_files_hint{
    font-size:13px!important;
    line-height:1.35!important;
  }
}


/* =====================================================
   V18.6.381 — Feed Social limpo, seguro e sem loops pesados
   Base: 18.6.379. Apenas UX do Feed Social.
===================================================== */
.ccs-social-wrap .ccs-social-header{
  position:sticky!important;
  top:8px!important;
  z-index:9995!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:10px 12px!important;
  margin:0 0 10px!important;
  border:1px solid rgba(219,234,254,.95)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.ccs-social-wrap .ccs-social-jump-publish{
  appearance:none!important;
  border:0!important;
  border-radius:999px!important;
  min-height:38px!important;
  padding:9px 13px!important;
  background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
  color:#fff!important;
  font-weight:950!important;
  font-size:13px!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  box-shadow:0 10px 22px rgba(37,99,235,.22)!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.ccs-social-wrap .ccs-social-jump-publish:active{transform:translateY(1px)!important;}
@media(max-width:760px){
  .ccs-social-wrap .ccs-social-header{top:6px!important;border-radius:16px!important;padding:9px 10px!important;}
  .ccs-social-wrap .ccs-social-h1{font-size:15px!important;}
  .ccs-social-wrap .ccs-social-sub{font-size:11.5px!important;line-height:1.25!important;}
  .ccs-social-wrap .ccs-social-jump-publish{min-height:36px!important;padding:8px 11px!important;font-size:12.5px!important;}
}
body.ccs-social-feed-active #ccs_live_ask_float_v186201,
body.ccs-social-feed-active .ccs-live-ask-btn-v186201,
body.ccs-social-feed-active .ccs-ifone-float,
body.ccs-social-feed-active [data-ifone-morador],
body.ccs-social-feed-active .ccs-ifone-topbar,
body.ccs-social-feed-active .ccs-ifone-fab,
body.ccs-social-modal-open #ccs_live_ask_float_v186201,
body.ccs-social-modal-open .ccs-live-ask-btn-v186201,
body.ccs-social-modal-open .ccs-ifone-float,
body.ccs-social-modal-open [data-ifone-morador],
body.ccs-social-modal-open .ccs-ifone-topbar,
body.ccs-social-modal-open .ccs-ifone-fab{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.ccs-social-card.ccs-social-new-post-highlight{
  animation:ccsSocialNewPostPulseV186380 2.4s ease-out 1!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.18),0 18px 42px rgba(37,99,235,.12)!important;
}
@keyframes ccsSocialNewPostPulseV186380{
  0%{transform:translateY(-6px);box-shadow:0 0 0 6px rgba(37,99,235,.25),0 18px 42px rgba(37,99,235,.14)}
  45%{transform:translateY(0);box-shadow:0 0 0 4px rgba(37,99,235,.18),0 18px 42px rgba(37,99,235,.12)}
  100%{transform:translateY(0);box-shadow:0 12px 28px rgba(15,23,42,.06)}
}

/* =====================================================
   V18.6.381 — refinamento seguro do Feed
   Somente CSS/JS do Feed: progresso, publicar, destaque e ESC da galeria.
===================================================== */
.ccs-social-wrap .ccs-social-jump-publish,
#ccs_social_post_btn{
  letter-spacing:.01em!important;
}
#ccs_social_post_btn.ccs-social-btn-loading{
  background:linear-gradient(135deg,#0f172a,#2563eb)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 14px 30px rgba(37,99,235,.24)!important;
}
#ccs_social_post_btn.ccs-social-btn-loading .ccs-social-btn-label,
#ccs_social_post_btn.ccs-social-btn-loading .ccs-social-btn-percent{
  color:#fff!important;
  text-shadow:0 1px 1px rgba(15,23,42,.35)!important;
}
#ccs_social_post_btn.ccs-social-btn-loading .ccs-social-btn-bar{
  background:rgba(255,255,255,.26)!important;
}
#ccs_social_post_btn.ccs-social-btn-loading .ccs-social-btn-bar i{
  background:#fff!important;
  box-shadow:0 0 10px rgba(255,255,255,.55)!important;
}
#ccs_social_post_msg .ccs-social-progress-box{
  width:min(360px,100%)!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  border:1px solid rgba(37,99,235,.18)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:6px 10px!important;
  align-items:center!important;
}
#ccs_social_post_msg .ccs-social-progress-box strong{
  margin:0!important;
  color:#0f172a!important;
  font-weight:950!important;
}
#ccs_social_post_msg .ccs-social-progress-percent{
  color:#1d4ed8!important;
  font-size:12px!important;
  font-weight:1000!important;
}
#ccs_social_post_msg .ccs-social-progress-line{
  grid-column:1 / -1!important;
  width:100%!important;
  height:8px!important;
  background:#dbeafe!important;
}
#ccs_social_post_msg .ccs-social-progress-line i{
  background:linear-gradient(90deg,#2563eb,#0f766e)!important;
}
.ccs-social-card.ccs-social-new-post-highlight{
  border-color:rgba(37,99,235,.45)!important;
  animation:ccsSocialNewPostPulseV186381 2.8s ease-out 1!important;
}
@keyframes ccsSocialNewPostPulseV186381{
  0%{transform:translateY(-7px);box-shadow:0 0 0 7px rgba(37,99,235,.24),0 18px 44px rgba(37,99,235,.16)}
  45%{transform:translateY(0);box-shadow:0 0 0 4px rgba(37,99,235,.18),0 16px 38px rgba(37,99,235,.12)}
  100%{transform:translateY(0);box-shadow:0 12px 28px rgba(15,23,42,.06)}
}
#ccs_social_img_modal .ccs-social-img-close,
.ccs-social-img-modal .ccs-social-img-close{
  top:calc(env(safe-area-inset-top,0px) + 12px)!important;
  right:calc(env(safe-area-inset-right,0px) + 12px)!important;
  width:44px!important;
  height:44px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.82)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.38)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:2147483647!important;
}
#ccs_social_img_modal .ccs-social-modal-track,
#ccs_social_img_modal .ccs-social-modal-stage{
  padding-top:58px!important;
}
@media(max-width:760px){
  #ccs_social_post_msg .ccs-social-progress-box{width:100%!important;}
  #ccs_social_img_modal .ccs-social-img-close,
  .ccs-social-img-modal .ccs-social-img-close{width:42px!important;height:42px!important;}
}

/* =====================================================
   V18.6.383 — Feed Social: barra fixa real abaixo do topo
   Somente na rota /feed-social. Não altera GPS, mapa, AJAX ou rotas.
===================================================== */
body.ccs-social-feed-active.ccs-social-feed-route .ccs-social-wrap{
  padding-top:var(--ccs-social-feed-header-space,92px)!important;
}
body.ccs-social-feed-active.ccs-social-feed-route .ccs-social-wrap .ccs-social-header{
  position:fixed!important;
  top:var(--ccs-social-feed-fixed-top,72px)!important;
  left:var(--ccs-social-feed-fixed-left,10px)!important;
  width:var(--ccs-social-feed-fixed-width,calc(100vw - 20px))!important;
  max-width:calc(100vw - 16px)!important;
  margin:0!important;
  z-index:99990!important;
  box-sizing:border-box!important;
  transform:translateZ(0)!important;
}
body.ccs-social-feed-active.ccs-social-feed-route.admin-bar .ccs-social-wrap .ccs-social-header{
  z-index:99990!important;
}
body.ccs-social-feed-active.ccs-social-feed-route #ccs_social_post_msg .ccs-social-progress-box{
  display:none!important;
}
@media(max-width:760px){
  body.ccs-social-feed-active.ccs-social-feed-route .ccs-social-wrap{
    padding-top:var(--ccs-social-feed-header-space,86px)!important;
  }
  body.ccs-social-feed-active.ccs-social-feed-route .ccs-social-wrap .ccs-social-header{
    left:8px!important;
    width:calc(100vw - 16px)!important;
  }
}


/* =====================================================
   V18.6.387 — Feed Social: NÃO fixa mais o card/header.
   Limpa a tentativa antiga v18.6.384 para evitar duplicação visual.
===================================================== */
body.ccs-social-feed-route-v186384 .ccs-social-wrap .ccs-social-header,
body.ccs-social-header-fixed-v186384 .ccs-social-wrap .ccs-social-header{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  width:auto!important;
  max-width:none!important;
  z-index:auto!important;
}
body.ccs-social-header-fixed-v186384 .ccs-social-wrap{
  padding-top:0!important;
}


/* =====================================================
   V18.6.387 — Botão Publicar flutuante real
   - Só no Feed Social/Comunidade
   - Desktop: abaixo do topo fixo
   - Mobile/PWA: no canto inferior, acima do rodapé
   - Não duplica o header/card do Feed
===================================================== */
#ccs_social_publish_float_v186387.ccs-social-publish-float-v186387{
  position:fixed!important;
  top:var(--ccs-social-publish-float-top-v186387,132px)!important;
  right:var(--ccs-social-publish-float-right-v186387,18px)!important;
  z-index:2147483000!important;
  border:0!important;
  border-radius:999px!important;
  padding:12px 18px!important;
  background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
  color:#fff!important;
  font-weight:900!important;
  font-size:15px!important;
  line-height:1!important;
  box-shadow:0 16px 38px rgba(37,99,235,.34)!important;
  cursor:pointer!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(-8px) scale(.98)!important;
  transition:opacity .18s ease, transform .18s ease!important;
  white-space:nowrap!important;
}
body.ccs-social-feed-float-active-v186387 #ccs_social_publish_float_v186387.is-visible{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
}
#ccs_social_publish_float_v186387.ccs-social-publish-float-v186387:active{
  transform:translateY(1px) scale(.98)!important;
}
@media(max-width:760px){
  #ccs_social_publish_float_v186387.ccs-social-publish-float-v186387{
    top:auto!important;
    right:14px!important;
    bottom:86px!important;
    padding:12px 16px!important;
    font-size:14px!important;
    box-shadow:0 16px 38px rgba(37,99,235,.38)!important;
  }
}


/* =====================================================
   V18.6.388 — Texto do post + modal limpo
   - Remove a barra preta/citação do texto
   - Encurta textos longos com Ver mais
   - Esconde o botão flutuante Publicar durante galeria/modal
===================================================== */
.ccs-social-text{
  color:#0f172a!important;
  font-size:16px!important;
  line-height:1.58!important;
  background:#f8fafc!important;
  border-left:0!important;
  padding:14px 16px!important;
  border-radius:14px!important;
  margin:8px 0 12px!important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.035)!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.ccs-social-text.ccs-social-text-collapsed .ccs-social-text-inner{
  max-height:8.1em!important;
  overflow:hidden!important;
  position:relative!important;
}
.ccs-social-text.ccs-social-text-collapsed[data-expanded="0"] .ccs-social-text-inner:after{
  content:''!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:3.2em!important;
  background:linear-gradient(to bottom,rgba(248,250,252,0),#f8fafc 78%)!important;
  pointer-events:none!important;
}
.ccs-social-text.ccs-social-text-collapsed[data-expanded="1"] .ccs-social-text-inner{
  max-height:none!important;
}
.ccs-social-text.ccs-social-text-collapsed[data-expanded="1"] .ccs-social-text-inner:after{
  display:none!important;
}
.ccs-social-text-more{
  margin-top:8px!important;
  border:0!important;
  background:transparent!important;
  color:#1d4ed8!important;
  font-weight:900!important;
  padding:6px 0!important;
  min-height:auto!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.ccs-social-text-more:hover{text-decoration:underline!important;}
body.ccs-social-modal-open #ccs_social_publish_float_v186387,
html.ccs-social-modal-open #ccs_social_publish_float_v186387,
body.ccs-social-modal-open .ccs-social-publish-float-v186387{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
@media(max-width:760px){
  .ccs-social-text{font-size:15px!important;padding:12px 13px!important;border-radius:13px!important;}
  .ccs-social-text.ccs-social-text-collapsed .ccs-social-text-inner{max-height:7.8em!important;}
}