/* === INFINILUX Brand Colors ===
 * Primary: #ec6518 (Orange)
 * Secondary: #1a1a2e (Navy)
 * Accent: #f4a261 (Soft Orange)
 * Background: #faf7f4 (Cream)
 */
/* Typography */
body {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  color: #1a1a2e;
  line-height: 1.6;
}
h1,h2,h3,h4,h5,h6 {
  font-family: Poppins, Inter, -apple-system, sans-serif;
  font-weight: 600;
  color: #1a1a2e;
  letter-spacing: -0.02em;
}
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }
/* Links */
a { color: #ec6518; text-decoration: none; }
a:hover { color: #c45214; }
/* Buttons */
.wp-block-button__link, .wp-element-button, button:not(.ab-item):not(.components-button) {
  background: linear-gradient(135deg, #ec6518, #f4a261);
  color: #fff;
  border-radius: 8px;
  padding: 12px 28px;
  font-weight: 600;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(236,101,24,0.25);
}
.wp-block-button__link:hover, .wp-element-button:hover {
  background: linear-gradient(135deg, #1a1a2e, #2d2d4e);
  box-shadow: 0 4px 16px rgba(26,26,46,0.3);
  transform: translateY(-1px);
}
/* Navigation */
.wp-block-navigation { font-family: Inter, sans-serif; font-weight: 500; }
.wp-block-navigation .current-menu-item > a { color: #ec6518; font-weight: 600; }
/* Site Title */
.wp-block-site-title a { font-family: Poppins, sans-serif; font-weight: 700; color: #1a1a2e; }
/* Cover blocks */
.wp-block-cover { border-radius: 12px; }
/* Groups & Cards */
.wp-block-group.has-background { border-radius: 12px; padding: 2rem; }
/* Footer */
footer, .wp-block-template-part footer {
  background: #1a1a2e;
  color: #f5f0eb;
  padding: 3rem 0;
}
footer a { color: #f4a261; }
footer a:hover { color: #ec6518; }
/* Blog */
.wp-block-post-title a { font-family: Poppins, sans-serif; color: #1a1a2e; }
.wp-block-post-title a:hover { color: #ec6518; }
/* Images */
.wp-block-image img { border-radius: 8px; }
/* Separator */
.wp-block-separator { border-color: #f4a261; opacity: 0.5; }
@media (max-width: 768px) {
  h1 { font-size: 2rem; }
  h2 { font-size: 1.5rem; }
  .wp-block-group.has-background { padding: 1.5rem; }
} 

/* === Hero Section (Cover Block) === */
.wp-block-cover:first-of-type {
    background: linear-gradient(135deg, #1a1a3e 0%, #0d1b3e 100%) !important;
}
.wp-block-cover:first-of-type h1, .wp-block-cover:first-of-type .wp-block-cover__inner-container h1 {
    color: #ffffff !important;
    font-size: 48px !important;
    text-align: center !important;
}
.wp-block-cover:first-of-type p {
    color: rgba(255,255,255,0.85) !important;
    font-size: 18px !important;
    text-align: center !important;
}
.wp-block-cover:first-of-type .wp-block-button__link {
    background-color: #4A90D9 !important;
    color: #ffffff !important;
}

/* === Value Props (3 Column Cards) === */
.wp-block-columns:has(h2) + .wp-block-columns .wp-block-column.has-background,
.wp-block-column.has-background {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    padding: 30px 20px !important;
    text-align: center !important;
}
.wp-block-column.has-background h3 {
    color: #1a1a3e !important;
    text-align: center !important;
}
.wp-block-column.has-background p {
    color: #666666 !important;
    text-align: center !important;
}

/* === Featured Product Section === */
.wp-block-media-text {
    background-color: #f5f7fa !important;
    padding: 40px !important;
    border-radius: 12px !important;
}
.wp-block-media-text .wp-block-button__link {
    background-color: #4A90D9 !important;
}

/* === CTA Section (last Cover Block) === */
.wp-block-cover:last-of-type {
    background: linear-gradient(135deg, #0d1b3e 0%, #1a1a3e 100%) !important;
}
.wp-block-cover:last-of-type h2 {
    color: #ffffff !important;
}
.wp-block-cover:last-of-type .wp-block-button__link {
    background-color: #F0A500 !important;
    color: #ffffff !important;
}

/* === Section Headings via Elementor === */
.elementor-text-editor h2 {
    color: #1a1a3e !important;
    font-size: 36px !important;
    text-align: center !important;
}

/* === Body background === */
body {
    background-color: #ffffff !important;
}