.elementor-2540 .elementor-element.elementor-element-30c1e3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-2540 .elementor-element.elementor-element-30c1e3f:not(.elementor-motion-effects-element-type-background), .elementor-2540 .elementor-element.elementor-element-30c1e3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shambasync.com/wp-content/uploads/2026/05/detail-of-the-rice-plant-at-sunset-in-valencia-wi-2026-03-17-08-18-41-utc-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2540 .elementor-element.elementor-element-30c1e3f::before, .elementor-2540 .elementor-element.elementor-element-30c1e3f > .elementor-background-video-container::before, .elementor-2540 .elementor-element.elementor-element-30c1e3f > .e-con-inner > .elementor-background-video-container::before, .elementor-2540 .elementor-element.elementor-element-30c1e3f > .elementor-background-slideshow::before, .elementor-2540 .elementor-element.elementor-element-30c1e3f > .e-con-inner > .elementor-background-slideshow::before, .elementor-2540 .elementor-element.elementor-element-30c1e3f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000E0;--background-overlay:'';}.elementor-2540 .elementor-element.elementor-element-29aa352{text-align:center;}.elementor-2540 .elementor-element.elementor-element-29aa352 .elementor-heading-title{font-size:46px;font-weight:700;line-height:56px;color:#FFFFFF;}.elementor-2540 .elementor-element.elementor-element-100e453{text-align:center;}.elementor-2540 .elementor-element.elementor-element-100e453 .elementor-heading-title{font-size:22px;font-weight:600;line-height:32px;color:#FFFFFF;}.elementor-2540 .elementor-element.elementor-element-9dd402a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;}.elementor-2540 .elementor-element.elementor-element-9dd402a:not(.elementor-motion-effects-element-type-background), .elementor-2540 .elementor-element.elementor-element-9dd402a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FFE1;}.elementor-2540 .elementor-element.elementor-element-9dd402a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2540 .elementor-element.elementor-element-9186c69{--display:flex;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(156.00879974365236, 156.00879974365236, 156.00879974365236, 0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-2540 .elementor-element.elementor-element-9186c69:not(.elementor-motion-effects-element-type-background), .elementor-2540 .elementor-element.elementor-element-9186c69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2540 .elementor-element.elementor-element-42a9591 .elementor-heading-title{font-size:48px;font-weight:800;line-height:54px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-f2dee9a );}.elementor-2540 .elementor-element.elementor-element-0d4a12a .elementor-heading-title{font-family:"Trebuchet MS", Sans-serif;font-size:42px;font-weight:700;line-height:52px;}.elementor-2540 .elementor-element.elementor-element-03d4240{font-size:18px;font-weight:500;line-height:28px;color:var( --e-global-color-text );}.elementor-2540 .elementor-element.elementor-element-03d4240 p{margin-block-end:0px;}.elementor-2540 .elementor-element.elementor-element-86a7e19{font-size:18px;font-weight:500;line-height:28px;color:var( --e-global-color-text );}.elementor-2540 .elementor-element.elementor-element-86a7e19 p{margin-block-end:0px;}.elementor-2540 .elementor-element.elementor-element-5af8436 .elementor-heading-title{font-family:"Trebuchet MS", Sans-serif;font-size:24px;font-weight:700;line-height:34px;color:var( --e-global-color-d0b4b7b );}.elementor-2540 .elementor-element.elementor-element-a9241b1{font-size:16px;font-weight:600;line-height:40px;color:#646464;}.elementor-2540 .elementor-element.elementor-element-a9241b1 p{margin-block-end:0px;}.elementor-2540 .elementor-element.elementor-element-c0551ad .elementor-heading-title{font-family:"Trebuchet MS", Sans-serif;font-size:24px;font-weight:700;line-height:34px;color:var( --e-global-color-d0b4b7b );}.elementor-2540 .elementor-element.elementor-element-d1fc9e7{font-size:16px;font-weight:600;line-height:40px;color:#646464;}.elementor-2540 .elementor-element.elementor-element-d1fc9e7 p{margin-block-end:0px;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-field-group{padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );margin-bottom:20px;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-form-fields-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );margin-bottom:-20px;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-labels-inline .elementor-field-group > label{padding-left:5px;}body:not(.rtl) .elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-labels-inline .elementor-field-group > label{padding-right:5px;}body .elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-labels-above .elementor-field-group > label{padding-bottom:5px;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-field-group > label, .elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-field-subgroup label{color:#000000;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-field-group > label{font-size:14px;font-weight:600;line-height:24px;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-field-type-html{padding-bottom:0px;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-field-group .elementor-field{color:#848484;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-field-group .elementor-field, .elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-field-subgroup label{font-size:14px;font-weight:600;line-height:24px;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#C8C8C8;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#C8C8C8;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-field-group .elementor-select-wrapper::before{color:#C8C8C8;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-button{font-size:16px;font-weight:600;line-height:26px;border-radius:10px 10px 10px 10px;padding:8px 20px 8px 20px;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-f2dee9a );color:#ffffff;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-button[type="submit"]{background-color:var( --e-global-color-f2dee9a );color:#ffffff;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2540 .elementor-element.elementor-element-072ebf8 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2540 .elementor-element.elementor-element-072ebf8{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-2540 .elementor-element.elementor-element-9dd402a{--content-width:1140px;}}@media(max-width:767px){.elementor-2540 .elementor-element.elementor-element-30c1e3f{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-2540 .elementor-element.elementor-element-29aa352 .elementor-heading-title{font-size:32px;line-height:42px;}.elementor-2540 .elementor-element.elementor-element-100e453 .elementor-heading-title{font-size:16px;line-height:26px;}.elementor-2540 .elementor-element.elementor-element-9dd402a{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-2540 .elementor-element.elementor-element-9186c69{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2540 .elementor-element.elementor-element-42a9591 .elementor-heading-title{font-size:34px;line-height:44px;}.elementor-2540 .elementor-element.elementor-element-0d4a12a .elementor-heading-title{font-size:22px;line-height:32px;}.elementor-2540 .elementor-element.elementor-element-03d4240{font-size:16px;line-height:26px;}.elementor-2540 .elementor-element.elementor-element-86a7e19{font-size:16px;line-height:26px;}.elementor-2540 .elementor-element.elementor-element-5af8436 .elementor-heading-title{font-size:18px;line-height:28px;}.elementor-2540 .elementor-element.elementor-element-a9241b1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2540 .elementor-element.elementor-element-c0551ad .elementor-heading-title{font-size:18px;line-height:28px;}}/* Start custom CSS for form, class: .elementor-element-072ebf8 */.samples-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    max-width: 780px;
    /*margin: 0 auto;*/
    padding: 20px 0 !important;
    color: #1a1a1a;
  }

  .samples-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }

  .samples-title { font-size: 22px !important; font-weight: 700; margin: 0; }

  .btn-add-sample {
    background: #00A54F !important;
    color: #fff;
    border: none;
    padding: 10px 20px !important;
    border-radius: 8px;
    font-size: 15px !important;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background 0.2s;
  }

  .btn-add-sample:hover { background: #a6ce39 !important; }
  .btn-add-sample .plus-icon { font-size: 18px; line-height: 1; }

  /* ── Sample Card ── */
  .sample-card {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    animation: fadeSlideIn 0.25s ease;
  }

  @keyframes fadeSlideIn {
    from { opacity: 0; transform: translateY(-10px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  .sample-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }

  .sample-card-title { font-size: 16px; font-weight: 700; margin: 0; }

  .btn-delete {
    background: #FF0000 !important;
    border: none;
    color: #ef4444;
    font-size: 14px !important;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px !important;
    border-radius: 6px;
    transition: background 0.15s;
  }

  .btn-delete:hover { background: #fef2f2; }
  .btn-delete svg { width: 16px; height: 16px; }

  /* ── Form Fields ── */
  .field-group { margin-bottom: 18px; }

  .field-label {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .field-label .required-star { color: #ef4444; }

  .field-hint {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 8px;
    margin-top: 0;
  }

  .field-input,
  .field-textarea,
  .field-select {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 14px;
    color: #374151;
    background: #fff;
    box-sizing: border-box;
    transition: border-color 0.15s, box-shadow 0.15s;
    outline: none;
  }

  .field-input:focus,
  .field-textarea:focus,
  .field-select:focus {
    border-color: #22c55e;
    box-shadow: 0 0 0 3px rgba(34,197,94,0.15);
  }

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

  .field-select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px;
    cursor: pointer;
  }

  .select-with-icon { position: relative; }

  .select-with-icon .crop-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #6b7280;
    font-size: 16px;
  }

  .select-with-icon .field-select { padding-left: 36px; }

  .field-row { display: flex; gap: 20px; }
  .field-row .field-group { flex: 1; }

  /* ── Info Icon Button ── */
  .info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px !important;
    height: 14px !important;
    background: #e5e7eb;
    border-radius: 50%;
    font-size: 12px !important;
    color: #6b7280;
    cursor: pointer;
    font-style: normal;
    font-weight: 700;
    border: none;
    padding: 8px !important;
    line-height: 1;
    transition: background 0.15s, color 0.15s;
    flex-shrink: 0;
    vertical-align: middle;
  }

  .info-icon:hover { background: #6b7280; color: #fff; }

  /* ══════════════════════════════════════
     SOIL TYPE MODAL
  ══════════════════════════════════════ */
  #soil-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 999999;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
  }

  #soil-modal-overlay.active {
    display: flex;
    animation: overlayIn 0.2s ease;
  }

  @keyframes overlayIn {
    from { opacity: 0; }
    to   { opacity: 1; }
  }

  #soil-modal {
    background: #fff;
    border-radius: 16px;
    width: 100%;
    max-width: 580px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
    overflow: hidden;
    animation: modalIn 0.25s cubic-bezier(0.34, 1.4, 0.64, 1);
  }

  @keyframes modalIn {
    from { opacity: 0; transform: scale(0.93) translateY(12px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
  }

  .soil-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px 16px;
  }

  .soil-modal-title {
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    color: #111827;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  }

  .soil-modal-close {
    background: none;
    border: none;
    cursor: pointer;
    color: #9ca3af;
    font-size: 18px !important;
    line-height: 1;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    transition: background 0.15s, color 0.15s;
    font-family: sans-serif;
  }

  .soil-modal-close:hover { background: #f3f4f6; color: #374151; }

  /* ── Table ── */
  .soil-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  }

  .soil-table thead tr { background: #f9fafb; }

  .soil-table th {
    text-align: left;
    padding: 11px 20px;
    font-weight: 600;
    color: #374151;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
  }

  .soil-table td {
    padding: 14px 20px;
    color: #4b5563;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: top;
    line-height: 1.5;
  }

  .soil-table tbody tr:last-child td { border-bottom: none; }
  .soil-table tbody tr:hover td { background: #f9fafb; }

  .soil-type-name {
    font-weight: 600;
    color: #111827;
  }

  /* ── Responsive ── */
  @media (max-width: 600px) {
    .field-row { flex-direction: column; gap: 0; }
    .soil-table th, .soil-table td { padding: 10px 14px; font-size: 13px; }
    #soil-modal { margin: 0 8px; }
  }
  
  
  
  
  
  
  
  /* choose to 2*/
.tag-select-wrapper {
    position: relative;
}

.tag-select-box {
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    padding: 7px 36px 7px 10px !important;
    min-height: 44px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    cursor: text !important;
    background: #fff !important;
    box-sizing: border-box !important;
    transition: border-color 0.15s, box-shadow 0.15s !important;
}

.tag-select-box.focused {
    border-color: #22c55e !important;
    box-shadow: 0 0 0 3px rgba(34,197,94,0.15) !important;
}

.tag-select-box.error {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239,68,68,0.12) !important;
}

/* crop icon inside tag box */
.tag-select-crop-icon {
    color: #9ca3af !important;
    font-size: 15px !important;
    flex-shrink: 0 !important;
    user-select: none !important;
}

/* selected tag chips */
.tag-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: #f3f4f6 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 20px !important;
    padding: 3px 10px 3px 10px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    white-space: nowrap !important;
}

.tag-chip-remove {
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin-left: 2px !important;
    color: #6b7280 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    transition: color 0.15s !important;
}

.tag-chip-remove:hover { color: #ef4444 !important; }

/* placeholder text */
.tag-placeholder {
    font-size: 14px !important;
    color: #9ca3af !important;
    user-select: none !important;
    pointer-events: none !important;
}

/* clear-all × button on the right */
.tag-clear-btn {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    color: #9ca3af !important;
    font-size: 16px !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: none !important;
    transition: color 0.15s !important;
}

.tag-clear-btn:hover { color: #374151 !important; }
.tag-clear-btn.visible { display: block !important; }

/* dropdown list */
.tag-dropdown {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    right: 0 !important;
    background: #fff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
    z-index: 9999 !important;
    max-height: 220px !important;
    overflow-y: auto !important;
}

.tag-dropdown.open { display: block !important; }

.tag-dropdown-item {
    padding: 10px 14px !important;
    font-size: 14px !important;
    color: #374151 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: background 0.1s !important;
}

.tag-dropdown-item:hover { background: #f9fafb !important; }
.tag-dropdown-item.selected { color: #16a34a !important; font-weight: 600 !important; background: #f0fdf4 !important; }
.tag-dropdown-item.disabled { color: #d1d5db !important; cursor: not-allowed !important; pointer-events: none !important; }

/* check mark */
.tag-dropdown-item .item-check {
    width: 16px !important;
    height: 16px !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: all 0.15s !important;
}

.tag-dropdown-item.selected .item-check {
    background: #22c55e !important;
    border-color: #22c55e !important;
}

.tag-dropdown-item.selected .item-check::after {
    content: '' !important;
    width: 9px !important;
    height: 5px !important;
    border-left: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    transform: rotate(-45deg) translateY(-1px) !important;
    display: block !important;
}

/* validation message */
.tag-error-msg {
    font-size: 12px !important;
    color: #ef4444 !important;
    margin-top: 5px !important;
    display: none !important;
}

.tag-error-msg.show { display: block !important; }  
  
  
  
/* form crop 3 choose*/
 
 .crops-field-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
 
    margin: 0 auto !important;
}

.crops-field-label {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin-bottom: 3px !important;
}

.crops-field-hint {
    font-size: 12px !important;
    color: #6b7280 !important;
    margin-bottom: 8px !important;
}

/* ── Box ── */
.crops-tag-box {
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    padding: 7px 36px 7px 10px !important;
    min-height: 46px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    cursor: pointer !important;
    background: #fff !important;
    box-sizing: border-box !important;
    transition: border-color 0.15s, box-shadow 0.15s !important;
    position: relative !important;
}

.crops-tag-box.open,
.crops-tag-box:focus {
    border-color: #22c55e !important;
    box-shadow: 0 0 0 3px rgba(34,197,94,0.15) !important;
    outline: none !important;
}

.crops-tag-box.error {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239,68,68,0.12) !important;
}

/* crop icon */
.crops-box-icon {
    font-size: 15px !important;
    color: #9ca3af !important;
    flex-shrink: 0 !important;
    user-select: none !important;
    pointer-events: none !important;
}

/* placeholder */
.crops-placeholder {
    font-size: 14px !important;
    color: #9ca3af !important;
    user-select: none !important;
    pointer-events: none !important;
}

/* chevron */
.crops-chevron {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    color: #9ca3af !important;
    font-size: 12px !important;
    transition: transform 0.2s !important;
}

.crops-tag-box.open .crops-chevron {
    transform: translateY(-50%) rotate(180deg) !important;
}

/* clear × */
.crops-clear-btn {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    color: #9ca3af !important;
    font-size: 16px !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: none !important;
    transition: color 0.15s !important;
    z-index: 2 !important;
}

.crops-clear-btn:hover { color: #374151 !important; }

.crops-clear-btn.visible { display: block !important; }

/* ── Chips ── */
.crop-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: #f3f4f6 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 20px !important;
    padding: 3px 10px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    white-space: nowrap !important;
}

.crop-chip-remove {
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    color: #6b7280 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    transition: color 0.15s !important;
}

.crop-chip-remove:hover { color: #ef4444 !important; }

/* ── Dropdown ── */
.crops-dropdown {
    display: none !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
    margin-top: 4px !important;
    max-height: 240px !important;
    overflow-y: auto !important;
}

.crops-dropdown.open { display: block !important; }

.crop-option {
    padding: 11px 14px !important;
    font-size: 14px !important;
    color: #374151 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    transition: background 0.1s !important;
    user-select: none !important;
}

.crop-option:hover { background: #f9fafb !important; }

.crop-option.selected {
    color: #15803d !important;
    font-weight: 600 !important;
    background: #f0fdf4 !important;
}

.crop-option.disabled {
    color: #d1d5db !important;
    cursor: not-allowed !important;
    background: #fff !important;
}

/* checkbox */
.crop-opt-check {
    width: 16px !important;
    height: 16px !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: all 0.15s !important;
    box-sizing: border-box !important;
}

.crop-option.selected .crop-opt-check {
    background: #22c55e !important;
    border-color: #22c55e !important;
}

.crop-option.selected .crop-opt-check::after {
    content: '' !important;
    display: block !important;
    width: 9px !important;
    height: 5px !important;
    border-left: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    transform: rotate(-45deg) translateY(-1px) !important;
}

.crop-option.disabled .crop-opt-check {
    background: #f3f4f6 !important;
    border-color: #e5e7eb !important;
}

/* ── Error / info message ── */
.crops-msg {
    font-size: 12px !important;
    margin-top: 5px !important;
    min-height: 18px !important;
    color: #ef4444 !important;
}

.crops-msg.info { color: #6b7280 !important; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Trebuchet MS';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://shambasync.com/wp-content/uploads/2025/11/trebuc.ttf') format('truetype');
}
@font-face {
	font-family: 'Trebuchet MS';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://shambasync.com/wp-content/uploads/2025/11/Trebuchet-MS-Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */