/*
 * PayaSVCs V2 — Theme CSS Aggregator
 * All @import paths are relative to THIS file (V2/css/theme.css)
 * Live theme is two levels up, then into PayaSvcs - Pantheon/Live/...
 */

/* 1. Proxima Nova Soft + Flaticon fonts */
@import url("../assets/fonts/fonts.css");
@import url("../assets/fonts/flaticon.css");

/* 2. Flexbox utilities */
@import url("../assets/css/flex.css");

/* 3. Slick slider CSS */
@import url("../assets/css/slick.css");

/* 4. Fancybox */
@import url("../assets/css/jquery.fancybox.css");

/* 5. Main theme stylesheet */
@import url("paya-theme-style.css");

/* 6. Responsive breakpoints */
@import url("../assets/css/responsive.css");

/* =============================================
   V2 Overrides & Static-site patches
   ============================================= */

/* The theme uses PHP to inject an inline <style> with body padding.
   We replicate it here so the fixed header doesn't overlap content. */
body {
  padding-top: 100px !important;
}

/* On mobile WP outputs padding-top via JS resize handler.
   We handle it statically: */
@media (max-width: 767px) {
  body { padding-top: 85px !important; }
}

/* The home-banner pseudo-elements reference images via PHP get_template_directory_uri().
   We patch them here to point to the correct local path. */
.home-banner::before {
  background-image: url("../assets/images/video-bottom-curve.png") !important;
}

.home-banner::after {
  background-image: url("../assets/images/banner-curve.png") !important;
}

/* Inner page hero curve */
.inner-hero::after,
.page-hero-banner::before {
  background-image: url("../assets/images/inner-banner-curve.png") !important;
}

/* Hero background overlay pattern */
.hero-bg-blue {
  background-image: url("../assets/images/hero-bg-blue.png") !important;
}

/* CTA block curves */
.cta-block-green::before {
  background-image: url("../assets/images/cta-block-curve-green.png") !important;
}

/* Green get-started button (theme default is .cta-btn) */
.cta-btn-wrapper {
  text-align: center;
  margin: 30px 0;
}