/* SaudiTech — أعلن معنا: form page + homepage CTA banner. RTL-first, token-driven. */

/* ---------------------------------------------------------------- form page */
.st-adv { max-inline-size: 760px; margin-inline: auto; }

.st-adv-head { margin-block-end: 28px; }
.st-adv-title {
  font-size: clamp(30px, 4vw, 44px); font-weight: 800; margin: 0 0 6px;
  display: inline-flex; align-items: center; gap: 14px;
}
.st-adv-title::before {
  content: ""; inline-size: 8px; block-size: 1em; border-radius: 4px;
  background: linear-gradient(180deg, var(--st-brand, #00e63c), #00b871);
}
.st-adv-lead { font-size: 20px; font-weight: 700; margin: 0 0 10px; color: var(--c-contrast-800, #242a28); }
.st-adv-sub  { font-size: 16px; line-height: 1.9; margin: 0 0 14px; color: var(--c-contrast-600, #505a56); }
.st-adv-contact { font-size: 15px; font-weight: 700; }
.st-adv-contact a { color: var(--c-main, #0a8f46); }

.st-adv-notice {
  border-radius: 12px; padding: 14px 18px; font-weight: 700; margin-block-end: 20px;
}
.st-adv-ok  { background: rgba(0, 230, 60, .12); color: #067a35; border: 1px solid rgba(0, 230, 60, .35); }
.st-adv-err { background: rgba(220, 60, 40, .08); color: #b3261e; border: 1px solid rgba(220, 60, 40, .25); }

.st-adv-form {
  background: var(--st-card, #fff);
  border: 1px solid var(--c-separator, #e5e9e7);
  border-radius: var(--st-radius, 16px);
  padding: clamp(18px, 3vw, 32px);
  box-shadow: var(--st-shadow-card, 0 10px 24px -14px rgba(13,17,23,.16));
}
.st-adv-form p { margin: 0 0 18px; }
.st-adv-form label {
  display: block; font-weight: 800; font-size: 15px; margin-block-end: 8px;
}
.st-req { color: #d63328; }
.st-adv-form input[type="text"],
.st-adv-form input[type="email"],
.st-adv-form input[type="tel"],
.st-adv-form textarea {
  inline-size: 100%;
  padding: 13px 16px; font-size: 15px; font-family: inherit;
  color: inherit; background: var(--c-contrast-0, #fff);
  border: 1.5px solid var(--c-contrast-150, #d3d9d6);
  border-radius: 12px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.st-adv-form input:focus, .st-adv-form textarea:focus {
  outline: none; border-color: var(--st-brand, #00e63c);
  box-shadow: 0 0 0 3px rgba(0, 230, 60, .18);
}
.st-adv-form ::placeholder { color: var(--c-contrast-400, #8a9490); }
.st-adv-form textarea { resize: vertical; min-block-size: 140px; }

.st-adv-actions { text-align: start; margin-block-end: 0 !important; }
.st-adv-submit {
  background: var(--st-brand, #00e63c); color: var(--st-ink, #0d1117);
  border: none; border-radius: 12px; cursor: pointer;
  font-weight: 800; font-size: 16px; font-family: inherit;
  padding: 13px 42px;
  transition: filter .15s ease, transform .15s ease;
}
.st-adv-submit:hover { filter: brightness(1.08); transform: translateY(-1px); }

/* honeypot */
.st-hp { position: absolute !important; inset-inline-start: -9999px !important; opacity: 0; block-size: 0; overflow: hidden; margin: 0 !important; }

/* ------------------------------------------------------- homepage CTA banner */
.st-adv-cta {
  display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;
  background:
    radial-gradient(600px 200px at 85% 50%, rgba(0, 230, 60, .22), transparent 70%),
    #0d1117;
  border-radius: var(--st-radius, 16px);
  padding: clamp(20px, 3.5vw, 36px) clamp(20px, 4vw, 44px);
  border: 1px solid rgba(0, 230, 60, .25);
}
.st-adv-cta-text { display: flex; flex-direction: column; gap: 6px; }
.st-adv-cta-kicker {
  color: var(--st-brand, #00e63c); font-weight: 800; font-size: 13px; letter-spacing: .04em;
}
.st-adv-cta-title {
  color: #fff; font-size: clamp(19px, 2.4vw, 28px); font-weight: 800; line-height: 1.35;
}
.st-adv-cta-sub { color: rgba(255, 255, 255, .65); font-size: 14.5px; }
.st-adv-cta-btn {
  flex: 0 0 auto;
  background: var(--st-brand, #00e63c); color: #0d1117 !important;
  font-weight: 800; font-size: 15.5px; text-decoration: none;
  border-radius: 999px; padding: 13px 30px;
  transition: filter .15s ease, transform .15s ease;
}
.st-adv-cta-btn:hover { filter: brightness(1.08); transform: translateY(-1px); }

@media (max-width: 640px) {
  .st-adv-cta { justify-content: center; text-align: center; }
  .st-adv-cta-text { align-items: center; }
}

/* --------------------------------------------------- sidebar square CTA box */
.st-adv-box {
  aspect-ratio: 6 / 5;               /* mirrors the 660x550 demo-ad slot */
  min-block-size: 300px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 10px; text-align: center;
  background:
    radial-gradient(340px 220px at 50% 0%, rgba(0, 230, 60, .25), transparent 70%),
    #0d1117;
  border: 1px solid rgba(0, 230, 60, .25);
  border-radius: var(--st-radius, 16px);
  padding: 26px 20px;
}
.st-adv-box-mark {
  color: var(--st-brand, #00e63c); font-size: 26px; line-height: 1;
  text-shadow: 0 0 18px rgba(0, 230, 60, .6);
}
.st-adv-box-title {
  color: #fff; font-size: 20px; font-weight: 800; line-height: 1.5;
}
.st-adv-box-sub {
  color: rgba(255, 255, 255, .6); font-size: 13px; line-height: 1.7;
}
.st-adv-box .st-adv-cta-btn { margin-block-start: 8px; font-size: 14px; padding: 11px 26px; }
/* Inside the child theme's white widget panels (18px padding): fill edge-to-edge */
.widget .st-adv-box { margin: -18px; border: none; }