/*
 Theme Name: Roker Wing Extra Child
 Theme URI: https://therokerwing.com/
 Description: Brand foundation and safe customizations for The Roker Wing, built as a child theme of Extra.
 Author: Prem
 Author URI: https://prem.agency/
 Template: Extra
 Version: 1.0.0
 Requires at least: 6.0
 Requires PHP: 7.4
 Text Domain: roker-wing-extra-child
*/

:root {
    --roker-wing-navy: #0b1f35;
    --roker-wing-red: #8d1f22;
    --roker-wing-gold: #c6a35a;
    --roker-wing-parchment: #f1e2c8;
    --roker-wing-ink: #1e1b18;
}

/* Keep the initial child-theme layer restrained; detailed layouts remain editable in Extra/Divi. */
body {
    background-color: var(--roker-wing-parchment);
    color: var(--roker-wing-ink);
}

a {
    color: var(--roker-wing-red);
}

a:hover,
a:focus {
    color: var(--roker-wing-navy);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--roker-wing-navy);
}

.et_pb_button,
.et_pb_more_button {
    border-color: var(--roker-wing-gold);
    background-color: var(--roker-wing-red);
    color: #fff;
}

.et_pb_button:hover,
.et_pb_more_button:hover {
    border-color: var(--roker-wing-navy);
    background-color: var(--roker-wing-navy);
    color: #fff;
}

/* Optional utility classes for Divi modules and future custom templates. */
.roker-wing-brand-hero {
    background-color: var(--roker-wing-navy);
    background-image: linear-gradient(rgba(11, 31, 53, 0.22), rgba(11, 31, 53, 0.22)), url('assets/images/roker-wing-banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.roker-wing-brand-logo {
    display: block;
    max-width: 100%;
    height: auto;
}