/* PGT Support reskin for pilotgtsupport.com / crosswindsupport.com (WordPress.com, Big Brother theme).
   Launch version for October 27, 2026: the V4 preview styles approved on October 15, plus the
   font rules that were already in Additional CSS before launch (kept as they were).
   One font import only, because it has to come first; it loads Hanken Grotesk (the font the old
   rules use) and Libre Bodoni. Goes with the logo upload (Site Identity) and the site title "PGT Support".
   Written in plain CSS that WordPress's CSS checker accepts: the brand colors are written out
   (no CSS variables) and the Huddle icon rule does not use :has(). It looks the same as the preview.
   To undo: replace everything here with "Additional CSS - before launch (undo).css". */
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:wght@400;500;600;700&family=Hanken+Grotesk:wght@300;400;500;600;700;800&display=swap');

/* Already in Additional CSS before launch, unchanged (their own font import line is covered by the one above). */
body,
.site,
.site-content,
.entry-content,
button,
input,
textarea {
    font-family: 'Hanken Grotesk', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.site-title,
.site-description {
    font-family: 'Hanken Grotesk', sans-serif;
}

/* PGT reskin, as approved in the V4 preview (October 15). */
html{background:#1E2A22}
body{background:#F6F5F1!important;color:#232b26}
body,.site,.site-content,.entry-content,button,input,textarea,select,.main-navigation,.breadcrumbs,.site-footer{font-family:'Hanken Grotesk',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
a,a:visited{color:#4E7CA6}
a:hover{color:#3F6689}

/* Header: white bar, PGT logo and a Support label */
.site-header{background:#fff;border-bottom:1px solid #dcdbd3;text-align:left}
.site-branding,.site-branding.has-header{margin:0;min-height:0;display:flex;align-items:center;gap:18px;padding:16px 20px}
.site-logo-link{display:block;line-height:0}
.site-logo-link img,.site-logo-link .site-logo{display:block;height:44px;width:auto;max-width:none}
.site-title,.site-description{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;padding:0}
.site-branding::after{content:"Support";display:flex;align-items:center;height:26px;padding-left:18px;border-left:1px solid #dcdbd3;font:700 11px/1 'Hanken Grotesk',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#5F8C43}

/* Phone and tablet menu: full-width Evergreen button */
.menu-toggle,.header-image ~ .menu-toggle{background:#1E2A22;border-radius:0;font:600 12px/1 'Hanken Grotesk',sans-serif;letter-spacing:.2em;text-transform:uppercase;padding:16px 0}
.main-navigation.toggled > div > ul{background:#1E2A22;border-top:1px solid rgba(255,255,255,.08)}
.main-navigation ul li a{border-bottom-color:rgba(255,255,255,.08)}
.main-navigation a,.main-navigation a:visited{color:#eef1ea}

@media (min-width:960px){
  .site-header{display:flex;align-items:center;justify-content:space-between;gap:0;padding:0 max(30px,calc((100% - 1280px)/2 + 30px)) 0 max(30px,calc((100% - 1280px)/2))}
  .site-branding,.site-branding.has-header{padding:22px 0}
  .main-navigation,.main-navigation.has-header{background:transparent!important;flex:1 1 auto;margin-left:32px}
  .main-navigation ul{max-width:none;margin:0;text-align:right}
  .main-navigation li:hover{background:transparent}
  .main-navigation > div > ul > li > a,.main-navigation > div > ul > li > a:visited,.main-navigation li:hover > a{color:#1E2A22!important;font-weight:500;font-size:14px;padding:8px 0;margin:0 0 0 26px;border-bottom:2px solid transparent}
  .main-navigation > div > ul > li:hover > a{border-bottom-color:#5F8C43}
  .main-navigation li > ul,.main-navigation ul ul{background:#fff;border:0;border-top:2px solid #5F8C43;box-shadow:0 12px 28px rgba(30,42,34,.14);width:15em;padding:6px 0}
  .main-navigation li > ul{left:auto;right:0;top:calc(100% + 2px)}
  .main-navigation li li > ul{right:100%;left:auto;top:-8px}
  .main-navigation ul ul a,.main-navigation ul ul a:visited,.main-navigation li:hover li a{color:#1E2A22!important;font-size:13px;padding:8px 16px;margin:0;border:0}
  .main-navigation li li:hover{background:#F6F5F1}
}

/* Breadcrumb */
.breadcrumbs{font-size:13px}
.breadcrumbs-root,.breadcrumbs-root:visited{background:#1E2A22;border-color:#1E2A22;color:#fff;font-weight:700}
.breadcrumbs-current{color:#5a655e;border-radius:0}

/* Page panel and titles */
.article-wrapper{border-radius:0;box-shadow:0 1px 0 #dcdbd3}
.entry-title,.entry-title a{font-family:'Libre Bodoni',Georgia,'Times New Roman',serif;font-weight:600;color:#1E2A22;letter-spacing:-.005em;line-height:1.15}
.entry-title::after{content:"";display:block;width:56px;height:3px;background:#5F8C43;margin-top:18px}
.entry-content{color:#232b26}
.entry-content h2,.entry-content h3{font-family:'Libre Bodoni',Georgia,serif;font-weight:600;color:#1E2A22}

/* Sidebar: Bone panels, gold-diamond headings */
.secondary .widget,.widget{background:#EDECE8;border-top-color:#e2e0d8;border-radius:0!important}
.widget-title{display:flex;align-items:center;gap:9px;font:700 11px/1.3 'Hanken Grotesk',sans-serif;letter-spacing:.2em;color:#1E2A22}
.widget-title::before{content:"";width:7px;height:7px;flex:none;background:#D6C969;transform:rotate(45deg)}
.textwidget{color:#232b26}
.search-field{border-radius:0;border:1px solid #dcdbd3;background:#fff}

/* Footer: Evergreen */
.site-footer,.custom-background .site-footer{background:#1E2A22;border-top:0}
.site-info,.site-info a,.site-info a:visited{color:#b9c4b4}

/* V3 (Lisa, 10/13): Quick tips box option B. The Bone box stays; a full-strength Field green bar runs across its top. */
.secondary .widget:first-child{border-top:4px solid #90B364!important}

/* V3 (Lisa and Dave, 10/13): hide the Huddle app icon under the "Crosswind Huddle" title on the Huddle page (page 1576, image 1583;
   it is the first and only picture on that page). */
.page-id-1576 .entry-content > figure.wp-block-image:first-child,.page-id-1576 .entry-content img.wp-image-1583{display:none!important}
