/* Cartas Contempladas Agência ShowTime - Estilo Premium (base Tramontana) */
:root{
  --stcc-primary: #5b3fd6;           /* roxo dos botões */
  --stcc-header-bg: #2b1b5a;         /* roxo escuro do cabeçalho */
  --stcc-header-text: #ffffff;
  --stcc-row-alt: #f3f3f6;
  --stcc-modal-header: #5b3fd6;
  --stcc-filter-accent: #f4b400;     /* amarelo do botão filtrar */
  --stcc-border: #d8d8e5;
  --stcc-text: #1e1e2a;

  /* Tipografia / bordas (personalizável via Elementor/shortcode) */
  --stcc-font-family: inherit;
  --stcc-body-size: 16px;
  --stcc-body-weight: 400;
  --stcc-cell-size: 16px;
  --stcc-cell-weight: 400;
  --stcc-header-size: 14px;
  --stcc-header-weight: 800;
  --stcc-btn-size: 16px;
  --stcc-btn-radius: 999px;
  --stcc-box-radius: 16px;
  --stcc-select-radius: 12px;
}

.stcc-wrap{font-family: var(--stcc-font-family); color: var(--stcc-text); font-size: var(--stcc-body-size); font-weight: var(--stcc-body-weight);}

/* filtros */
.stcc-filters{display:flex; gap:18px; align-items:center; justify-content:center; flex-wrap:wrap; margin: 28px 0 34px;}
.stcc-filter-group{display:flex; flex-direction:column; gap:8px;}
.stcc-filter-label{font-weight:600; font-size:14px; opacity:.9;}
.stcc-selectbox{min-width:240px; padding:14px 16px; border:2px solid var(--stcc-primary); border-radius:var(--stcc-select-radius); background:#fff; font-weight:600; font-size:16px; height:52px;}

.stcc-tabs{display:flex; gap:10px; flex-wrap:wrap;}
.stcc-tab{display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border:2px solid var(--stcc-primary); color:var(--stcc-primary); border-radius:var(--stcc-btn-radius); text-decoration:none; font-weight:600; background:#fff;}
.stcc-tab.is-active{background:var(--stcc-primary); color:#fff;}

.stcc-actions{display:flex; gap:12px; align-items:center;}

/* caixinhas (categorias com ícone) */
.stcc-boxes{display:flex; gap:10px; flex-wrap:wrap; align-items:center;}
.stcc-box{display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border:2px solid var(--stcc-primary); border-radius:var(--stcc-box-radius); background:#fff; color:var(--stcc-primary); font-weight:800; cursor:pointer;}
.stcc-box.is-active{background:var(--stcc-primary); color:#fff;}
.stcc-box__icon{width:18px; height:18px; border-radius:5px; background:currentColor; opacity:.18; display:inline-block;}
.stcc-box.is-active .stcc-box__icon{opacity:.22;}
.stcc-no-tipo-icons .stcc-box{gap:0;}

/* botões */
.stcc-btn{appearance:none; border:0; cursor:pointer; font-weight:800; border-radius:var(--stcc-btn-radius); font-size:var(--stcc-btn-size); padding:12px 26px; background:#fff; color:var(--stcc-primary); border:2px solid var(--stcc-primary); line-height:1;}
.stcc-btn:hover{filter:brightness(.98)}
.stcc-btn-primary{background:var(--stcc-primary); color:#fff; border-color:var(--stcc-primary);}
.stcc-btn-filter{background:var(--stcc-filter-accent); color:#fff; border-color:var(--stcc-filter-accent); padding:14px 52px; height:52px; font-weight:800;}

.stcc-link{border:0; background:transparent; padding:0; color:inherit; cursor:pointer; font-weight:700;}

/* tabela */
.stcc-table-wrap{overflow:auto; border-radius:14px;}
.stcc-table{width:100%; border-collapse:separate; border-spacing:0; border-radius:14px; overflow:hidden;}

.stcc-table thead th.stcc-th-check{width:52px;}
.stcc-table tbody td.stcc-td-check{width:52px; text-align:center;}
.stcc-table tbody td.stcc-td-check{vertical-align:middle;}
.stcc-table thead th{background:var(--stcc-header-bg); color:var(--stcc-header-text); padding:18px 18px; text-transform:uppercase; font-size:var(--stcc-header-size); font-weight:var(--stcc-header-weight); letter-spacing:.02em;}
.stcc-table tbody td{padding:18px 18px; border-bottom:1px solid #ececf2; background:#fff; vertical-align:middle; font-size:var(--stcc-cell-size); font-weight:var(--stcc-cell-weight);}
.stcc-td-contact{text-align:center;}
.stcc-td-contact{display:flex; justify-content:center; align-items:center;}
.stcc-td-contact .stcc-btn{min-width:190px;}
.stcc-table tbody tr:nth-child(odd) td{background:var(--stcc-row-alt);}
.stcc-table tbody tr{transition:filter .15s ease;}
.stcc-table tbody tr:hover td{filter:brightness(.985);}

.stcc-table input.stcc-select{width:18px; height:18px;}

/* status com bolinha */
.stcc-status{display:inline-flex; align-items:center; gap:8px; font-weight:800;}
.stcc-dot{width:10px; height:10px; border-radius:999px; background:#9aa0a6; display:inline-block;}
.stcc-row[data-status*="Dispon" i] .stcc-dot{background:#2ecc71;}
.stcc-row[data-status*="Reserv" i] .stcc-dot{background:#f1c40f;}

/* administradora */
.stcc-adm-logo{width:34px; height:34px; object-fit:contain; border-radius:8px; background:#fff; border:1px solid var(--stcc-border); padding:4px;}

/* cards */
.stcc-cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:18px;}
.stcc-card{border:1px solid var(--stcc-border); border-radius:16px; overflow:hidden; background:#fff;}
.stcc-card-head{display:flex; gap:10px; align-items:center; padding:14px 14px 10px;}
.stcc-title{font-weight:800;}
.stcc-card-body{padding:0 14px 10px;}
.stcc-kv__row{display:flex; justify-content:space-between; gap:14px; padding:10px 0; border-top:1px dashed #e8e8f0;}
.stcc-kv__k{font-weight:700; opacity:.85;}
.stcc-kv__v{font-weight:800;}
.stcc-card-foot{display:flex; gap:10px; padding:12px 14px 16px;}
.stcc-card-foot .stcc-btn{flex:1;}

/* modal */
.stcc-modal{position:fixed; inset:0; display:none; z-index:99999;}
.stcc-modal[aria-hidden="false"]{display:block;}
.stcc-modal__backdrop{position:absolute; inset:0; background:rgba(0,0,0,.45);}
.stcc-modal__panel{position:relative; margin: 6vh auto; max-width: 900px; width: calc(100% - 28px); background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.35);}
.stcc-modal__title{background:var(--stcc-modal-header); color:#fff; padding:16px 18px; font-size:22px; font-weight:900;}
.stcc-modal__close{position:absolute; top:10px; right:12px; width:38px; height:38px; border-radius:999px; border:0; background:rgba(255,255,255,.2); color:#fff; font-size:22px; cursor:pointer;}
.stcc-modal__close:hover{background:rgba(255,255,255,.28)}
.stcc-modal__content{padding:18px;}

/* sum layout like screenshot */
.stcc-sum-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px 18px;}
.stcc-sum-field label{display:block; font-weight:800; margin-bottom:6px;}
.stcc-sum-value{background:#f3f3f6; border-radius:8px; padding:10px 12px; font-weight:800;}
.stcc-sum-full{grid-column:1 / -1;}

/* contact buttons inside modal */
.stcc-modal-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:16px;}

@media (max-width: 720px){
  .stcc-sum-grid{grid-template-columns:1fr;}
  .stcc-filters{justify-content:flex-start;}
}


/* Segment selector (Imóvel/Veículo) */
.stcc-segment{margin:22px auto 10px;max-width:980px;text-align:center;}
.stcc-segment-subtitle{font-size:18px;font-weight:700;color:#2b2b2b;margin:0 0 18px;}
.stcc-segment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch;justify-items:stretch;}
@media(max-width:768px){.stcc-segment-grid{grid-template-columns:1fr;}}
.stcc-segment-card{background:#fff;border:1px solid #e6e6e6;border-radius:18px;padding:34px 18px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 1px 0 rgba(0,0,0,.02);}
.stcc-segment-card:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.06);}
.stcc-segment-card.is-active{border-color:var(--stcc-primary,#5b3cc4);box-shadow:0 0 0 3px rgba(91,60,196,.12);}
.stcc-segment-icon{color:#5aa6c8;display:block;line-height:0;}
.stcc-segment-text{font-weight:800;letter-spacing:.04em;color:#0e1a2a;}
.stcc-no-segment-icons .stcc-segment-card{gap:10px; padding-top:26px;}
