/*
Theme Name: Photobot
Description: Child theme for Uncode theme
Author: Dazze Studio
Author URI: http://www.dazze.studio
Template: uncode
Version: 1.0.1
Text Domain: uncode
*/

/* -------------------------------------------------------------------------
   Child theme overrides.

   The designer's styles are authored in assets/scss/ and compiled to
   static/style.css. That build is not in this repo, so hand-written rules
   live here instead — this file is enqueued last, after the compiled sheet.
   Anything below should eventually move into the matching SCSS partial.
   ---------------------------------------------------------------------- */

/* A location with one or two venues renders its cards standing still rather
   than cloned across a moving strip (see lib/venue-cards-filter.php). Uncode
   only skips centring while the marquee is animating, so a static strip ends
   up centred under left-aligned text. Pull it back to the left.

   !important because the rule it overrides carries three :not() pseudo-classes
   and outweighs anything reasonable:
   .pos-center .linear-system .linear-wrapper:not([data-infinite="yes"])...

   12 Sept 2026: this now only anchors the wrapper's single child, which the
   rule below stretches to width 100% anyway, so it decides nothing visible.
   Where the CARDS sit is set in assets/scss/sections/_venues-marquee.scss,
   and Adam's call that day was to centre them. */
.our-venues .linear-system.venues-static .linear-wrapper {
	justify-content: flex-start !important;
}

/* Let those static cards wrap rather than run off the edge.

   The strip is a single nowrap flex row inside .box-wrapper, which is
   overflow:hidden — so a second card simply disappears, unreachable, at every
   width below about 1280px. For one or two venues this is not really a strip
   at all, so it wraps instead: cards keep the width they were designed at and
   drop onto a new line when there is no room beside each other. */
.our-venues .linear-system.venues-static .linear-wrapper,
.our-venues .linear-system.venues-static .linear-container {
	flex-wrap: wrap;
	width: 100%;
}

/* The card carries its gutter as padding-right: 36px. In a strip that spaces
   the cards apart and the last card's share scrolls off the edge unseen.
   Wrapped, the same padding becomes dead space inside every card, no gap at
   all between stacked rows, and a trailing band after the last card. A real
   gap does the job on both axes and leaves the card's own box alone. */
.our-venues .linear-system.venues-static .linear-container {
	gap: 36px;
}

/* 584px is the card the module actually draws — 620px box less that 36px of
   gutter, against 582px in the marquee at 1440. Held as a flex-basis rather
   than a percentage so no breakpoint has to be guessed: two sit side by side
   wherever 1204px is available, one per line below that, and the card shrinks
   only once the container is narrower than a single one. */
.our-venues .linear-system.venues-static .linear-container > .tmb {
	flex: 0 1 584px;
	width: auto;
	max-width: 100%;
	padding-right: 0 !important;
}

/* The module's generated CSS pins the image and the text to a fixed pixel
   width sized for a row that never wraps:

     .lineargrid-610737 … .t-entry-visual { width: clamp(280px, 20vw, 300px) !important }

   Six classes and !important, so this needs seven to outrank it. The two
   halves split the card between them; the image then fills its half, rather
   than taking half of it and leaving a white band.

   :not(.tmb-only-text) added 12 Sept 2026 — "one-venue towns render a broken
   half-blank card". A venue with no featured image renders as tmb-only-text:
   no .t-entry-visual in the markup at all, so half the card went to an image
   column that did not exist and the other half sat inside the black border as
   blank white. A card with no media column is not two halves, so it is left
   to the module's own width; assets/scss/sections/_venues-marquee.scss then
   shrinks the card to it. */
@media (min-width: 570px) {
	.our-venues .linear-system.venues-static .linear-wrapper .linear-container .tmb:not(.tmb-only-text) .t-entry-visual,
	.our-venues .linear-system.venues-static .linear-wrapper .linear-container .tmb:not(.tmb-only-text) .t-entry-text {
		width: 50% !important;
	}
}

@media (max-width: 569px) {
	.our-venues .linear-system.venues-static .linear-wrapper .linear-container .tmb .t-entry-visual,
	.our-venues .linear-system.venues-static .linear-wrapper .linear-container .tmb .t-entry-text {
		width: 100% !important;
	}
}

.our-venues .linear-system.venues-static .linear-wrapper .linear-container .tmb .t-entry-visual img,
.our-venues .linear-system.venues-static .linear-wrapper .linear-container .tmb .fluid-object {
	width: 100% !important;
}