/*
Theme Name: Hostinger AI Child
Theme URI: https://example.com/hostinger-ai-theme-child
Author: Your Name
Author URI: https://example.com
Template: hostinger-ai-theme
Description: Child theme for the Hostinger AI theme.
Version: 1.0.1
Requires at least: 5.6
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: hostinger-ai-theme-child
*/

@import url("blocks/hero-slider/style.css");

:root {
  --child-bg: #020d1b;
  --child-panel: rgba(10, 20, 32, 0.72);
  --child-panel-strong: rgba(10, 20, 32, 0.9);
  --child-text: #eaf6ff;
  --child-muted: rgba(234, 246, 255, 0.72);
  --child-accent: #57d9c6;
  --child-accent-soft: rgba(87, 217, 198, 0.2);
  --child-line: rgba(234, 246, 255, 0.18);
  --child-shadow: rgba(0, 0, 0, 0.22);
}

* {
  box-sizing: border-box;
}

body {
  background: #edf2f5;
  color: var(--child-text);
  font-family: "Segoe UI", Arial, sans-serif;
}

body .wp-site-blocks {
  background: #edf2f5;
}

.site-header,
.site-footer,
.wp-block-group,
.wp-block-columns,
.wp-block-column,
.wp-block-cover,
.wp-block-image,
.wp-block-button,
.wp-block-post-content {
  font-family: inherit;
}

/* Transparent header on front page */
body.home .hostinger-ai-menu,
body.front-page .hostinger-ai-menu {
  background-color: transparent !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

body.home .hostinger-ai-menu-wrapper,
body.front-page .hostinger-ai-menu-wrapper {
  background-color: transparent !important;
}

body.home .hostinger-ai-site-navigation-wrapper,
body.front-page .hostinger-ai-site-navigation-wrapper {
  background-color: transparent !important;
}

/* White text for nav links on transparent header */
body.home .hostinger-ai-menu a,
body.front-page .hostinger-ai-menu a,
body.home .wp-block-navigation a,
body.front-page .wp-block-navigation a {
  color: #ffffff !important;
}

body.home .wp-block-site-title a,
body.front-page .wp-block-site-title a {
  color: #ffffff !important;
}

/* Ensure hero slider sits behind transparent header on front page */
body.home .hostinger-hero-slider,
body.front-page .hostinger-hero-slider {
  margin-top: 0;
  padding-top: calc(var(--nav-height, 80px) + 2rem);
}