/*
Theme Name: Australia Is Waiting Child
Theme URI: https://australiaiswaiting.com
Description: Divi child theme for Australia Is Waiting — a tourism and education site about Australia. Built with brand colors pulled from the site logo.
Author: Australia Is Waiting
Template: Divi
Version: 1.0.0
Text Domain: aiw-child
*/

/* ==========================================================================
   BRAND COLORS — pulled from the "Australia Is Waiting" logo
   Edit these to fine-tune once you have the logo file open side-by-side.
   ========================================================================== */

:root {
  --aiw-deep-teal: #1F3A4C;      /* kookaburra body / wing, dark navy-teal */
  --aiw-forest-green: #1B4D3E;   /* "Australia is Waiting" wordmark */
  --aiw-sunset-orange: #C1502E;  /* map gradient — mid tone */
  --aiw-sunset-red: #7A2E1D;     /* map gradient — dark tone */
  --aiw-gold: #C89B3C;           /* ".com" wordmark */
  --aiw-cream: #FBF7EF;          /* soft background, off-white */
  --aiw-white: #FFFFFF;
}

/* ==========================================================================
   GLOBAL TYPOGRAPHY
   ========================================================================== */

body, p, li {
  color: #2C2C2A;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--aiw-deep-teal);
}

a {
  color: var(--aiw-sunset-orange);
}

a:hover {
  color: var(--aiw-sunset-red);
}

/* ==========================================================================
   HEADER / NAV
   ========================================================================== */

#main-header {
  background-color: var(--aiw-white);
  border-bottom: 3px solid var(--aiw-gold);
}

#top-menu li a {
  color: var(--aiw-deep-teal);
  font-weight: 500;
}

#top-menu li a:hover,
.nav li.current-menu-item > a {
  color: var(--aiw-sunset-orange);
}

/* ==========================================================================
   BUTTONS — Divi's default .et_pb_button, restyled to brand
   ========================================================================== */

.et_pb_button {
  background-color: var(--aiw-sunset-orange) !important;
  color: var(--aiw-white) !important;
  border: none !important;
  border-radius: 6px;
  padding: 14px 32px !important;
  font-weight: 500;
  letter-spacing: 0.02em;
  transition: background-color 0.2s ease;
}

.et_pb_button:hover {
  background-color: var(--aiw-sunset-red) !important;
}

.et_pb_button.aiw-btn-secondary {
  background-color: transparent !important;
  color: var(--aiw-deep-teal) !important;
  border: 2px solid var(--aiw-deep-teal) !important;
}

.et_pb_button.aiw-btn-secondary:hover {
  background-color: var(--aiw-deep-teal) !important;
  color: var(--aiw-white) !important;
}

/* ==========================================================================
   SECTION BACKGROUNDS — utility classes to apply via Divi's
   "CSS Class" field on any Section/Row module
   ========================================================================== */

.aiw-section-cream {
  background-color: var(--aiw-cream) !important;
}

.aiw-section-teal {
  background-color: var(--aiw-deep-teal) !important;
}
.aiw-section-teal h1,
.aiw-section-teal h2,
.aiw-section-teal h3,
.aiw-section-teal p {
  color: var(--aiw-white) !important;
}

/* ==========================================================================
   CARDS — for the "4 reasons to visit" blurbs and theme-explorer grid
   ========================================================================== */

.aiw-card .et_pb_blurb_content {
  background-color: var(--aiw-white);
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 10px rgba(31, 58, 76, 0.08);
  transition: transform 0.2s ease;
}

.aiw-card .et_pb_blurb_content:hover {
  transform: translateY(-4px);
}

.aiw-card .et_pb_main_blurb_image {
  color: var(--aiw-sunset-orange);
}

/* ==========================================================================
   DID-YOU-KNOW / FACT CALLOUT BOX (Science & Inventions page)
   ========================================================================== */

.aiw-callout {
  background-color: #FAEEDA; /* light gold tint */
  border-left: 4px solid var(--aiw-gold);
  border-radius: 0 8px 8px 0;
  padding: 24px 28px !important;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

#main-footer {
  background-color: var(--aiw-deep-teal) !important;
}

#main-footer, #main-footer a, #main-footer p, #main-footer li {
  color: var(--aiw-cream) !important;
}

/* ==========================================================================
   RESPONSIVE TWEAKS
   ========================================================================== */

@media (max-width: 767px) {
  .et_pb_button {
    width: 100%;
    text-align: center;
  }
}