/* =========================================================
   Brand portal blocks (app/Core/Retal/BrandBlocks.php): additions to the copied page stylesheets
   photo-library*.css, asset-library*.css and brand-applications.css, which stay unchanged.
   ========================================================= */

/* The copied library stylesheets load this face from /assets/fonts (the site root), which is not where this
   site keeps it when it runs in a folder. Same face, from the theme's fonts. */
@font-face { font-family: "SangBleuKingdom-Light"; font-style: normal; font-weight: 300; font-display: swap; src: url('../../fonts/sangbleu-kingdom-light.ttf') format('truetype'); }

/* A carousel's address under its name (Photo Library, limited access: sales centres and business centres). */
.pl address.pl-address { display: block; margin: 0; font-size: 15px; line-height: 18px; font-style: normal; text-transform: uppercase; }

/* "Full Access": the round button fixed at the side of the window, on every limited-access page
   (from brand-applications.css, which the library pages do not load). */
.rp-full-access { --ba-brown: #85553A; position: fixed; inset-inline-end: 10px; top: 50%; z-index: 20; display: flex; flex-direction: column; align-items: center; gap: 8px; transform: translateY(-50%); pointer-events: none; }
.rp-full-access a { pointer-events: auto; text-decoration: none; }
.rp-full-access__btn { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; border: 1px solid #fff; border-radius: 50%; background: var(--ba-brown); color: #fff; font-size: 16px; transition: background-color .3s; }
.rp-full-access__btn:hover, .rp-full-access__btn:focus-visible { background: #5e3c29; color: #fff; }
.rp-full-access__label { font-family: 'Lucky Beauty', serif; font-size: 15px; font-weight: 600; line-height: 20px; text-align: center; color: var(--ba-brown); }
.rp-full-access__label:hover { color: var(--ba-brown); }
@media (max-width: 767px) {
	.rp-full-access__btn { width: 48px; height: 48px; }
}

/* ---------- Builder canvas (main.site-page): no scripts run there ---------- */
/* Carousels: slides side by side and scrollable, each at the width the script would give it. */
.site-page .pl .swiper { overflow-x: auto; }
.site-page .pl .r-image-carousel-wrapper .swiper-slide { flex: 0 0 100%; }
.site-page .pl .re-n-carousel .swiper-slide { flex: 0 0 25%; }
.site-page .pl .x-d0fdd36 .re-n-carousel .swiper-slide { flex: 0 0 33.333%; }
/* The fixed button stays where it can be selected. */
.site-page .rp-full-access { position: relative; inset: auto; transform: none; margin: 20px auto; }