:root {
  --le-bg: #111111;             /* background */
  --le-highlight-bg: #433e34;   /* highlight bg */
  --le-text: #e9e9e4;           /* main body text */
  --le-heading: #ffffff;        /* headings (slightly brighter) */
  --le-accent: #c2a878;         /* gold accent */
  --le-muted: #aaaaaa;          /* secondary text, captions, rules */
  --le-outline: #444444;        /* table outlines */
}

/* WebKit browsers: Chrome, Edge, Opera, Safari */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent; /* fallback */
}

::-webkit-scrollbar-thumb {
  background-color: var(--le-accent);
  opacity: 0.75;             /* semi‑transparent */
  border-radius: 4px;         /* soft edges */
  border: 2px solid transparent; /* creates spacing illusion */
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  opacity: 0.9; /* slightly stronger on hover */
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--le-muted) 75%, transparent) transparent;
}

body{
    background-color:var(--le-bg);
    background-repeat:repeat;
    background-size:auto;
    background-attachment:fixed;
    color:var(--le-text);
    letter-spacing:0.5px;
    line-height:1.6;
    padding-left:0;
    font-family: 'Lato', sans-serif;
    font-size:1.2rem;
    border-right:1px solid var(--le-accent);
}
body.inFrame{
    border-right:none;
}
body.inFrame .wc-block-components-checkout-return-to-cart-button,
body.inFrame #silktide-wrapper {
    display: none !important;
}
h1,h2,h3,h4,h5,h6,.entry-title{
    color:var(--le-heading);
    letter-spacing:1px;
    line-height:1.8;
    font-family: 'Playfair Display', serif;
}
h1,h2{
    text-transform: uppercase;
}
h3{
    font-weight:600;
}
body a{
    color:var(--le-accent);
    text-decoration:none!important;
    border-bottom:1px solid var(--le-accent)!important;
    transition:border-bottom 0.3s;
}
body a:hover{
    border-bottom:1px solid transparent!important;
}
header.site-header{
    display:none;
}
.section-inner{
    max-width:1280px;
}

summary{
    list-style:none;
    pointer-events:none;
}
summary:empty{
    margin-top:-50px;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: 2rem 0;
  font-size: 0.95rem;
}

thead{
    border:none!important;
}

th {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 1.2rem;
  border:none!important;
  border-bottom: 2px solid var(--le-accent)!important;
}

td {
  padding: 1rem;
  border:none!important;
  border-bottom: 1px solid var(--le-outline)!important;
}

tr:hover {
  background: var(--le-highlight-bg)!important;
}

figcaption{
    color:var(--le-muted);
    font-style:italic;
}

.muted{
    color:var(--le-muted);
}
.accent{
    color:var(--le-accent);
}

.le-breadcrumb-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: var(--le-highlight-bg);
  border-bottom: 1px solid var(--le-accent);
  border-right: 1px solid var(--le-accent);
  z-index: 1000;
  box-shadow: 0 20px 40px #00000028;
}
.le-breadcrumb-bar-inner{
  max-width:1280px;
  margin:auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

.le-breadcrumb {
  font-size: 0.9rem;
}

.le-breadcrumb a {
  color: var(--le-text);
  text-decoration: none;
}

.le-breadcrumb a:hover {
  text-decoration: underline;
}

.le-logo img {
  height: 50px;
  width: auto;
  margin:0 -8px 0 8px;
}

/* Mobile stacking */
@media (max-width: 600px) {
  .le-breadcrumb-bar {
    flex-direction: column;
    height: auto;
    padding: 0.5rem 1rem;
    align-items: flex-start;
  }

  .le-logo {
    margin-bottom: 0.5rem;
    align-self: center;
  }

  .le-breadcrumb {
    font-size: 0.85rem;
  }
}

#site-content{
    padding-top:30px;
}

.limited-edition-hero{
    position:relative;
    height: calc(100vh - 176px);
    max-height: 114vw;
    overflow: hidden;
    padding-top: 20px;border-bottom: 1px solid var(--le-accent);
}
.limited-edition-hero img{
    height: 100%;
    object-fit: cover;
    object-position: 85% 27.6%;
}
.page-limited-edition-prints .limited-edition-hero img{
    object-position: 90% 18.8%;
}
.page-acquire-limited-edition-prints .limited-edition-hero img{
    object-position: 50% 18.5%;
}
.limited-edition-artwork-page .limited-edition-hero img{
    width:100%;
    object-position: 50% 50%;
}
.limited-edition-hero-bottom-shadow{
    box-shadow: 0 -10px 40px #00000020;
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: -60px;
}

/* Scroll cue container */
.scroll-cue {
  position: relative;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  height:0;
  font-size: 1.5rem;  /* size of the chevron */
  color: rgba(0,0,0,0.5); /* or white if on dark background */
  animation: float 3s ease-in-out infinite;
  cursor: default;
  text-align:center;
}

/* Gentle float animation */
@keyframes float {
  0%, 100% {
    transform: translate(-50%, 0);
    opacity: 0.6;
  }
  50% {
    transform: translate(-50%, 8px);
    opacity: 1;
  }
}

/* General list reset for Limited Editions */
ul {
  list-style: none;
  margin: 2rem 0;
  padding: 0;
  line-height: 1.6;
  color: var(--le-text);
}

/* Each list item */
ul li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

/* Custom marker (subtle accent dot or square) */
ul>li::before {
  content: "▪";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--le-accent);
  font-size: 1.2rem;
  line-height: 1.6;
}

ul ul{
    margin-top:0;
}
ul ul li{
    padding-left:1em;
    margin-top:10px;
}
ul ul li:before{
    content:'';
}

.image-modal-img{
    border-radius:4px;
}

.site-footer .footerMenu{
    margin:0;
}
.site-footer ul.footerMenu > li:before{
    margin-top:-3px;
}
.site-footer .copyright{
    color:var(--le-accent);
    margin-top:4px;
}

/* When we're in the checkout page iframe */

body.inFrame #site-content{
    padding-top:0;
}
body.inFrame .wc-block-components-checkout-place-order-button{
    width: 100%!important;
    background-color: var(--le-accent);
    border-radius: 4px;
}
body.inFrame .ppcp-messages,
body.inFrame .wcpay-payment-element{
    background-color:white;
    padding:10px;
    border-radius:4px;
}
body.inFrame .wc-block-components-express-payment__event-buttons li:before{
    content:'';
}
body.inFrame .wc-block-components-express-payment__event-buttons{
    margin-left:-12px;
}
body.inFrame address{
    background-color:transparent;
    max-width:calc(100% - 45px);
}
body.inFrame .section-inner{
    max-width:100%;
}

.newsLetter .mailerlite-form input,
.newsLetter .mailerlite-form button{
    border:1px solid var(--le-heading);
}