/*
 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
*/




/*************** ZamyCSS Framework  ***********/

/*  Import Fonts */
@font-face {
  font-family: "DM Sans";
  src: url("/wp-content/uploads/fonts/dmsans.woff2");
}

@font-face {
  font-family: "Outfit";
  src: url("/wp-content/uploads/fonts/outfit.woff2");
}

body {
  font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Outfit", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
}

.font--body {
  font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
}

.font--heading {
  font-family: "Outfit", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
}

/*  Reset */

p:not(:last-child) {
  margin-block-end: var(--ptag-bottom-margin);
}

/*  Content Grid */

.content-grid {
  --full: minmax(var(--gutter), 1fr);
  padding-inline: 0;
  column-gap: 0 !important;
  display: grid !important;
  grid-template-columns:
    [full-start] var(--full)
    [feature-max-start] minmax(0, var(--feature-max-width, 100px))
    [feature-start] minmax(0, var(--feature-width, 50px))
    [content-start] min(var(--content-width), 100% - var(--gutter) * 2)
    [content-end]
    minmax(0, var(--feature-width, 50px))
    [feature-end] minmax(0, var(--feature-max-width, 100px))
    [feature-max-end] var(--full) [full-end];
}

.content--feature {
  grid-column: feature;
}

.content--feature-max {
  grid-column: feature-max;
}

.content--full {
  grid-column: full;
}

.content--full-safe {
  grid-column: full;
  padding-inline: var(--gutter);
}

.content-grid
  > :not(
    .content--feature,
    .content--feature-max,
    .content--full,
    .content--full-safe
  ) {
  width: 100%;
}

.content-grid
  > :where(
    :not(
        .content--feature,
        .content--feature-max,
        .content--full,
        .content--full-safe
      )
  ) {
  grid-column: content;
}

:is(
    .content--feature,
    .content--feature-max,
    .content--full,
    .content--full-safe
  ):not(
    .content-grid--off
      :is(
        .content--feature,
        .content--feature-max,
        .content--full,
        .content--full-safe
      )
  ) {
  width: 100% !important;
  max-width: 100%;
}

/****************** Utility Classes ******************/

/* Text Size Classes */
.text--xs {
  font-size: var(--text-xs);
}
.text--s {
  font-size: var(--text-s);
}
.text--m {
  font-size: var(--text-m);
}
.text--l {
  font-size: var(--text-l);
}
.text--xl {
  font-size: var(--text-xl);
}
.text--xxl {
  font-size: var(--text-xxl);
}

/* Text Color */

.text--primary {
  color: var(--primary);
}

.text--secondary {
  color: var(--secondary);
}

.text--accent {
  color: var(--accent);
}

.text--base {
  color: var(--base);
}

.text--neutral {
  color: var(--neutral);
}

.text--tertiary {
  color: var(--tertiary);
}

.text--white {
  color: var(--white);
}

.text--black {
  color: var(--black);
}

/* Text Weight */
.text--100 {
  font-weight: 100;
}

.text--200 {
  font-weight: 200;
}

.text--300 {
  font-weight: 300;
}

.text--400 {
  font-weight: 400;
}

.text--500 {
  font-weight: 500;
}

.text--600 {
  font-weight: 600;
}

.text--700 {
  font-weight: 700;
}

.text--800 {
  font-weight: 800;
}

.text--900 {
  font-weight: 900;
}

/* Spacing Classes */
.gap--m {
  gap: var(--space-m);
}
.gap--s {
  gap: var(--space-s);
}
.gap--xs {
  gap: var(--space-xs);
}
.gap--l {
  gap: var(--space-l);
}
.gap--xl {
  gap: var(--space-xl);
}
.gap--xxl {
  gap: var(--space-xxl);
}
.grid-gap {
  gap: var(--grid-gap);
}

/* Grid Classes */
.grid--1 {
  display: grid;
  grid-template-columns: var(--grid-1);
}
.grid--2 {
  display: grid;
  grid-template-columns: var(--grid-2);
}
.grid--3 {
  display: grid;
  grid-template-columns: var(--grid-3);
}
.grid--4 {
  display: grid;
  grid-template-columns: var(--grid-4);
}
.grid--5 {
  display: grid;
  grid-template-columns: var(--grid-5);
}
.grid--6 {
  display: grid;
  grid-template-columns: var(--grid-6);
}
.grid--7 {
  display: grid;
  grid-template-columns: var(--grid-7);
}
.grid--8 {
  display: grid;
  grid-template-columns: var(--grid-8);
}
.grid--9 {
  display: grid;
  grid-template-columns: var(--grid-9);
}
.grid--10 {
  display: grid;
  grid-template-columns: var(--grid-10);
}
.grid--11 {
  display: grid;
  grid-template-columns: var(--grid-11);
}
.grid--12 {
  display: grid;
  grid-template-columns: var(--grid-12);
}
.grid--1-2 {
  display: grid;
  grid-template-columns: var(--grid-1-2);
}
.grid--1-3 {
  display: grid;
  grid-template-columns: var(--grid-1-3);
}
.grid--2-1 {
  display: grid;
  grid-template-columns: var(--grid-2-1);
}
.grid--2-3 {
  display: grid;
  grid-template-columns: var(--grid-2-3);
}
.grid--3-1 {
  display: grid;
  grid-template-columns: var(--grid-3-1);
}

/* Border Radius Classes */
.radius--xs {
  border-radius: var(--radius-xs);
}
.radius--s {
  border-radius: var(--radius-s);
}
.radius--m {
  border-radius: var(--radius-m);
}
.radius--l {
  border-radius: var(--radius-l);
}
.radius--full {
  border-radius: var(--radius-full);
}

button {
  font-family: "Outfit", sans-serif;
}
/* Button with Modifiers */
/* .btn {
  line-height: 1;
  cursor: pointer;
  padding-inline: var(--btn-padding-inline);
  padding-block: var(--btn-padding-block);
  background: var(--btn-bg);
  border: var(--btn-border-style) var(--btn-border-thickness)
    var(--btn-border-color);
  border-radius: var(--btn-border-radius);
  color: var(--btn-text-color);
  text-wrap: nowrap;

  &.btn--base {
    --btn-bg: var(--base);
    --btn-text-color: var(--white);
    --btn-border-color: var(--base);
  }

  &.btn--primary {
    --btn-bg: var(--primary);
    --btn-text-color: var(--white);
    --btn-border-color: var(--primary);
  }

  &.btn--secondary {
    --btn-bg: var(--secondary);
    --btn-text-color: var(--white);
    --btn-border-color: var(--secondary);
  }

  &.btn--tertiary {
    --btn-bg: var(--tertiary);
    --btn-text-color: var(--white);
    --btn-border-color: var(--tertiary);
  }

  &.btn--accent {
    --btn-bg: var(--accent);
    --btn-text-color: var(--white);
    --btn-border-color: var(--accent);
  }

  &.btn--outline {
    --btn-bg: var(--white);

    &.btn--base {
      --btn-text-color: var(--base);
    }

    &.btn--primary {
      --btn-text-color: var(--primary);
    }

    &.btn--secondary {
      --btn-text-color: var(--secondary);
    }

    &.btn--tertiary {
      --btn-text-color: var(--tertiary);
    }

    &.btn--accent {
      --btn-text-color: var(--accent);
    }
  }
} */

/* Custom styles for the file upload field */
.jet-form-builder__field-wrap.jet-form-builder-file-upload {
    background: #ecf6ff !important;
    border: 3px dashed #c7d4e1 !important;
    padding: 20px !important;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 6px !important;
}

/* Styles for the image upload */
.jet-form-builder-file-upload__file img {
    display: block;
    width: 100%;
    height: 100% !important;
    padding: 0;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    border-radius: 6px !important;
    box-shadow: 0 0 30px -8px rgba(0, 0, 0, 0.24) !important;
}

/* Styles for image content */
.jet-form-builder-file-upload__content {
    min-height: auto !important;
}

/* Styles for the custom "Choose File" and "File Uploaded" buttons */
.addfile {
    padding: 10px 20px;
    background-color: #0037fd !important;
    color: #ffffff !important;
    border: none !important;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 6px;
    margin-top: 10px; /* Space between button and label */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition */
}

.addfile:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Styles for the label that shows file upload status */
.labeladdfile {
    padding: 6px 12px;
    background-color: transparent;
    color: #000000 !important;
    font-size: 12px;
    font-weight: 400;
    display: block;
    margin-top: 10px;
    border-radius: 6px;
    transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition */
}

/* Class added when files are uploaded */
.files-uploaded {
    background-color: #09b872 !important; 
    padding: 6px 12px;
    color: #ffffff !important;
    border-radius: 6px;
}

/* Hide the default file input visually */
.jet-form-builder-file-upload__input {
    display: none;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .addfile, .labeladdfile {
        padding: 8px 16px;
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .addfile, .labeladdfile {
        padding: 8px 16px;
        font-size: 12px;
    }
}

.currency-selector {
	visibility:hidden;
}

span.select2-results, span.select2-selection__rendered {
	& img {
		width:25px;
		height:19px;
		border-radius:3px;
	}
	
	& .currency-select-content {
		display:flex;
		gap:var(--space-s);
		font-weight:600!important;
	}
}

span.select2-dropdown.select2-dropdown--below, span.select2-dropdown.select2-dropdown--above {
    border-radius:var(--radius-m)!important;
    border:none!important;
    overflow:hidden!important;
    
	& ul li {
        font-weight:600;
	}
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color:var(--accent)!important;
}

.woocommerce-checkout-review-order-table .custom-cart-buttons > :last-child {
  display: none;
}

.woocommerce-checkout-review-order-table .custom-cart-buttons span {
  display: none;
}

.custom-cart-buttons {
	margin-top: 10px;
    color: #0e8dd2;
    font-weight: 500;
    font-size: var(--text-s);
    gap: 1rem;
    display: flex;
	
	& > a {
		display:flex;
		align-items:normal;
		gap:0.25rem;
	}
    
	& > :first-child::before{
        content:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzBlOGRkMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDhIMTc2VjQwYTI0LDI0LDAsMCwwLTI0LTI0SDEwNEEyNCwyNCwwLDAsMCw4MCw0MHY4SDQwYTgsOCwwLDAsMCwwLDE2aDhWMjA4YTE2LDE2LDAsMCwwLDE2LDE2SDE5MmExNiwxNiwwLDAsMCwxNi0xNlY2NGg4YTgsOCwwLDAsMCwwLTE2Wk0xMTIsMTY4YTgsOCwwLDAsMS0xNiwwVjEwNGE4LDgsMCwwLDEsMTYsMFptNDgsMGE4LDgsMCwwLDEtMTYsMFYxMDRhOCw4LDAsMCwxLDE2LDBabTAtMTIwSDk2VjQwYTgsOCwwLDAsMSw4LThoNDhhOCw4LDAsMCwxLDgsOFoiPjwvcGF0aD48L3N2Zz4=');
        
    }
    & > :last-child::before{
        content:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzBlOGRkMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDAsMTAyYzAsNzAtMTAzLjc5LDEyNi42Ni0xMDguMjEsMTI5YTgsOCwwLDAsMS03LjU4LDBDMTE5Ljc5LDIyOC42NiwxNiwxNzIsMTYsMTAyQTYyLjA3LDYyLjA3LDAsMCwxLDc4LDQwYzIwLjY1LDAsMzguNzMsOC44OCw1MCwyMy44OUMxMzkuMjcsNDguODgsMTU3LjM1LDQwLDE3OCw0MEE2Mi4wNyw2Mi4wNywwLDAsMSwyNDAsMTAyWiI+PC9wYXRoPjwvc3ZnPg==');
        
    }
}

@keyframes autofill-start {
  from {}
  to {}
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  animation-name: autofill-start;
  animation-duration: 0.01s;
  animation-iteration-count: 1;
}