/*
 * layout.css
 * Layout, header, and footer styles for Perfect English Child Theme
 * Uses 'btd-' prefix for all custom classes to avoid conflicts
 * Uses parent theme CSS variables for colors, fonts, etc.
 */

.btd-layout-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  font-family: var(--edublink-font-primary, Arial, sans-serif);
}

.btd-header {
  background: var(--edublink-color-primary, #0ecd73);
  color: var(--edublink-color-white, #fff);
  padding: 24px 0;
  border-radius: var(--edublink-radius, 18px);
  box-shadow: var(--edublink-shadow-dark, 0 2px 8px rgba(0, 0, 0, 0.04));
}

.btd-footer {
  background: var(--edublink-color-dark, #222);
  color: var(--edublink-color-white, #fff);
  padding: 32px 0 16px 0;
  border-radius: var(--edublink-radius-big, 24px);
  text-align: center;
  font-size: var(--edublink-font-size-b2, 1rem);
}

/* Add more layout styles as needed */