/*
Theme Name: APStract - FYI
Description: Child theme for andersfyi.se personal website
Template: APStract-Base
Author: Anders Larsson
Version: 2.0
Text Domain: apstract-fyi
*/

/* Import parent theme styles */
@import url("../APStract-Base/style.css");

/* Site-specific customizations for FYI */

/* Custom colors for FYI site */
:root {
  --site-primary: #7367f0;
  --site-secondary: #4ecdcc;
}

/* Section Wrapper Preset Styles for Anders Larsson */
.wp-block-aps-section-wrapper.theme-preset--vit {
  background: #ffffff !important;
  color: var(--color-text) !important;
  border: none;
  box-shadow: none;
}

.wp-block-aps-section-wrapper.theme-preset--gold {
  background: #d4af37 !important;
  color: #ffffff !important;
  border: 1px solid #b8860b;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.wp-block-aps-section-wrapper.theme-preset--gold-gradient {
  background: linear-gradient(135deg, #d4af37 0%, #b8860b 100%) !important;
  color: #ffffff !important;
  border: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.wp-block-aps-section-wrapper.theme-preset--fyi-primary {
  background: #7367f0 !important;
  color: #ffffff !important;
  border: none;
  box-shadow: 0 4px 12px rgba(115, 103, 240, 0.3);
}

.wp-block-aps-section-wrapper.theme-preset--fyi-cyan {
  background: #4ecdcc !important;
  color: #ffffff !important;
  border: none;
  box-shadow: 0 4px 12px rgba(78, 205, 204, 0.3);
}

/* Brand gradient preset - animated gradient using FYI brand colors */
.wp-block-aps-section-wrapper.theme-preset--brand-gradient {
  animation: subtle-shift 12s ease-in-out infinite;
  background: linear-gradient(125deg, rgba(115, 103, 240, .05), rgba(78, 205, 204, .05) 25%, rgba(115, 103, 240, .08) 50%, rgba(78, 205, 204, .05) 75%, rgba(115, 103, 240, .05));
  background-size: 200% 200%;
  color: var(--color-text) !important;
  border: none;
}

/* Fix for old blocks with section-wrapper__container */
.wp-block-aps-section-wrapper.theme-preset--brand-gradient .section-wrapper__container {
  background: none !important;
  animation: none !important;
}

/* Keyframe animation for brand gradient */
@keyframes subtle-shift {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

/* Fix no-padding functionality - override base theme specificity */
.wp-block-aps-section-wrapper.no-padding-top .section-wrapper__container {
  padding-top: 0 !important;
}

.wp-block-aps-section-wrapper.no-padding-bottom .section-wrapper__container {
  padding-bottom: 0 !important;
}

/* Any additional site-specific styles for Anders' site */

/* Mobile margin adjustments - reduce from 1.5rem to 0.5rem */
@media (max-width: 768px) {
  .wp-block-aps-section-wrapper .section-wrapper__container {
    padding: 1.5rem 0.5rem !important;
  }
  
  .hero-block__inner {
    padding: 0.8rem 0.5rem !important;
  }
}

@media (max-width: 600px) {
  .wp-block-aps-section-wrapper .section-wrapper__container {
    padding: 1.5rem 0.5rem !important;
  }
  
  .hero-block__inner {
    padding: 0.8rem 0.5rem !important;
  }
}