/*
Theme Name: GeneratePress Child - iotantenna.co.uk
Template:   generatepress
Version:    1.0.0
Description: iotantenna.co.uk child theme. Navy/teal/orange palette. IBM Plex Sans + Barlow Condensed.
Author:      iotantenna.co.uk
*/

/* -----------------------------------------------
   GOOGLE FONTS
----------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

/* -----------------------------------------------
   CSS VARIABLES
----------------------------------------------- */
:root {
  --ia-navy:      #0b1622;
  --ia-teal:      #00c8b4;
  --ia-orange:    #e87020;
  --ia-teal-dark: #00a89a;
  --ia-text:      #d0dce8;
  --ia-muted:     #8096a8;
}

/* -----------------------------------------------
   TYPOGRAPHY
----------------------------------------------- */
body {
  font-family: 'IBM Plex Sans', sans-serif;
  background-color: var(--ia-navy);
  color: var(--ia-text);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
}

/* -----------------------------------------------
   LINKS
----------------------------------------------- */
a {
  color: var(--ia-teal);
}
a:visited {
  color: var(--ia-teal-dark);
}
a:hover,
a:focus {
  color: var(--ia-orange);
  text-decoration: underline;
}

/* -----------------------------------------------
   HEADER
----------------------------------------------- */
.site-header,
.site-header .header-widget,
.main-navigation {
  background-color: var(--ia-navy);
}

/* -----------------------------------------------
   NAVIGATION
----------------------------------------------- */
.main-navigation .nav-menu a {
  color: var(--ia-muted);
}
.main-navigation .nav-menu a:hover,
.main-navigation .nav-menu .current-menu-item > a {
  color: var(--ia-teal);
}
.main-navigation .nav-menu .sub-menu {
  background-color: #0f1f30;
  border-top: 2px solid var(--ia-teal);
}
.main-navigation .nav-menu .sub-menu a {
  color: var(--ia-muted);
}
.main-navigation .nav-menu .sub-menu a:hover {
  color: var(--ia-teal);
  background-color: #162840;
}

/* -----------------------------------------------
   BUTTONS
----------------------------------------------- */
.button,
button,
input[type="submit"],
.wp-block-button__link {
  background-color: var(--ia-teal);
  color: var(--ia-navy);
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
  background-color: var(--ia-orange);
  color: #ffffff;
}

/* -----------------------------------------------
   FOOTER - REMOVE GP CREDIT
----------------------------------------------- */
.site-info .credit {
  display: none !important;
}
.site-footer {
  background-color: var(--ia-navy);
  color: var(--ia-muted);
  border-top: 1px solid #1a3050;
}
.site-footer a {
  color: var(--ia-muted);
}
.site-footer a:hover {
  color: var(--ia-teal);
}

/* -----------------------------------------------
   NAV: PHONE NUMBER + QUOTE BUTTON (right side)
   Add CSS classes via Appearance > Menus > Screen Options
   Phone item class:  ia-nav-phone
   Quote item class:  ia-nav-quote
----------------------------------------------- */
.main-navigation .nav-menu > li.ia-nav-phone,
.main-navigation .nav-menu > li.ia-nav-quote {
  margin-left: auto;
}
.main-navigation .nav-menu > li.ia-nav-phone + li.ia-nav-quote {
  margin-left: 0;
}
.main-navigation .nav-menu > li.ia-nav-phone > a {
  color: #e87020 !important;
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
}
.main-navigation .nav-menu > li.ia-nav-phone > a:hover {
  color: #c95e10 !important;
}
.main-navigation .nav-menu > li.ia-nav-quote > a {
  background: var(--ia-teal) !important;
  color: var(--ia-navy) !important;
  padding: 8px 18px !important;
  border-radius: 4px;
  font-weight: 600;
  font-size: 0.9rem;
  margin: 8px 0 8px 8px;
  display: inline-block;
  transition: background 0.2s;
}
.main-navigation .nav-menu > li.ia-nav-quote > a:hover {
  background: var(--ia-teal-dark) !important;
  color: var(--ia-navy) !important;
}

@media (max-width: 768px) {
  .main-navigation .nav-menu > li.ia-nav-phone > a {
    display: block;
    text-align: center;
    padding: 14px;
    font-size: 1.1rem;
    background: #1a2840;
  }
  .main-navigation .nav-menu > li.ia-nav-quote > a {
    display: block;
    text-align: center;
    margin: 8px 16px;
    border-radius: 4px;
  }
}