/* =========================================================
   Guide advertiser account pages
   ========================================================= */
.advertising-main {
  min-height: 65vh;
  background: var(--page-bg);
}

.advertising-page {
  width: 93%;
  max-width: 1120px;
  margin: 2rem auto 2.6rem !important;
}

.advertising-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
  gap: 1rem;
  align-items: start;
}

.ad-card {
  padding: clamp(1rem, 2vw, 1.45rem) !important;
}

.ad-card h1,
.ad-card h2,
.ad-card h3 {
  margin-top: 0 !important;
  color: var(--text-strong, #1f2328) !important;
  text-align: left !important;
}

.ad-card p {
  color: var(--text-muted, #555b63);
  line-height: 1.58;
}

.ad-price-box {
  display: grid;
  gap: .35rem;
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(162, 7, 7, .18);
  border-radius: 16px;
  background: rgba(162, 7, 7, .05);
}

.ad-price-box strong {
  color: var(--brand-1, #a20707);
  font-size: clamp(1.65rem, 3vw, 2.25rem);
  line-height: 1;
}

.ad-form {
  display: grid;
  gap: .8rem;
}

.ad-form label {
  display: grid;
  gap: .32rem;
  color: var(--text-strong, #1f2328);
  font-weight: 900;
}

.ad-form input,
.ad-form select,
.ad-form textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--border, #d3d4d6);
  border-radius: 12px;
  background: #fff;
  color: var(--text-strong, #1f2328);
  padding: .68rem .82rem;
  font: inherit;
  outline: none;
}

.ad-form input:focus,
.ad-form select:focus,
.ad-form textarea:focus {
  border-color: rgba(162, 7, 7, .42);
  box-shadow: var(--focus-ring, 0 0 0 3px rgba(162, 7, 7, .18));
}

.ad-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  align-items: center;
}

.ad-btn {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(162, 7, 7, .24);
  border-radius: 999px;
  background: var(--brand-1, #a20707);
  color: #fff;
  padding: .62rem 1rem;
  font: inherit;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}

.ad-btn.secondary {
  background: #fff;
  color: var(--brand-1, #a20707);
}

.ad-alert {
  margin: 0 0 1rem;
  border: 1px solid #e2e6ed;
  border-radius: 14px;
  padding: .8rem .95rem;
  font-weight: 850;
}

.ad-alert.success {
  border-color: rgba(21, 128, 61, .25);
  background: rgba(21, 128, 61, .07);
  color: #14532d;
}

.ad-alert.error {
  border-color: rgba(185, 28, 28, .25);
  background: rgba(185, 28, 28, .07);
  color: #7f1d1d;
}

.ad-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: .8rem;
  font-size: .92rem;
}

.ad-table th,
.ad-table td {
  border-bottom: 1px solid #e2e6ed;
  padding: .65rem .45rem;
  text-align: left;
  vertical-align: middle;
}

.ad-table th {
  color: var(--text-strong, #1f2328);
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.ad-status {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  border-radius: 999px;
  background: var(--surface-1, #f6f7f9);
  color: var(--text-strong, #1f2328);
  padding: .24rem .55rem;
  font-size: .74rem;
  font-weight: 900;
}

.ad-preview-img {
  display: block;
  width: 234px;
  max-width: 100%;
  height: 30px;
  object-fit: contain;
  border: 1px solid #e2e6ed;
  border-radius: 6px;
}

@media (max-width: 880px) {
  .advertising-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .advertising-page {
    width: 94%;
    margin-top: 1rem !important;
  }

  .ad-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

.ad-hp {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* Batch 8 - Guide-styled advertiser account pages */
.advertising-body { background:linear-gradient(180deg,#f8fafc,#edf1f6)!important; }
.advertising-center { min-width:0; }
.advertising-page { width:100%; max-width:none; margin:0!important; }
.advertising-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,360px); gap:10px; align-items:start; }
.white-box,.ad-card,.page-header-box { background:#fff; border:1px solid var(--forum-line,#cfd7e4); border-radius:12px; box-shadow:0 4px 14px rgba(25,31,44,.07); }
.page-header-box { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; margin:0 0 10px; padding:14px 16px; background:linear-gradient(180deg,#fff,#f9fbff); }
.page-kicker { display:inline-flex; margin:0 0 4px; border-radius:999px; background:#f3eaf4; color:#6f257e; padding:3px 8px; font-size:.74rem; line-height:1; font-weight:900; text-transform:uppercase; letter-spacing:.055em; }
.page-title,.ad-card h1 { margin:0 0 6px!important; color:var(--forum-ink,#1f2937)!important; font-size:clamp(1.45rem,2vw,2.05rem)!important; line-height:1.15!important; text-align:left!important; }
.page-subtitle,.ad-card p { color:var(--forum-muted,#64748b); line-height:1.58; }
.page-subtitle { margin:0; }
.page-count-pill { display:inline-flex; align-items:center; justify-content:center; min-width:72px; border-radius:999px; background:#26354d; color:#fff; padding:8px 11px; font-size:.82rem; font-weight:900; white-space:nowrap; }
.ad-card { padding:14px 16px!important; }
.ad-card h2,.ad-card h3 { margin:.05rem 0 .5rem!important; color:var(--forum-purple-dark,#6f257e)!important; font-size:1.14rem!important; line-height:1.22!important; text-align:left!important; }
.ad-card code { display:inline-block; max-width:100%; overflow-wrap:anywhere; border:1px solid var(--forum-line,#cfd7e4); border-radius:7px; background:#f8fafc; padding:2px 5px; color:#26354d; }
.ad-price-box { display:grid; gap:4px; margin:10px 0; padding:12px; border:1px solid rgba(143,63,134,.18); border-radius:12px; background:linear-gradient(180deg,#fbf7fc,#fff); }
.ad-price-box strong { color:#6f257e; font-size:clamp(1.45rem,2.5vw,2rem); line-height:1; }
.ad-form { display:grid; gap:9px; }
.ad-form label { display:grid; gap:4px; color:#1f2937; font-weight:900; font-size:.94rem; }
.ad-form input,.ad-form select,.ad-form textarea { width:100%; min-height:39px; border:1px solid #c4ccd9; border-radius:9px; background:#fff; color:#1f2937; padding:.54rem .65rem; font:inherit; outline:none; }
.ad-form input:focus,.ad-form select:focus,.ad-form textarea:focus { border-color:rgba(143,63,134,.45); box-shadow:0 0 0 3px rgba(143,63,134,.16); }
.ad-actions { display:flex; flex-wrap:wrap; gap:7px; align-items:center; margin-top:2px; }
.ad-btn { display:inline-flex; min-height:37px; align-items:center; justify-content:center; border:1px solid rgba(143,63,134,.25); border-radius:999px; background:#6f257e; color:#fff!important; padding:.52rem .86rem; font:inherit; font-weight:900; line-height:1; text-decoration:none; cursor:pointer; transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease; }
.ad-btn:hover,.ad-btn:focus-visible { transform:translateY(-1px); box-shadow:0 5px 14px rgba(111,37,126,.20); }
.ad-btn.secondary { background:#fff; color:#6f257e!important; }
.ad-alert { margin:0 0 10px; border:1px solid #cfd7e4; border-radius:10px; padding:9px 11px; font-weight:850; line-height:1.38; }
.ad-alert.success { border-color:rgba(21,128,61,.25); background:#f0fdf4; color:#14532d; }
.ad-alert.error { border-color:rgba(185,28,28,.25); background:#fff1f2; color:#7f1d1d; }
.ad-table { width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border:1px solid #dbe3ef; border-radius:10px; font-size:.92rem; }
.ad-table th,.ad-table td { padding:8px 9px; border-bottom:1px solid #e5eaf2; text-align:left; vertical-align:top; }
.ad-table th { background:#26354d; color:#fff; font-weight:900; }
.ad-table tr:last-child td { border-bottom:0; }
@media(max-width:900px){.advertising-grid{grid-template-columns:1fr}.page-header-box{flex-direction:column}.ad-table{display:block;overflow-x:auto}}


/* Batch 9 - keep advertiser pages visually identical to guide pages. */
.advertising-body {
  background:
    radial-gradient(circle at 8% 0%,rgba(143,63,134,.075),transparent 30rem),
    radial-gradient(circle at 92% 10%,rgba(38,53,77,.065),transparent 32rem),
    linear-gradient(180deg,#f7f9fd 0,#eef3f9 34%,#e9eef6 100%) !important;
}
.advertising-body .guide-header,
.guide-header.advertising-guide-header {
  min-height:52px !important;
  margin:0 0 10px !important;
  padding:8px 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(90deg,#9c4988 0%,#802da0 100%) !important;
  box-shadow:0 3px 14px rgba(38,20,57,.22) !important;
}
.advertising-guide-nav {
  min-height:34px !important;
  align-items:center !important;
  gap:6px 8px !important;
  font-size:.96rem !important;
}
.advertising-guide-nav a {
  min-height:32px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  font-weight:900 !important;
  transform:none !important;
}
.advertising-body .white-box,
.advertising-body .ad-card,
.advertising-body .page-header-box {
  border-color:#d6deea !important;
  box-shadow:0 6px 18px rgba(25,31,44,.08) !important;
}

/* Batch 9: keep advertiser pages visually identical to the guide shell. */
body.advertising-body {
  background:
    radial-gradient(circle at 10% 0%,rgba(143,63,134,.10),transparent 28rem),
    radial-gradient(circle at 86% 14%,rgba(38,53,77,.08),transparent 34rem),
    linear-gradient(180deg,#f7f9fc 0,#edf2f8 45%,#e8eef6 100%) !important;
}
body.advertising-body .guide-header {
  min-height:46px !important;
  margin:0 0 10px !important;
  padding:8px 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(90deg,#9c4c91,#73258d) !important;
}
body.advertising-body .guide-header__nav {
  min-height:28px !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
}
body.advertising-body .guide-header__nav::-webkit-scrollbar { display:none !important; }
body.advertising-body .advertising-page {
  background:#ffffff !important;
  border:1px solid #c7d0de !important;
  border-radius:10px !important;
  box-shadow:0 6px 18px rgba(15,23,42,.09) !important;
}
@media(max-width:980px){
  body.advertising-body .guide-header { min-height:0 !important; }
  body.advertising-body .guide-header__nav { flex-wrap:wrap !important; white-space:normal !important; overflow:visible !important; }
}

/* Batch 10 - match advertiser header/sidebar feel with guide pages. */
body.advertising-body .guide-header,
.guide-header.advertising-guide-header {
  min-height:44px !important;
  margin:0 0 10px !important;
  padding:7px 10px !important;
}
body.advertising-body .guide-header__nav,
.advertising-guide-nav {
  min-height:30px !important;
  font-size:.96rem !important;
}
body.advertising-body .guide-header__nav a,
.advertising-guide-nav a {
  min-height:28px !important;
  padding:5px 11px !important;
  font-weight:750 !important;
}
body.advertising-body .guide-menu,
body.advertising-body .guide-menu--advertising {
  background:linear-gradient(180deg,#eef5fb 0%,#e6eef8 100%) !important;
  border-color:#c2cfdf !important;
}