/*
Theme Name: Ask Study Visa
Theme URI: https://askstudyvisa.com
Author: Ask Study Visa
Description: Lightweight native WordPress block theme for Ask Study Visa. Built for conversion, reusable content, and Site Editor customization.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: ask-study-visa
*/

:root {
  --asv-radius: 18px;
  --asv-shadow: 0 14px 40px rgba(12, 31, 52, .08);
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
a { text-underline-offset: .15em; }

.asv-card {
  border: 1px solid var(--wp--preset--color--border);
  border-radius: var(--asv-radius);
  box-shadow: var(--asv-shadow);
  overflow: hidden;
}

.asv-soft-card {
  border: 1px solid var(--wp--preset--color--border);
  border-radius: var(--asv-radius);
}

.asv-eyebrow {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .78rem;
}

.asv-hero {
  min-height: 690px;
  display: flex;
  align-items: center;
}

.asv-hero-visual {
  min-height: 500px;
  border-radius: 28px;
  overflow: hidden;
  position: relative;
  background:
    radial-gradient(circle at 24% 20%, rgba(21, 128, 117, .16), transparent 30%),
    radial-gradient(circle at 80% 70%, rgba(22, 59, 99, .12), transparent 35%),
    #eef4f5;
}

.asv-hero-visual::after {
  content: "Replace with realistic Pakistani student / counsellor photography";
  position: absolute;
  inset: auto 24px 24px 24px;
  background: rgba(255,255,255,.92);
  border-radius: 14px;
  padding: 14px 16px;
  color: #304256;
  font-size: .85rem;
}

.asv-trust-item strong { display:block; margin-bottom:4px; }

.asv-step-number {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--wp--preset--color--accent);
  color: #fff;
  font-weight: 700;
}

.asv-fee-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid var(--wp--preset--color--border);
  padding: 15px 0;
}
.asv-fee-row:last-child { border-bottom: 0; }

.asv-sticky-mobile-cta { display:none; }

@media (max-width: 900px) {
  .asv-hero { min-height: auto; padding-top: 48px !important; }
  .asv-hero-visual { min-height: 340px; }
}

@media (max-width: 640px) {
  .asv-sticky-mobile-cta {
    display:block;
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 100;
  }
  body { padding-bottom: 76px; }
  .asv-fee-row { display:block; }
}

footer a { color: #ffffff; }
.asv-whatsapp-float {
  position: fixed; right: 20px; bottom: 20px; z-index: 99;
}
.asv-whatsapp-float .wp-block-button__link {
  box-shadow: 0 10px 30px rgba(12,31,52,.16);
}
@media (max-width: 640px) {
  .asv-whatsapp-float { right: 16px; bottom: 88px; }
}