.elementor-1087 .elementor-element.elementor-element-54d8cb05:not(.elementor-motion-effects-element-type-background), .elementor-1087 .elementor-element.elementor-element-54d8cb05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F0DF;}.elementor-1087 .elementor-element.elementor-element-54d8cb05 > .elementor-container{max-width:1000px;}.elementor-1087 .elementor-element.elementor-element-54d8cb05{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 20px 80px 20px;}.elementor-1087 .elementor-element.elementor-element-54d8cb05 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1087 .elementor-element.elementor-element-5450129b > .elementor-element-populated{padding:50px 0px 0px 0px;}.elementor-1087 .elementor-element.elementor-element-2a74797a{font-family:"Creato", Sans-serif;}.elementor-1087 .elementor-element.elementor-element-31254c12 .elementor-heading-title{font-family:"Optima", Sans-serif;font-size:48px;font-weight:800;line-height:1.15em;color:#1C1917;}.elementor-1087 .elementor-element.elementor-element-51a8594e{font-family:"Creato", Sans-serif;font-size:18px;font-weight:300;line-height:1.6em;color:#57534E;}.elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tab-title, .elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tab-title:before, .elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tab-title:after, .elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tab-content, .elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tabs-content-wrapper{border-width:1px;}.elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tab-mobile-title, .elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tab-desktop-title.elementor-active, .elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tab-title:before, .elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tab-title:after, .elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tab-content, .elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tabs-content-wrapper{border-color:#E7E5E4;}.elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tab-title, .elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tab-title a{color:#0E0C0B;}.elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tab-title.elementor-active,
					 .elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tab-title.elementor-active a{color:#92400E;}.elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tab-title{font-family:"Optima", Sans-serif;font-size:15px;font-weight:700;letter-spacing:1.2px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1087 .elementor-element.elementor-element-54d8cb05{padding:56px 20px 56px 20px;}.elementor-1087 .elementor-element.elementor-element-31254c12 .elementor-heading-title{font-size:36px;}}@media(max-width:767px){.elementor-1087 .elementor-element.elementor-element-54d8cb05{padding:40px 16px 40px 16px;}.elementor-1087 .elementor-element.elementor-element-31254c12 .elementor-heading-title{font-size:28px;}.elementor-1087 .elementor-element.elementor-element-51a8594e{font-size:15px;}.elementor-1087 .elementor-element.elementor-element-147eec28 .elementor-tab-title{font-size:10px;}}/* Start custom CSS for tabs, class: .elementor-element-147eec28 *//* === Grid container === */
.yasmina-form-grid {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 16px;
}

/* === Each field acts as its own tight vertical stack === */
.yasmina-field {
  flex: 1 1 240px;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.yasmina-field.yasmina-full {
  flex: 1 1 100%;
}

/* Kill default margins WordPress/CF7 injects inside a field */
.yasmina-field p,
.yasmina-field br,
.yasmina-field span,
.yasmina-field .wpcf7-form-control-wrap {
  margin: 0 !important;
  padding: 0 !important;
  display: contents;
}
.yasmina-field br {
  display: none;
}

.yasmina-field label {
  font-family: monospace;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #78716C;
  line-height: 1;
}

.yasmina-field input,
.yasmina-field select,
.yasmina-field textarea {
  width: 100%;
  box-sizing: border-box;
  background: #FAFAF9;
  border: 1px solid #D6D3D1;
  border-radius: 4px;
  padding: 10px;
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
}

.yasmina-field input[type="number"] {
  max-width: 100%;
}

.yasmina-field textarea {
  min-height: 120px;
  resize: vertical;
}

/* === Submit button === */
.yasmina-submit-wrap {
  margin-top: 20px;
  width: 100%;
}
.wpcf7-submit {
  width: 100%;
  background: #92400E !important;
  color: #FAFAF9 !important;
  border: none !important;
  padding: 14px !important;
  border-radius: 6px !important;
  font-family: monospace;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  cursor: pointer;
}

/* ============================================
   RESPONSIVE BREAKPOINTS
   ============================================ */

/* Tablet: shrink the two-column layout a bit, tighten padding */
@media (max-width: 1024px) {
  .yasmina-field {
    flex: 1 1 220px;
  }
  .yasmina-field input,
  .yasmina-field select,
  .yasmina-field textarea {
    font-size: 13px;
    padding: 9px;
  }
}

/* Mobile: force every field to full width, single column */
@media (max-width: 767px) {
  .yasmina-form-grid {
    row-gap: 16px;
    column-gap: 0;
  }
  .yasmina-field {
    flex: 1 1 100%;
    min-width: 100%;
  }
  .yasmina-field label {
    font-size: 10px;
  }
  .yasmina-field input,
  .yasmina-field select,
  .yasmina-field textarea {
    font-size: 14px; /* 14px+ prevents iOS Safari auto-zoom on focus */
    padding: 11px;
  }
  .yasmina-field textarea {
    min-height: 100px;
  }
  .wpcf7-submit {
    font-size: 12px;
    padding: 13px !important;
  }
}

/* Small mobile: tighten further, shrink headings/disclaimer box if present */
@media (max-width: 480px) {
  .yasmina-field input,
  .yasmina-field select,
  .yasmina-field textarea {
    padding: 10px;
  }
}

.wpcf7-submit {
  width: 100%;
  background: #92400E !important;
  color: #FAFAF9 !important;
  border: none !important;
  padding: 14px !important;
  border-radius: 6px !important;
  font-family: monospace;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 20px !important;
}

.yasmina-submit-wrap {
  margin-top: 20px;
  width: 100%;
  display: block;
}

.wpcf7-form-control-wrap.yasmina-submit-wrap,
.yasmina-submit-wrap .wpcf7-form-control-wrap {
  display: block !important;
  width: 100% !important;
}

input.wpcf7-submit,
button.wpcf7-submit {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  background: #382318 !important;
  color: #FAFAF9 !important;
  border: none !important;
  padding: 14px !important;
  border-radius: 6px !important;
  font-family: monospace;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  cursor: pointer;
}

@media (max-width: 767px) {
  input.wpcf7-submit,
  button.wpcf7-submit {
    font-size: 12px;
    padding: 13px !important;
  }
}

input.wpcf7-submit,
button.wpcf7-submit {
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 480px) {
  input.wpcf7-submit,
  button.wpcf7-submit {
    font-size: 11px;
    letter-spacing: 0.6px;
    padding: 12px 8px !important;
  }
}


/* === Grid container === */
.yasmina-form-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;   /* KEY FIX: stops all fields stretching to match the tallest one */
  row-gap: 20px;
  column-gap: 16px;
}

/* === Each field: tight vertical stack === */
.yasmina-field {
  flex: 1 1 240px;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.yasmina-field.yasmina-full {
  flex: 1 1 100%;
}

/* Kill default WordPress/CF7 spacing inside a field */
.yasmina-field p,
.yasmina-field br,
.yasmina-field span,
.yasmina-field .wpcf7-form-control-wrap {
  margin: 0 !important;
  padding: 0 !important;
  display: contents;
}
.yasmina-field br {
  display: none;
}

.yasmina-field label {
  font-family: monospace;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #78716C;
  line-height: 1;
}

.yasmina-field input,
.yasmina-field textarea {
  width: 100%;
  box-sizing: border-box;
  background: #FAFAF9;
  border: 1px solid #D6D3D1;
  border-radius: 4px;
  padding: 10px;
  font-size: 13px;
  font-family: Georgia, serif;
  line-height: 1.4;
  margin: 0;
}

.yasmina-field input:focus,
.yasmina-field textarea:focus {
  outline: none;
  border-color: #92400E;
  box-shadow: 0 0 0 1px #92400E;
}

.yasmina-field input {
  height: 42px;
}

/* Textareas: capped heights, no stretching to fill row */
.yasmina-field textarea {
  resize: vertical;
  max-height: 200px;
}
.yasmina-field textarea[name="works-dimensions"] {
  min-height: 80px;
  height: 80px;   /* explicit height, not just min-height, to stop flex-stretch overriding it */
}
.yasmina-field textarea[name="concept-statement"] {
  min-height: 140px;
  height: 140px;
}

/* === Disclaimer box === */
.yasmina-disclaimer-box {
  background: #FFFBEB;
  border: 1px solid #FDE68A;
  border-radius: 6px;
  padding: 16px;
  margin-top: 20px;
  font-family: Georgia, serif;
  font-size: 12px;
  color: #292524;
  line-height: 1.6;
}

/* === Submit button === */
.yasmina-submit-wrap {
  margin-top: 20px;
  width: 100%;
}
input.wpcf7-submit,
button.wpcf7-submit {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  background: #2b1a12 !important;
  color: #FAFAF9 !important;
  border: none !important;
  padding: 14px !important;
  border-radius: 6px !important;
  font-family: monospace;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  cursor: pointer;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.3;
  text-align: center;
}
input.wpcf7-submit:hover,
button.wpcf7-submit:hover {
  background: #4a3226 !important;
}

/* ============================================
   RESPONSIVE BREAKPOINTS
   ============================================ */

@media (max-width: 1024px) {
  .yasmina-field {
    flex: 1 1 220px;
  }
  .yasmina-field input,
  .yasmina-field textarea {
    font-size: 13px;
    padding: 9px;
  }
}

@media (max-width: 767px) {
  .yasmina-form-grid {
    row-gap: 16px;
    column-gap: 0;
  }
  .yasmina-field {
    flex: 1 1 100%;
    min-width: 100%;
  }
  .yasmina-field input,
  .yasmina-field textarea {
    font-size: 14px; /* prevents iOS Safari auto-zoom on focus */
    padding: 11px;
  }
  .yasmina-field textarea[name="works-dimensions"] {
    height: 90px;
  }
  .yasmina-field textarea[name="concept-statement"] {
    height: 120px;
  }
  .yasmina-disclaimer-box {
    font-size: 11px;
    padding: 14px;
  }
  input.wpcf7-submit,
  button.wpcf7-submit {
    font-size: 11px;
    letter-spacing: 0.6px;
    padding: 13px 8px !important;
  }
}

@media (max-width: 480px) {
  .yasmina-field input,
  .yasmina-field textarea {
    padding: 10px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Creato';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('http://yasminacafe.com/wp-content/uploads/2025/09/CreatoDisplay-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Creato';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://yasminacafe.com/wp-content/uploads/2025/09/CreatoDisplay-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Creato';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('http://yasminacafe.com/wp-content/uploads/2025/09/CreatoDisplay-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Creato';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('http://yasminacafe.com/wp-content/uploads/2025/09/CreatoDisplay-ExtraBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Optima';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://yasminacafe.com/wp-content/uploads/2025/09/Optima-Regular-01.ttf') format('truetype');
}
@font-face {
	font-family: 'Optima';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('http://yasminacafe.com/wp-content/uploads/2025/09/Optima-Bold-02.ttf') format('truetype');
}
@font-face {
	font-family: 'Optima';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('http://yasminacafe.com/wp-content/uploads/2025/09/Optima-ExtraBlack-05.ttf') format('truetype');
}
@font-face {
	font-family: 'Optima';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('http://yasminacafe.com/wp-content/uploads/2025/09/Optima-Italic-03.ttf') format('truetype');
}
@font-face {
	font-family: 'Optima';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('http://yasminacafe.com/wp-content/uploads/2025/09/Optima-BoldItalic-04.ttf') format('truetype');
}
/* End Custom Fonts CSS */