/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

html, body {
	overflow-x: hidden;
}

/*
 * Pictures 
 */
.file-upload-section > .cropper-image-wrapper {
	height: 100%;
}
.file-upload-section.dz-clickable.dz-started {
	overflow-y: auto;
}
@media screen and (max-width: 1280px) {
	.uploader {
		grid-template-columns: 100%!important;
		grid-template-rows: auto;
	}
	.uploader-preview {
		display: flex;
		flex-direction: column;
		order: 1;
	}
	.uploader .file-upload-section {
		height: 70vh;
	}
	.dropzone .uploader-preview {
		order: 0;
	}
	.dropzone .uploader-variations #add-photos-to-cart {
		margin: 25px 0 0 0;
	}

}
@media screen and (max-width: 768px) {
	.dropzone {
		padding: 0;
	}
}

.img-radios { display: grid; grid-template-columns: repeat(5, minmax(100px,1fr)); gap: 12px; border:none!important; padding: 0; }
  @media (max-width: 800px) { .img-radios { grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 500px) { .img-radios { grid-template-columns: repeat(2, 1fr); } }

  .img-radio {
    position: relative;
  }
  .img-radio input[type="radio"] {
    position: absolute; inset: 0; opacity: 0; pointer-events: none;
  }
  .img-radio label {
    display: block; cursor: pointer; border: 2px solid #e4051333; border-radius: 12px;
    overflow: hidden; transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  }
  .img-radio label:focus-within { outline: 2px solid #e40513; outline-offset: 2px; }
  .img-radio img { width: 100%; height: 100%; object-fit: contain; display: block; aspect-ratio: 1 / 1; }

  /* state styles */
  .img-radio input[type="radio"]:checked + label { border-color: #e40513; box-shadow: 0 0 0 4px rgba(59,130,246,.15); transform: translateY(-1px); box-shadow: var(--shadow-red); }
  .img-radio input[type="radio"]:hover + label { border-color: #e40513; box-shadow: var(--shadow-red); }
  /* optional checkmark badge */
  .img-radio input[type="radio"]:checked + label::after {
    content: "✓"; position: absolute; top: 8px; right: 8px; font-weight: 700; background: #e40513;
    color: #fff; width: 24px; height: 24px; border-radius: 999px; display: grid; place-items: center; font-size: 14px;
  }

  /* helper: show caption under images (optional) */
  .img-radio .caption { display:block; padding:6px 8px; font-size:13px; background:#fff; color:#333; }

.wc-block-checkout__shipping-option--free {
	display: none;
}
.wp-block-woocommerce-cart {
	margin: 0;
}