/* Albert Sans – global */
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@300;400;500;600;700&display=swap');

.rtfcm-wrap{max-width:920px;margin:30px auto;font-family:'Albert Sans',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;color:#111}

/* Step nav */
.rtfcm-steps-nav {position:sticky; top:0; z-index:10; background:#fff; padding:10px 0 12px; margin-bottom:12px; border-bottom:1px solid #eee}
.rtfcm-steps-nav ol{display:flex; gap:10px; overflow:auto; list-style:none; padding:0; margin:0}
.rtfcm-steps-nav .rtfcm-stepdot{display:flex; flex-direction:column; align-items:center; gap:6px; padding:16px 10px; border:none; background:#f7f7f8; border-radius:12px; cursor:pointer; min-width:104px; transition:all .2s}
.rtfcm-steps-nav .rtfcm-stepdot i{font-size:22px}
.rtfcm-steps-nav .rtfcm-stepdot span{font-size:12px; color:#444}
.rtfcm-steps-nav .rtfcm-stepdot:hover{background:#ffecec; box-shadow:0 6px 14px rgba(228,30,38,.12)}
.rtfcm-steps-nav .rtfcm-stepdot.active{outline:2px solid #E41E26; background:#fff}
.rtfcm-steps-nav .rtfcm-stepdot.done{background:#eef7ee; outline:1px solid #b7e4b0}

/* Cards on choose */
.rtfcm-card-select .card{cursor:pointer;transition:all .2s;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.rtfcm-card-select .card .card-body{transition:all .2s}
.rtfcm-card-select .card:hover{transform:translateY(-2px);border:2px solid #E41E26}
.rtfcm-card-select .card:hover .card-body{background:#E41E26;color:#fff}
.rtfcm-card-select .card.active{border:2px solid #E41E26; box-shadow:0 0 0 .25rem rgba(228,30,38,.25)}

.rtfcm-hidden{display:none !important}
.rtfcm-warning{background:#e9f5ff;border-left:4px solid #0d6efd;padding:12px;border-radius:8px;color:#0b3954}

.rtfcm-table-like .row{border:1px solid #E41E26;border-radius:10px;margin-bottom:10px}
.rtfcm-table-like .row .col{padding:14px}
.rtfcm-selectable{cursor:pointer}
.rtfcm-selectable.active{outline:2px solid white; border-radius:10px;background:#E41E26;color:white;}

.rtfcm-summary{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:16px}
.rtfcm-step{display:none}
.rtfcm-step.active{display:block}
.rtfcm-badge{background:#970505;color:#fff;border-radius:8px;padding:2px 8px;font-size:.8rem}

/* Icon boxes (Online step) */
.rtfcm-online-grid{display:grid; grid-template-columns:1fr; gap:12px; margin-bottom:14px}
.rtfcm-iconbox{border:1px solid #e9e9ee; border-radius:14px; padding:14px; background:#fff; box-shadow:0 6px 16px rgba(0,0,0,.04)}
.rtfcm-iconbox .rtfcm-ibox-head{display:flex; align-items:center; gap:10px; margin-bottom:10px}
.rtfcm-iconbox .rtfcm-ibox-head i{font-size:22px; color:#E41E26}
.rtfcm-iconbox .form-select{max-width:100%}

@media (min-width: 768px){
  .rtfcm-online-grid{grid-template-columns:repeat(3, 1fr); gap:16px}
  .rtfcm-iconbox .rtfcm-ibox-head i{font-size:28px}
}

/* Mobile tweaks: biraz daha büyük ikon, select daralt */
@media (max-width: 767.98px){
  .rtfcm-iconbox .rtfcm-ibox-head i{font-size:24px}
  .rtfcm-iconbox .form-select{max-width:220px}
}

/* Buttons: gradients */
.btn-gradient-red{
  --c1:#E41E26; --c2:#B94F4F; --c3:#6B0B0F;
  background: linear-gradient(to right, var(--c1) 0%, var(--c2) 51%, var(--c3) 100%) !important;
  color:#fff !important;
  border:0 !important;
  background-size:200% auto;
  transition: background-position .25s ease, opacity .15s ease;
  box-shadow:0 6px 14px rgba(228,30,38,.25);
}
.btn-gradient-red:hover{
  background-position:right center;
  --c1:#6B0B0F; --c2:#B94F4F; --c3:#E41E26;
    background: linear-gradient(to right, var(--c1) 0%, var(--c2) 51%, var(--c3) 100%) !important;
  opacity:.98;
  color:#fff !important;
}

.btn-gradient-gray{
  background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 50%, #d1d5db 100%) !important;
  color:#111 !important;
  border:0 !important;
  box-shadow:0 4px 10px rgba(17,17,17,.05);
}
.btn-gradient-gray:hover{
  filter:brightness(.98);
  color:#111 !important;
}

/* Accessibility helpers */
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.fa-xl{font-size:1.35rem}




.rtfcm-card-select .card {
	align-items:center!important;
}

.rtfcm-card-select .card img {
	max-width:250px;
	padding:30px;

}

.rtfcm-card-select .card .card-body {
	width:100%
}