/* EDIT THIS FILE to change layout colours and spacing across the brochure.
   Individual templates are in templates/page_layouts/.
   The page editor data remains stored in SQLite. */
:root { --page-teal: #13a7b6; --page-purple: #6c3caa; --page-heading: #193849; }
.layout-content { position:relative; height:100%; }
.layout-content .eyebrow { color:var(--page-teal); }
.layout-content h2 { color:var(--page-heading); }
.page-cover .layout-content h2 { color:#ffffff; }
.page-cover .layout-content .eyebrow { color:#9deee7; }
.cover-line { height:6px;max-width:260px;border-radius:6px;margin:24px 0;background:linear-gradient(90deg,var(--page-teal),var(--page-purple)); }
.page-service .editorial-metric { color:var(--page-teal); }
/* Example custom page treatment: uncomment to give the contact page a pale teal tint.
.page-contact { background:#eaf7f8!important; }
*/
/* Example: add <img src="/static/images/my-photo.jpg" class="custom-decoration" alt=""> to any layout HTML. */
.custom-decoration { width:100%;height:150px;object-fit:cover;border-radius:12px;margin:12px 0; }

/* Approved PDF artwork placeholders — resize or reposition freely in the page templates. */
.product-optional-assets{margin-top:12px}
.asset-gallery{display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:100%}
.asset-gallery .asset-image,.product-optional-assets .asset-image{max-width:100%;height:auto;max-height:110px;object-fit:contain}
.asset-gallery-compliance{padding:8px 0;border-top:1px solid #d7e6e9}
.asset-gallery-compliance img{width:44px;height:40px;max-width:100%;object-fit:contain}
.product-optional-assets>.asset-image.asset-dimensions{max-width:180px;max-height:90px}

/* Brochure-specific visual theme. No effect on the other brochures. */
.brochure-public.theme-purple{--page-teal:#9361c4;--page-purple:#5f3ba0;--page-heading:#30234b}
.brochure-public.theme-blue{--page-teal:#247fa7;--page-purple:#2764a4;--page-heading:#173d5b}
.brochure-public.theme-purple .page-cover{background:linear-gradient(145deg,#20183e,#6844a1 65%,#198a99)}
.brochure-public.theme-blue .page-cover{background:linear-gradient(145deg,#102b48,#236b9c 65%,#119ea9)}
.brochure-public.theme-purple .eyebrow{color:#9361c4}
.brochure-public.theme-blue .eyebrow{color:#247fa7}

/* Shared contact footer. Editorial spreads: both pages; product spreads: left only.
   Text and links are editable in templates/page_layouts/footer.html. */
.brochure-book .paper.has-contact-footer,
.admin-book .paper.has-contact-footer {
  padding-bottom:100px;
}
.brochure-contact-footer {
  position:absolute;
  left:26px;
  right:26px;
  bottom:15px;
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:13px;
  padding-top:11px;
  border-top:1px solid #badce4;
  font:normal 10px/1.5 Arial,Helvetica,sans-serif;
  z-index:2;
}
.brochure-contact-details {min-width:0;max-width:calc(100% - 95px);overflow-wrap:anywhere;}
.brochure-contact-address {font-weight:700;margin-bottom:3px;}
.brochure-contact-links a {color:inherit;text-decoration:none;}
.brochure-contact-links a:hover {text-decoration:underline;}
.brochure-contact-button {
  flex:0 0 auto;
  display:inline-block;
  border-radius:6px;
  background:var(--page-teal,#13a7b6);
  color:#fff!important;
  font-size:10px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  padding:9px 10px;
}
.brochure-contact-button:hover {filter:brightness(.9);}
.page-cover .brochure-contact-footer {color:#fff;border-top-color:#ffffff6b;}
.page-cover .brochure-contact-links a {color:#fff;}
.page-cover .brochure-contact-button {background:#fff;color:#173a52!important;}
@media(max-width:900px){
  .brochure-contact-footer {position:static;margin-top:20px;min-height:0;}
  .brochure-book .paper.has-contact-footer,.admin-book .paper.has-contact-footer {padding-bottom:25px;}
}
/* Keep footer clear of content while the page-turn animation shows temporary sheets. */
.brochure-book .flip-sheet .sheet-face.has-contact-footer,
.brochure-book .incoming-leaf.has-contact-footer {padding-bottom:100px;}

/* Full-width images on editorial pages */
.page-editorial .editorial-image {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: none;
    object-fit: contain;
    margin: 15px 0;
    border-radius: 8px;
}

/* Apply to both left and right pages */
.page-editorial .layout-content {
    width: 100%;
    max-width: none;
}

/* Full-width images on editorial pages */
.page-contact .editorial-image {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: none;
    object-fit: contain;
    margin: 15px 0;
    border-radius: 8px;
}

/* Apply to both left and right pages */
.page-contact .layout-content {
    width: 100%;
    max-width: none;
}

/* Full-width images on editorial pages */
.page-service .editorial-image {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: none;
    object-fit: contain;
    margin: 15px 0;
    border-radius: 8px;
}

/* Apply to both left and right pages */
.page-service .layout-content {
    width: 100%;
    max-width: none;
}

/* Increase eyebrow heading size */
.paper .eyebrow {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}