/*
Theme Name: Mall Holdings Blocks
Theme URI: 
Author: Abstract Marketing
Author URI: 
Description: Custom block theme for Mall Holdings
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mall-holdings-blocks
Tags: full-site-editing
*/

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

iframe {
    display: block;
}

input,
button,
textarea,
select {
	font: inherit;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
	appearance: none;
}

input:not([type="submit"]):not([type="radio"]),
select,
textarea {
	color: var(--wp--preset--color--contrast);
	border-radius: 2px;
	border: solid 1px var(--wp--preset--color--dark-gray);
	padding: .5em 1em;
	font-size: var(--wp--preset--font-size--small);
	background-color: #fff;
	box-shadow:
		0 1px 2px #0001,
		0 0.5px 1px #0001;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline-color: var(--wp--preset--color--secondary);
	outline-offset: 1px;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: 1.2em;
	height: 1.2em;
    accent-color: var(--wp--preset--color--secondary);
}

select {
	-webkit-appearance: none;
	appearance: none;
	background: var(--wp--preset--color--base) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xNCA1LTYuNSA3TDEgNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvc3ZnPg==) no-repeat;
    background-size: 15px;
    background-position: calc(100% - 12px) 50%;
	padding-right: 2.2em;
}

::placeholder {
	color: var(--wp--preset--color--contrast);
	opacity: 0.66;
}

img.alignright,
img.alignleft {
    float: none !important;
    margin: 1em auto;
    display: block;
    text-align: center;
}

@media (min-width: 782px) {
	.alignright {
		float: right;
		margin-inline-start: 1em;
	}

	.alignleft {
		float: left;
		margin-inline-end: 1em;
	}
}

@media (max-width: 781px) {
    .is-layout-constrained > figure.alignright,
    .is-layout-constrained > figure.alignleft {
        float: none;
        margin-inline: auto;
        margin-block-end: 1em;
        text-align: center;
    }
}

.wp-site-blocks {
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 100%;
    min-height: 100%;
}

.wp-site-blocks > * {
    margin: 0;
}

.inline-icon {
    width: 1em;
    height: 1em;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 10;
    box-shadow: 0 0 9px #0001;
}

.admin-bar .site-header {
    top: 40px;
}

@media (min-width: 782px) {
    .admin-bar .site-header {
        top: 32px;
    }
}

.has-modal-open :is(.site-header, .site-header__inner) {
    -webkit-backdrop-filter: unset !important;
    backdrop-filter: unset !important;
}

.wp-block-mall-holdings-blocks-shape-divider {
    transform: var(--transform);
}

.wp-block-mall-holdings-blocks-shape-divider[data-flip-x] {
    --transform: scaleX(-1);
}

.wp-block-mall-holdings-blocks-shape-divider[data-flip-y] {
    --transform: scaleY(-1);
}

.wp-block-mall-holdings-blocks-shape-divider[data-flip-y][data-flip-y] {
    --transform: scale(-1);
}

.wp-block-mall-holdings-blocks-shape-divider svg {
    display: block;
}

.embla {
	gap: 0 !important;
	position: relative;

	.wp-block-query {
		overflow: hidden !important;
	}

	.wp-block-post-template,
	.wp-block-post-template > ul {
		display: flex !important;
		touch-action: pan-y pinch-zoom;
		gap: 0 !important;
	}

	.wp-block-post-template > li,
	.wp-block-post-template > ul > li {
		--cols: 1;
		flex: 0 0 calc(100% / var(--cols, 1)) !important;
		min-width: 0 !important;
		margin: 0;
	}

	.c2.wp-block-post-template > li,
	.c2.wp-block-post-template > ul > li {
		@media (min-width: 640px) { --cols: 2 }
	}

	.c3.wp-block-post-template > li,
	.c3.wp-block-post-template > ul > li {
		@media (min-width: 640px) { --cols: 2 }
		@media (min-width: 1184px) { --cols: 3 }
	}

	.embla__buttons {
		opacity: 0;
		pointer-events: none;

		.wp-block-button {
			position: absolute;
			top: 33%;
		}

		.wp-block-button__link:hover {
			background: var(--wp--preset--color--tertiary);
		}

		.embla__prev {
			left: 0;
			@media (min-width: 1300px) { left: -1rem }
		}

		.embla__next {
			right: 0;
			@media (min-width: 1300px) { right: -1rem }
		}
	}

	&:hover .embla__buttons {
		opacity: 1;
		pointer-events: unset;
	}
}

.wp-block-image::before {
    content: unset !important;
}

.wp-block-image figcaption {
    position: unset !important;
    background: unset !important;
    text-shadow: unset !important;
    color: inherit !important;
    text-align: unset !important;
    padding: 10px 0 0 !important;
    font-size: inherit !important;
    font-weight: 700;
}

.splide__arrow {
    background: transparent !important;
    svg {
        fill: #fff !important;
    }
}

.splide__arrow--prev {
    left: 10px !important;
}

.splide__arrow--next {
    right: 10px !important;
}

.splide__pagination {
    bottom: 20px !important;
    transform: scale(.8);
    
    li {
        padding-inline: 4px !important;
    }
    .is-active {
        background: #fff !important;
        opacity: 1;
    }
}

.has-modal-open ul.wp-block-navigation {
    gap: 20px !important;
    font-weight: 400 !important;
}