/* ==========================================================================
   CTE Advertise (v2)
   Purpose:
   - Advertise page reuses Contact layout + CSS
   - This file only styles the "request both" covers card
   Scope:
   - body.cte-advertise-render
   ========================================================================== */

body.cte-advertise-render .cte-advertise__request{
  margin: 0 0 18px;
}

body.cte-advertise-render .cte-advertise__requestCard{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: center;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 14px;
}

body.cte-advertise-render .cte-advertise__covers{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}

body.cte-advertise-render .cte-advertise__cover{
  margin: 0;
  width: 140px;
}

body.cte-advertise-render .cte-advertise__cover img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
}

body.cte-advertise-render .cte-advertise__cover figcaption{
  margin-top: 8px;
  font: 850 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(0,0,0,.65);
}

body.cte-advertise-render .cte-advertise__requestCta{
  text-align: right;
  min-width: 260px;
}

body.cte-advertise-render .cte-advertise__requestNote{
  margin-top: 8px;
  color: rgba(0,0,0,.62);
  font: 650 12px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

@media (max-width: 900px){
  body.cte-advertise-render .cte-advertise__requestCard{
    grid-template-columns: 1fr;
    text-align: left;
  }
  body.cte-advertise-render .cte-advertise__requestCta{
    text-align: left;
    min-width: 0;
  }
}

/* ==========================================================================
   CTE_ADVERTISE_MODAL_CSS_V1
   Modal + notice styling (scoped)
   ========================================================================== */
body.cte-advertise-render .cte-advertise__notice{
  margin: 14px 0 0;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  font-weight: 750;
  background: rgba(0,0,0,.02);
}
body.cte-advertise-render .cte-advertise__notice--ok{ background: rgba(0,77,191,.06); }
body.cte-advertise-render .cte-advertise__notice--err{ background: var(--cte-brand-orange); }

body.cte-advertise-render .cte-modal[hidden]{ display:none !important; }
body.cte-advertise-render .cte-modal{
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
}
body.cte-advertise-render .cte-modal__backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.58);
}
body.cte-advertise-render .cte-modal__panel{
  position: relative;
  width: min(720px, calc(100vw - 24px));
  max-height: calc(100vh - 24px);
  overflow:auto;
  background:#fff;
  border-radius: 20px;
  border:1px solid rgba(0,0,0,.12);
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
  padding: 18px 18px 16px;
}
body.cte-advertise-render .cte-modal__close{
  position:absolute;
  top:10px;
  right:12px;
  width:40px;
  height:40px;
  border-radius: 999px;
  border:1px solid rgba(0,0,0,.14);
  background: rgba(0,0,0,.03);
  font: 900 22px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  cursor:pointer;
}
body.cte-advertise-render .cte-modal__kicker{
  font: 900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing:.10em;
  text-transform: uppercase;
  color: rgba(0,0,0,.55);
  margin-bottom: 10px;
}
body.cte-advertise-render .cte-modal__title{
  margin: 0 44px 14px 0;
  font: 950 18px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
body.cte-advertise-render .cte-modal__hp{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}
body.cte-advertise-render .cte-modal__row{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
body.cte-advertise-render .cte-modal__field{ margin-bottom: 12px; }
body.cte-advertise-render .cte-modal__form label{
  display:block;
  margin: 0 0 6px;
  font: 850 13px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: rgba(0,0,0,.80);
}
body.cte-advertise-render .cte-modal__form input{
  width:100%;
  border:1px solid rgba(0,0,0,.14);
  border-radius: 14px;
  padding: 12px 12px;
  font: 650 14px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
body.cte-advertise-render .cte-modal__submit{
  width:100%;
  padding: 12px 14px;
  margin-top: 6px;
}
body.cte-advertise-render .cte-modal__fineprint{
  margin-top: 12px;
  color: rgba(0,0,0,.62);
  font: 650 12px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
@media (max-width: 680px){
  body.cte-advertise-render .cte-modal__row{ grid-template-columns: 1fr; }
}
body.cte-advertise-render.cte-modal-open{ overflow:hidden; }


/* ==========================================================================
   CTE_MODAL_CLOSE_CENTER_FIX
   Center the close "×" perfectly
   ========================================================================== */
body.cte-advertise-render .cte-modal__close{
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}


/* ==========================================================================
   CTE_ADVERTISE_BTNROW_V1
   Outline buttons row (Ad Specs + Meeting) inside request card
   ========================================================================== */
body.cte-advertise-render .cte-advertise__btnRow{
  margin-top: 10px;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

body.cte-advertise-render .cte-btn.cte-btn--outline{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  color: rgba(0,0,0,.78) !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

body.cte-advertise-render .cte-btn.cte-btn--outline:hover{
  transform: translateY(-1px);
  text-decoration: none !important;
}