/* ========================================================================
   IMDTEC Business UI (Theme)
   Target:
   - /business/ : Google-like onboarding banner (dismiss = per refresh only)
   - /business/setup/ : 2-column layout + ACF aside + remove card shadow + button label Suivante
   ======================================================================== */

/* ===== /business banner ===== */
.imd-business-banner{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  background:#fff;
  border:1px solid rgba(0,0,0,.12);
  border-radius:18px;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
  margin:10px 0 24px;
}

.imd-business-banner__iconwrap{
  width:52px;height:52px;
  border-radius:14px;
  background:#E8F0FE;
  display:flex;align-items:center;justify-content:center;
  flex:0 0 auto;
}

.imd-business-banner__content{ flex:1 1 auto; min-width:0; }
.imd-business-banner__title{
  font-weight:600;
  font-size:16px;
  line-height:1.25;
  margin:0;
  color:#202124;
}
.imd-business-banner__desc{
  font-size:14px;
  line-height:1.4;
  margin:4px 0 0;
  color:#5f6368;
}

.imd-business-banner__action{
  background:#003192;
  color:#fff;
  text-decoration:none;
  padding:10px 16px;
  border-radius:999px;
  font-weight:600;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.imd-business-banner__action:hover{ filter:brightness(.95); }

.imd-business-banner__dismiss{
  border:0;
  background:transparent;
  width:36px;height:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#5f6368;
  flex:0 0 auto;
}
.imd-business-banner__dismiss:hover{ background:rgba(0,0,0,.06); }

@media (max-width: 640px){
  .imd-business-banner{ flex-wrap:wrap; }
  .imd-business-banner__action{ width:100%; order:10; text-align:center; }
  .imd-business-banner__dismiss{ margin-left:auto; }
}

/* ===== /business/setup layout ===== */
.imd-setup-layout{
  display:grid;
  grid-template-columns: minmax(0,1fr) minmax(0,420px);
  gap:56px;
  align-items:start;
}

/* Right column */
.imd-setup-aside{ text-align:center; }
.imd-setup-aside__img{
  width:100%;
  max-width:360px;
  height:auto;
  display:block;
  margin:0 auto 18px;
}
.imd-setup-aside__title{
  font-size:28px;
  line-height:1.2;
  margin:0 0 10px;
  font-weight:700;
}
.imd-setup-aside__def{
  margin:0;
  color:#5f6368;
  font-size:14px;
  line-height:1.6;
}

/* Responsive: stack under main title */
@media (max-width: 992px){
  .imd-setup-layout{ grid-template-columns:1fr; gap:32px; }
  .imd-setup-aside{ text-align:left; }
  .imd-setup-aside__img{ margin:0 0 14px; }
}

/* ===== Setup page strict: remove card/frame shadow/border =====
   Note: We scope to .imd-business-setup-page to avoid global side effects.
*/
.imd-business-setup-page .imdcs-wrap,
.imd-business-setup-page .imdcs-card,
.imd-business-setup-page .ps-card,
.imd-business-setup-page .card,
.imd-business-setup-page [class*="card"],
.imd-business-setup-page [class*="Card"],
.imd-business-setup-page [class*="shadow"],
.imd-business-setup-page [class*="Shadow"]{
  box-shadow:none !important;
  border:0 !important;
}

.imd-business-setup-page .imdcs-wrap,
.imd-business-setup-page .imdcs-card,
.imd-business-setup-page .ps-card,
.imd-business-setup-page .card{
  background:transparent !important;
}

/* Optional: if wrapper adds rounded corners/padding */
.imd-business-setup-page .imdcs-wrap,
.imd-business-setup-page .imdcs-card,
.imd-business-setup-page .ps-card,
.imd-business-setup-page .card{
  border-radius:0 !important;
}

/* Primary button styling (keep underlying submit value intact) */
.imd-business-setup-page button[type="submit"],
.imd-business-setup-page input[type="submit"],
.imd-business-setup-page .btn-primary,
.imd-business-setup-page .button-primary{
  background:#003192 !important;
  border-color:#003192 !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:12px 28px !important;
  font-weight:600 !important;
}
.imd-business-setup-page button[type="submit"]:hover,
.imd-business-setup-page input[type="submit"]:hover{
  filter:brightness(.95);
}

/* Visual-only label overlay for <input type="submit" value="Next"> to avoid breaking backend logic */
.imd-submit-wrap{ position:relative; display:inline-block; }
.imd-submit-wrap .imd-submit-label{
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%, -50%);
  pointer-events:none;
  color:#fff;
  font-weight:600;
  white-space:nowrap;
}
.imd-submit-hide-text{
  color:transparent !important;
  text-shadow:none !important;
}