/*
Theme Name: Aardvark Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Aardvark WordPress theme.
Version: 1.0
Author: GhostPool
Author URI: http://www.ghostpool.com
Text Domain: aardvark
Template: aardvark
*/

/* ===== Global Depth & Polish ===== */

/* Pricing columns - lifted cards with hover effect */
.gp-pricing-column {
  box-shadow: 0 8px 35px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gp-pricing-column:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.24), 0 4px 12px rgba(0, 0, 0, 0.1);
}
.gp-highlight-column {
  box-shadow: 0 12px 45px rgba(232, 165, 37, 0.3), 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: scale(1.03);
}
.gp-highlight-column:hover {
  transform: scale(1.03) translateY(-8px);
  box-shadow: 0 20px 60px rgba(232, 165, 37, 0.4), 0 6px 16px rgba(0, 0, 0, 0.12);
}

/* Feature card columns (3-col section) */
.vc_custom_feat1,
.vc_custom_feat2,
.vc_custom_feat3 {
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.vc_custom_feat1:hover,
.vc_custom_feat2:hover,
.vc_custom_feat3:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18), 0 4px 10px rgba(0, 0, 0, 0.08) !important;
}

/* Icon elements - subtle depth on the icon circles */
.vc_icon_element .vc_icon_element-inner {
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.15));
}

/* Buttons - add depth */
.vc_btn3 {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.vc_btn3:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
}

/* Members avatars */
.members-list .item-avatar img,
.gp-bp-round-avatars .item-avatar img {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.members-list .item-avatar img:hover,
.gp-bp-round-avatars .item-avatar img:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

/* Events Coming Soon placeholder */
.vc_custom_events .wpb_text_column > .wpb_wrapper > div {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.3s ease;
}
.vc_custom_events .wpb_text_column > .wpb_wrapper > div:hover {
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.1);
}

/* Secondary features row - card effect */
.vc_custom_sf1,
.vc_custom_sf2,
.vc_custom_sf3,
.vc_custom_sf4 {
  border-radius: 10px;
  background: #ffffff !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.vc_custom_sf1:hover,
.vc_custom_sf2:hover,
.vc_custom_sf3:hover,
.vc_custom_sf4:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.16), 0 3px 8px rgba(0, 0, 0, 0.08);
}

/* Hero section - gradient background and text shadows */
.vc_custom_home_hero {
  background: linear-gradient(135deg, #1a3a6b 0%, #0f1e54 40%, #1a3a6b 70%, #2a5a9b 100%) !important;
}
.vc_custom_home_hero h1 {
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
}
.vc_custom_home_hero h4 {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Directory CTA banner inner shadow */
.vc_custom_directory_cta .wpb_text_column > .wpb_wrapper > div {
  box-shadow: inset 0 2px 20px rgba(0, 0, 0, 0.15), 0 8px 30px rgba(0, 0, 0, 0.12);
  border-radius: 0;
}

/* Final CTA - gradient background and text glow */
.vc_custom_final_cta {
  background: linear-gradient(135deg, #1a3a6b 0%, #0f1e54 40%, #1a3a6b 70%, #2a5a9b 100%) !important;
}
.vc_custom_final_cta h2 {
  text-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
}

/* Section heading underline accent */
.vc_custom_members_h .vc_custom_heading,
.vc_custom_events_h .vc_custom_heading {
  position: relative;
  padding-bottom: 15px;
}

/* ===== Row Spacing ===== */

/* Add horizontal padding to content rows so they don't touch the edges */
.vc_custom_about_section,
.vc_custom_features,
.vc_custom_members,
.vc_custom_events,
.vc_custom_features2,
.vc_custom_pricing,
.vc_custom_pricing_row {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

/* Members and events heading rows */
.vc_custom_members_h,
.vc_custom_events_h {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

/* On smaller screens, tighten padding */
@media (max-width: 768px) {
  .vc_custom_about_section,
  .vc_custom_features,
  .vc_custom_members,
  .vc_custom_events,
  .vc_custom_features2,
  .vc_custom_pricing,
  .vc_custom_pricing_row,
  .vc_custom_members_h,
  .vc_custom_events_h {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* ===== Footer ===== */

footer#gp-footer {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  background: linear-gradient(135deg, #1a3a6b 0%, #0f1e54 40%, #1a3a6b 70%, #2a5a9b 100%) !important;
  border-top: 3px solid #e8a525 !important;
  border-bottom: none !important;
}

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}