/*
Theme Name:   Astra Child - Laznasku Custom Theme
Theme URI:    https://laznasku.bmtberingharjo.com
Description:  Custom child theme untuk redesign frontend Laznasku - BMT Beringharjo
Author:       BMT Beringharjo IT Team
Author URI:   https://github.com/IT-BMT-Beringharjo
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  astra-child
*/

/* Global Styles */

:root {
  /* warna design - teal/turquoise dari mockup */
  --primary-color: #26959A;
  --primary-light: #2aafb5;
  --primary-dark: #1f7a7e;
  --secondary-color: #f39c12;
  --text-color: #333333;
  --text-light: #666666;
  --heading-color: #1a1a1a;
  --border-color: #e0e0e0;
  --background-color: #ffffff;
  --background-light: #f8f9fa;

  /* gradient untuk hero section */
  --gradient-hero: linear-gradient(135deg, #26959A 0%, #2aafb5 100%);

  /* font - poppins dari google fonts */
  --font-primary: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --font-heading: 'Poppins', inherit;

  /* spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;

  /* breakpoints untuk responsive */
  --breakpoint-mobile: 576px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 992px;
  --breakpoint-wide: 1200px;
}

/* base typography */
html {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

/* Force remove all header borders and shadows globally */
.site-header,
#masthead,
header.site-header,
.main-header-bar-wrap,
.ast-main-header-wrap,
.main-header-bar {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
}

body {
  font-family: var(--font-primary);
  color: var(--text-color);
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  max-width: 100vw !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Remove any gap between header and content */
#content,
.site-content,
.ast-container,
#primary {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--heading-color);
  font-weight: 600;
}

/* siap untuk component styling - dimulai dari front-page.php */
.ast-small-footer {
  background-color: var(--primary-color);
  color: #ffffff;
  padding: var(--spacing-sm) 0;
  text-align: center;
}

.ast-small-footer .ast-footer-copyright {
  color: #ffffff;
}

.ast-small-footer a {
  color: #ffffff;
  text-decoration: underline;
}

.ast-small-footer a:hover {
  color: var(--secondary-color);
}