/*
Theme Name: Livia Records Child
Theme URI: https://les-davis.me/
Description: Child theme for Twenty Twenty to add artist archive/profile pages for Livia Records.
Author: Les Davis
Author URI: https://les-davis.me/
Template: twentytwenty
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: livia-records-child
*/
#header,
#header-core,
#header::before,
#header::after,
#header-core::before,
#header-core::after{
  background:#000 !important;
  box-shadow:none !important;
}
html { font-size: 14px; }     /* base size */
body { line-height: 1.6; }

h1 { font-size: 2.5rem; }     /* 40px if base = 16px */
h2 { font-size: 2rem; }       /* 32px */
h3 { font-size: 1.5rem; }     /* 24px */
h6 { font-size: 1.0rem; font-weight:500 }     /* 24px */
p, li { font-size: 1rem; }    /* 16px */
small { font-size: 0.875rem; }/* 14px */

/* links in header */

.main-navigation .menu-item a {
  font-size: 18px !important;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

#header a { color:#fff !important; }
.main-navigation .menu > li > a,



/* --- Basic artist layout styles --- */
.artist-header {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
  margin: 2rem 0;
}
.artist-photo img {
  border-radius: 50%;
  max-width: 220px;
  height: auto;
  display: block;
}
.artist-info h1 {
  margin: 0 0 0.75rem;
  font-size: 2.2rem;
  line-height: 1.2;
}
.artist-info p {
  margin: 0;
}
.artist-albums h2 {
  margin-top: 3rem;
  font-size: 1.6rem;
}
/* Directory grid (used by [livia_artists]) */
.artists-directory {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1.25rem;
}
.artist-card {
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 10px;
  padding: 1rem;
  transition: transform 120ms ease, box-shadow 120ms ease;
  background: #fff;
}
.artist-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
.artist-card__image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  margin-bottom: 0.75rem;
}
.artist-card__name {
  margin: 0 0 0.4rem;
  font-size: 1.1rem;
}
.artist-card__blurb {
  margin: 0;
  font-size: 0.95rem;
  color: #333;
}
.product-artists {
  margin: 0.75rem 0 1rem;
  font-size: 2.00rem;
}
.product-artists a {
  text-decoration: none;
}

/* --- Your site-wide tweaks --- */
.woocommerce-products-header {
   display: none !important;
}

p {	 
  font-family: 'Poppins', sans-serif;	 
  font-weight: 400;	 
}

/* Reduce header height */
.site-header {
  padding-top: 100px;
  padding-bottom: 100px;
}

.site-branding {
  height: 160px;
}

/* search button = white box, black FA icon, centered */
#header .fa.fa-search{
  background:#fff!important;
  border:0px solid #000!important;
  color:#000!important;           /* for FA icons */
  width:42px;height:42px;
  display:inline-flex;align-items:center;justify-content:center;
  line-height:1;font-size:18px;
  box-shadow:none!important;filter:none!important;
}
#header .fa.fa-search:before{color:#000!important;}  /* ensure glyph is black */
/* Remove the grey intro band under header */
#intro {
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
  background:none !important;
}
#logo{display:flex;align-items:center;gap:12px}
#logo img{max-height:110px}
#logo .site-title a{color:#fff!important;text-decoration:none}
#logo .site-title{font-family:'Poppins',sans-serif;font-weight:600;font-size:28px;letter-spacing:.05em}
@media (max-width:782px){#logo .site-title{font-size:18px}}

/* tighten footer height */
#footer-core, #footer, .site-footer {
  padding: 16px 0 !important;
}
#footer-core .widget { margin: 0 !important; }

/* match header typography */
#footer-core, #footer-core a, #footer-core h3,
.site-footer, .site-footer a, .site-footer h3 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .8px;
  color: #fff !important;
  font-size: 20px; /* adjust as needed */
}

/* Container */
#footer-core .footer-socials {
  text-align: left;   /* keep heading + icons aligned */
}

/* Heading */
#footer-core .footer-socials h3 {
  margin-bottom: 16px;
}

/* Icons row */
#footer-core .footer-socials .icons {
  display: flex;
  flex-direction: row;       /* force one row */
  align-items: left;       /* vertical alignment */
  justify-content: flex-start;
  gap: 16px;                 /* consistent spacing */
  margin-top: 6px;
}

/* Icons themselves */
#footer-core .footer-socials .icons a {
  display: inline-flex;
  align-items: left;
  justify-content: left;
  width: auto;   /* no forced circle */
  height: auto;
  margin: 0;     /* let gap control spacing */
  color: #fff !important;
}

#footer-core .footer-socials .icons svg {
  width: 35px;
  height: 35px;
  fill: currentColor !important;
}

#footer-core .footer-socials .icons a:hover {
  color: #aaa;
}
/* Make EVERY footer bar pure black */
#footer, #footer-core, #footer-bottom, #sub-footer,
.site-footer, .footer, .footer-widgets, .footer-area,
#footer .container, #footer-core .container {
  background: #000 !important;
}

/* kill any borders/overlays that keep it “off-black” */
#footer, #footer-core, #footer-bottom, #sub-footer {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}
/* Footer overall thickness */
#footer, #footer-core, .site-footer {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
/* Woo buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .added_to_cart,
.wp-element-button {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
  border-radius:4px;
  padding:.6em 1em;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.wp-element-button:hover {
  background:#fff !important;
  color:#000 !important;
  border-color:#000 !important;
}
/* Grid cards */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
  font-family:'Poppins',sans-serif;
  font-weight:700;
  text-transform:uppercase;
  font-size:16px;          /* tweak */
  line-height:1.25;
}

/* Single product title */
.single-product .product_title {
  font-family:'Poppins',sans-serif;
  font-weight:700;
  text-transform:uppercase;
}
/* Shrink the line that contains artist links */
.single-product .summary p:has(a[href*="pa_artist"]),
.single-product .summary div:has(a[href*="pa_artist"]) {
  font-size:16px;          /* smaller than H1 */
  line-height:1.4;
  font-weight:600;
  margin:.5rem 0 1rem;
}
/* make the label lighter if it’s a <strong> before the links */
.single-product .summary p:has(a[href*="pa_artist"]) strong {
  font-weight:600;
  font-size:inherit;
}
.woocommerce ul.products li.product .button {
  padding:.5em .9em;
  margin-top:.6em;
}
/* Submenu dropdown */
.main-navigation ul ul {
  background:#000 !important;
}
.main-navigation ul ul li a {
  color:#fff !important;
}
.main-navigation ul ul li a:hover {
  background:#222; /* slightly lighter black on hover */
}
/* Boxed "back-of-album" panel */
.lr-trackbox{
  border:1px solid #e5e5e5;
  background:#fafafa;
  border-radius:10px;
  padding:16px 20px;
  margin:24px 0;
}
.lr-trackbox__hd h3{
  margin:0 0 8px;
  font-family:'Poppins',sans-serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:1rem;
  color:#333;
}

/* Ordered list layout (no play column) */
.lr-tracklist{counter-reset:trk;list-style:none;margin:0;padding:0}
.lr-tracklist li{
  display:grid;
  grid-template-columns:2rem 1fr auto; /* number | title | duration */
  column-gap:.75rem;
  align-items:center;
  padding:.6rem .25rem;
  border-bottom:1px solid #eaeaea;
}
.lr-tracklist li:last-child{border-bottom:0}

/* number */
.lr-tracklist li::before{
  counter-increment:trk;
  content: counter(trk) ".";
  grid-column:1;
  font-weight:700;
  color:#222;
}

/* title + duration */
.lr-tracklist .title{grid-column:2;margin:0;font-weight:600}
.lr-tracklist .duration{
  grid-column:3;justify-self:end;margin:0;
  font-variant-numeric:tabular-nums;opacity:.75
}

/* mobile */
@media (max-width:600px){
  .lr-tracklist li{grid-template-columns:2rem 1fr auto}
}
/* Product description font size */
.woocommerce-product-details__short-description,
.woocommerce-Tabs-panel--description {
  font-size: 1.1rem;   /* increase text size */
  line-height: 1.75;
  color: #222;         /* slightly darker text */
  font-family: 'Poppins', sans-serif;
}
/* Force larger product prices on shop & archive pages */
body.archive .woocommerce ul.products li.product .price,
body.post-type-archive-product .woocommerce ul.products li.product .price,
body.tax-product_cat .woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price span,
.woocommerce ul.products li.product .price bdi {
  font-family: 'Poppins', sans-serif !important;
  font-size: 1.1rem !important;  /* adjust size here */
  font-weight: 600 !important;
  color: #324375 !important;
  line-height: 1.4 !important;
}
/* Ensure sale/new price inherits gold as well */
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price del {
  color: #324375 !important;
}
/* Larger WooCommerce breadcrumbs */
.woocommerce-breadcrumb {
  font-size: 1.05rem !important;   /* increase for readability */
  font-weight: 500;
  letter-spacing: 0.3px;
  color: #555;                     /* adjust if you want lighter/darker */
  margin-bottom: 1em;
}

.woocommerce-breadcrumb a {
  color: #333;                     /* breadcrumb link colour */
  text-decoration: none;
}

.woocommerce-breadcrumb a:hover {
  color: #000;                     /* slightly darker on hover */
}
#sub-footer-core .copyright,
#sub-footer-core .copyright a {
    color: #fff !important;
}

#sub-footer-core .copyright a:hover {
    opacity: 0.8;
}