/*
Theme Name: WP Theme Dev — m07 Child
Theme URI: https://rbuchholz1.bitweb1.nwtc.edu
Author: Kayden Konshak
Author URI: https://rbuchholz1.bitweb1.nwtc.edu
Description: Child theme for the Final Project. Overrides parent styling + custom header size/default image.
Tags: two-column
Template: wptd-m07
Version: 1.0
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.0
License: GNU GPL v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: wptd-m07-child
*/

/* =========================================================
   Child Theme Overrides — "Frosted Aurora"
   (colors / layout / link styles) — rubric requirement
   ========================================================= */

/* Shift accent + deepen background slightly */
:root{
  --blue: #a78bfa;      /* purple accent override */
  --blue-ink: #a78bfa;  /* link color */
  --ring: rgba(167, 139, 250, 0.85);
}

/* Background tuning */
body{
  background:
    radial-gradient(1000px 480px at 18% -10%, rgba(167, 139, 250, .18), transparent 60%),
    radial-gradient(800px 420px at 85% 0%, rgba(34, 197, 94, .10), transparent 55%),
    radial-gradient(circle at top, var(--bg-gradient-start) 0, var(--bg-gradient-end) 55%);
}

/* Links: more "designed" */
a{
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
a:hover{
  text-decoration: underline;
}

/* Header: slightly different vibe */
.site-header{
  background: linear-gradient(90deg, #020617 0%, rgba(167, 139, 250, .10) 25%, #020617 65%, #020617 100%);
  border-bottom-color: rgba(167, 139, 250, 0.45);
}

/* Nav pills: purple glow instead of blue */
.nav--main .menu a:hover,
.nav--main .current-menu-item > a,
.nav--main .current_page_item > a{
  border-color: rgba(167, 139, 250, 0.75);
  box-shadow: 0 12px 32px rgba(167, 139, 250, 0.18);
}

/* Buttons: new gradient */
.card-section-button,
input[type="submit"],
button[type="submit"],
.button-primary{
  background: linear-gradient(135deg, #a78bfa, #22c55e);
  box-shadow: 0 14px 34px rgba(167, 139, 250, 0.25);
}
.card-section-button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.button-primary:hover{
  background: linear-gradient(135deg, #8b5cf6, #22c55e);
  box-shadow: 0 18px 44px rgba(167, 139, 250, 0.35);
}

/* Layout: slightly tighter */
.layout{
  padding-top: 2.1rem;
}

/* Custom header image behavior */
#custom-header{
  display: block;
  max-width: 320px;
  height: auto;
  object-fit: contain;
  margin-left: auto;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  box-shadow: 0 16px 40px rgba(0,0,0,.45);
}

@media (max-width: 900px){
  #custom-header{
    max-width: 100%;
    margin-left: 0;
  }
}