/*
Theme Name: Mockup to WordPress Theme
Theme URI: https://mockuptocode.ai
Author: Mockup to Code AI
Description: Responsive WordPress Theme derived from custom mockup with integrated Elementor widgets.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: mockup-theme
*/

/* Reset & defaults */
body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #f8fafc;
}

/* Custom design specifications extracted directly from mockup */
body { font-family: 'Inter', sans-serif; }
h1, h2, h3, h4, .font-outfit { font-family: 'Outfit', sans-serif; }

/* Custom gradients & shadow styles */
.bg-gradient-hero {
  background: linear-gradient(135deg, #ffffff 0%, #f4f8fc 100%);
}

.text-trustpilot {
  color: #00b67a;
}

.bg-trustpilot {
  background-color: #00b67a;
}

/* Mockup & Book Styling */
.shadow-inner-book {
  box-shadow: inset 5px 0 15px rgba(0,0,0,0.3), inset -5px 0 15px rgba(255,255,255,0.1);
}

.book-spine-gradient {
  background: linear-gradient(to right, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
}

/* Interactive Cards */
.group\/card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

/* Compact Elementor adaptation adjustments */
.elementor-widget-icon-box .elementor-icon {
  background-color: #e2e8f0;
  padding: 10px;
  border-radius: 12px;
  color: #00254d;
}
.elementor-widget-icon-box .elementor-icon-box-title {
  font-size: 14px;
  font-weight: 700;
}
.elementor-widget-icon-box .elementor-icon-box-description {
  font-size: 12px;
  color: #64748b;
}