/*
 Theme Name:   Metro Distributors (Divi Child)
 Theme URI:    https://metrodistributorslimited.co.uk
 Description:  Child theme for Divi with the Metro Distributors colours, fonts and finishing styles. Page content is built with standard Divi modules and stays fully editable in the Divi Builder.
 Author:       Metro Distributors Limited
 Template:     Divi
 Version:      1.0.0
 Text Domain:  metro-divi-child
*/

/* ---------- Brand tokens ----------
   Orange  #F89B19   (labels, buttons, icon tiles)
   Red     #CC261A   (menu, card links, service titles)
   Yellow  #FED684   (header catalogue button)
   Off-white #F8F8F7 (alternate sections)  Footer #FAF8F6
   Dark    #262626   (hero / banner fallback behind photos)
   Fonts: Jost (headings) · Questrial (labels, buttons) · Urbanist (body) · Cormorant Garamond italic (feature banner)
------------------------------------ */
:root{
  --metro-orange:#F89B19; --metro-red:#CC261A; --metro-yellow:#FED684;
  --metro-ink:#000; --metro-text:#1d1d1f; --metro-muted:#5e5e62;
  --metro-off:#F8F8F7; --metro-foot:#FAF8F6; --metro-line:#e7e4df;
}

body,
body .et_pb_text,
body .et_pb_blurb_description{
  font-family:"Urbanist",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--metro-text);
  font-size:17px;
  line-height:1.65;
}
h1,h2,h3,h4,h5,h6,
.et_pb_module h1,.et_pb_module h2,.et_pb_module h3,.et_pb_module h4{
  font-family:"Jost","Futura","Century Gothic",sans-serif;
  font-weight:300;
  line-height:1.15;
  padding-bottom:12px;
  text-wrap:balance;
}
a{color:var(--metro-red)}

/* Orange uppercase label above headings: add class="metro-eyebrow" to a paragraph */
.metro-eyebrow{
  font-family:"Questrial","Century Gothic",sans-serif !important;
  font-size:15px !important;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--metro-orange) !important;
  padding-bottom:10px !important;
}
.metro-eyebrow.is-white{color:#fff !important;font-weight:500}

/* Dark photo bands (hero, page banners, feature + catalogue bands) */
.metro-dark h1,.metro-dark h2,.metro-dark h3{color:#fff !important}
.metro-dark p{color:#e6e6e6}

/* Feature banner heading in light italic serif */
.metro-serif h2{
  font-family:"Cormorant Garamond",Georgia,serif !important;
  font-style:italic;
  font-weight:300 !important;
}

/* ---------- Header ---------- */
.metro-header{box-shadow:0 2px 14px rgba(0,0,0,.06)}
@media (min-width:981px){
  .metro-header .metro-header-row{display:flex;align-items:center}
  .metro-header .metro-header-row > .et_pb_column{margin-bottom:0}
}
.metro-header .et_pb_text{margin-bottom:0 !important}
.metro-header .et_pb_menu .et-menu > li > a{
  border-bottom:2px solid transparent;
  padding-bottom:6px !important;
  transition:border-color .2s;
}
.metro-header .et_pb_menu .et-menu > li > a:hover,
.metro-header .et_pb_menu .et-menu > li.current-menu-item > a{border-color:var(--metro-orange);opacity:1}
.metro-header .et_pb_menu .et-menu > li{padding-left:16px;padding-right:16px}
.metro-header .et_mobile_nav_menu .mobile_nav .mobile_menu_bar:before{color:var(--metro-red)}
.metro-header .et_mobile_menu{border-top-color:var(--metro-orange)}
@media (max-width:980px){.metro-header-cta{display:none !important}}

/* ---------- Cards ---------- */
.metro-card{
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
  overflow:hidden;
}
.metro-card .et_pb_image{margin-bottom:0 !important}
.metro-card .et_pb_image img{width:100%;display:block}

.metro-pcard{
  background:#fff;
  padding:26px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.05);
  border-bottom:3px solid var(--metro-orange);
}
.metro-pcard ul{padding-left:1.1em;color:var(--metro-muted);font-size:16px}
.metro-pcard .metro-tag{font-family:"Questrial",sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--metro-orange)}
.metro-pcard .metro-units{font-family:"Questrial",sans-serif;font-size:13px;color:var(--metro-red);padding-top:8px}

/* Text-style "Click To Learn More" buttons */
.metro-link.et_pb_button{padding-left:0 !important;padding-right:0 !important}
.metro-link.et_pb_button:hover{text-decoration:underline}

/* Square orange icon tiles on blurbs (Divi draws a circle by default) */
.metro-square .et-pb-icon.et-pb-icon-circle{border-radius:0 !important}

/* Vision / mission columns */
.metro-rule{border-left:3px solid var(--metro-orange);padding-left:22px !important}

/* Category chips */
.metro-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0;margin:0;list-style:none}
.metro-chips li{background:#fff;border:1px solid var(--metro-line);border-radius:3px;padding:8px 16px;font-family:"Questrial",sans-serif;font-size:15px;letter-spacing:.04em}

/* Product page jump links */
.metro-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0;margin:0;list-style:none}
.metro-jump a{display:inline-block;font-family:"Questrial",sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:11px 20px;border:1px solid var(--metro-line);border-radius:3px;background:#fff;color:var(--metro-text);text-decoration:none}
.metro-jump a:hover{background:var(--metro-orange);border-color:var(--metro-orange);color:#fff}

/* About page company details */
.metro-facts{background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06);border-top:4px solid var(--metro-orange);padding:28px !important}
.metro-facts dl{margin:0}
.metro-facts .row{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:12px 0;border-bottom:1px solid var(--metro-line)}
.metro-facts .row:last-child{border-bottom:0}
.metro-facts dt{font-family:"Questrial",sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--metro-red);padding-top:3px}
.metro-facts dd{margin:0;font-weight:500}
@media (max-width:480px){.metro-facts .row{grid-template-columns:1fr;gap:2px}}

/* Contact form */
.metro-form{background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06);padding:32px !important}
.metro-form .et_pb_contact_form_container .input,
.metro-form input.input,.metro-form textarea.input{
  background:var(--metro-off) !important;border:1px solid var(--metro-line) !important;border-radius:3px;color:var(--metro-text) !important;font-family:"Urbanist",sans-serif;
}

/* Footer */
.metro-footer ul{list-style:none;padding:0 !important;margin:0}
.metro-footer li{padding:4px 0}
.metro-footer a{color:var(--metro-text);text-decoration:none}
.metro-footer a:hover{color:var(--metro-red)}
.metro-footer .metro-k{display:block;font-family:"Questrial",sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--metro-red)}

/* Back-to-top button in brand orange (enable in Divi > Theme Options > General) */
.et_pb_scroll_top.et-pb-icon{background:var(--metro-orange);border-radius:3px;right:20px;bottom:20px}