.elementor-37894 .elementor-element.elementor-element-4bc1586{--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;}.elementor-37894 .elementor-element.elementor-element-00558ce{--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;}.elementor-37894 .elementor-element.elementor-element-f5b97ea{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-37894 .elementor-element.elementor-element-4924c17{text-align:center;}.elementor-37894 .elementor-element.elementor-element-4924c17 .elementor-heading-title{font-size:31px;}.elementor-37894 .elementor-element.elementor-element-ca89222{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-37894 .elementor-element.elementor-element-23a204d{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-37894 .elementor-element.elementor-element-5bf2fb6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-37894 .elementor-element.elementor-element-5bf2fb6 .elementor-heading-title{font-size:30px;color:#000000;}.elementor-37894 .elementor-element.elementor-element-eb3373e{--spacer-size:2px;width:var( --container-widget-width, 25% );max-width:25%;background-color:#000000;margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-37894 .elementor-element.elementor-element-eb3373e.elementor-element{--align-self:center;}.elementor-37894 .elementor-element.elementor-element-e76ab4d{--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;}.elementor-37894 .elementor-element.elementor-element-e76ab4d.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:769px){.elementor-37894 .elementor-element.elementor-element-00558ce{--width:100vw;}.elementor-37894 .elementor-element.elementor-element-23a204d{--content-width:1600px;}.elementor-37894 .elementor-element.elementor-element-e76ab4d{--width:96.676%;}}/* Start custom CSS for shortcode, class: .elementor-element-87d60be *//* ===============================
   GEM O WORLD – Premium Form UI
   Clean • Elegant • Luxury
   CF7 Ready Edition
================================= */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300&family=Jost:wght@300;400;500;600&display=swap');

/* ── Root Tokens ── */
:root {
    --gem-crimson: black;
    --gem-rose:       #c9b1b1;
    --gem-mist:       #f0ecec;
    --gem-silver:     #CCC8C8;
    --gem-silver-dk:  #bdb8b8;
    --gem-bg:         #faf9f9;
    --gem-surface:    #ffffff;
    --gem-border:     #e6e2e2;
    --gem-border-dk:  #d8d2d2;
    --gem-text:       #2d2d2d;
    --gem-muted:      #555;
    --gem-subtle:     #444;
    --radius-card:    20px;
    --radius-field:   10px;
    --radius-btn:     12px;
    --shadow-card:    0 24px 64px rgba(96, 38, 38, 0.07), 0 4px 16px rgba(0,0,0,0.04);
    --shadow-focus:   0 0 0 3px rgba(96, 38, 38, 0.10);
    --shadow-btn:     0 10px 28px rgba(96, 38, 38, 0.14);
    --font-display:   'Cormorant Garamond', Georgia, serif;
    --font-body:      'Jost', sans-serif;
    --transition:     0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ══════════════════════════════════════
   CARD WRAPPER
══════════════════════════════════════ */
.custom-jewellery-form {
    max-width: 1050px;
    margin: 50px auto;
    padding: 52px 48px;
    background: var(--gem-surface);
    border-radius: var(--radius-card);
    border: 1px solid var(--gem-mist);
    box-shadow: var(--shadow-card);
    position: relative;
    overflow: hidden;
    font-family: var(--font-body);
}

/* ── Top gradient ribbon ── */
.custom-jewellery-form::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 4px;
    background: linear-gradient(90deg, #602626 0%, #c9b1b1 60%, #CCC8C8 100%);
    border-top-left-radius: var(--radius-card);
    border-top-right-radius: var(--radius-card);
}

/* ── Watermark diamond ── */
.custom-jewellery-form::after {
    content: "◆";
    position: absolute;
    bottom: -18px; right: 28px;
    font-size: 96px;
    color: var(--gem-mist);
    line-height: 1;
    pointer-events: none;
    user-select: none;
}

/* ══════════════════════════════════════
   FORM HEADING
══════════════════════════════════════ */
.custom-jewellery-form .form-heading {
    text-align: center;
    margin-bottom: 40px;
}
.custom-jewellery-form .form-heading h2 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 600;
    color: var(--gem-crimson);
    letter-spacing: 0.5px;
    margin: 0 0 6px;
}
.custom-jewellery-form .form-heading p {
    font-size: 12px;
    font-weight: 300;
    color: var(--gem-muted);
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
}
.custom-jewellery-form .form-heading::after {
    content: "";
    display: block;
    width: 48px;
    height: 1px;
    background: linear-gradient(to right, var(--gem-crimson), var(--gem-rose));
    margin: 16px auto 0;
}

/* ══════════════════════════════════════
   SECTION LABELS
══════════════════════════════════════ */
.custom-jewellery-form .form-section-label {
    font-family: var(--font-display);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--gem-crimson);
    margin: 32px 0 18px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--gem-mist);
    display: flex;
    align-items: center;
    gap: 10px;
}
.custom-jewellery-form .form-section-label::before {
    content: "◆";
    font-size: 7px;
    opacity: 0.6;
}

/* ══════════════════════════════════════
   LAYOUT
══════════════════════════════════════ */
.custom-jewellery-form .form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}
.custom-jewellery-form .form-col {
    flex: 1;
    min-width: 260px;
}
.custom-jewellery-form .full-width {
    flex: 0 0 100%;
    min-width: unset;
}

/* ══════════════════════════════════════
   LABELS
══════════════════════════════════════ */
.custom-jewellery-form label {
    display: block;
    font-family: var(--font-body);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    color: var(--gem-text);
    margin-bottom: 7px;
}

/* ══════════════════════════════════════
   INPUTS, SELECT, TEXTAREA
══════════════════════════════════════ */
.custom-jewellery-form input[type="text"],
.custom-jewellery-form input[type="email"],
.custom-jewellery-form input[type="tel"],
.custom-jewellery-form select,
.custom-jewellery-form textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 15px;
    border-radius: var(--radius-field);
    border: 1.5px solid var(--gem-border);
    background: var(--gem-bg);
    font-family: var(--font-body);
    font-size: 13.5px;
    font-weight: 400;
    color: var(--gem-text);
    transition: border-color var(--transition), background var(--transition), box-shadow var(--transition);
    appearance: none;
    -webkit-appearance: none;
}

/* ── Custom select arrow ── */
.custom-jewellery-form select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23602626' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px;
    cursor: pointer;
}

/* ── Textarea ── */
.custom-jewellery-form textarea {
    min-height: 110px;
    resize: vertical;
    line-height: 1.6;
}

/* ── Placeholder ── */
.custom-jewellery-form input::placeholder,
.custom-jewellery-form textarea::placeholder {
    color: #b5aeae;
    font-weight: 300;
}

/* ── Focus ── */
.custom-jewellery-form input:focus,
.custom-jewellery-form select:focus,
.custom-jewellery-form textarea:focus {
    outline: none;
    background: var(--gem-surface);
    border-color: var(--gem-crimson);
    box-shadow: var(--shadow-focus);
}

/* ══════════════════════════════════════
   FILE UPLOAD
══════════════════════════════════════ */
.custom-jewellery-form input[type="file"] {
    width: 100%;
    box-sizing: border-box;
    background: var(--gem-bg);
    padding: 13px 15px;
    border-radius: var(--radius-field);
    border: 1.5px dashed var(--gem-border-dk);
    font-family: var(--font-body);
    font-size: 13px;
    color: var(--gem-muted);
    cursor: pointer;
    transition: border-color var(--transition), background var(--transition);
}
.custom-jewellery-form input[type="file"]:hover {
    border-color: var(--gem-crimson);
    background: #fff8f8;
}

/* ══════════════════════════════════════
   CF7 CHECKBOX GROUP (use_label_element)
══════════════════════════════════════ */
.custom-jewellery-form .wpcf7-checkbox {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 4px;
}
.custom-jewellery-form .wpcf7-checkbox .wpcf7-list-item {
    margin: 0;
}
.custom-jewellery-form .wpcf7-checkbox .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-transform: none;
    color: var(--gem-subtle);
    cursor: pointer;
    background: var(--gem-bg);
    border: 1.5px solid var(--gem-border);
    border-radius: 8px;
    padding: 8px 14px;
    transition: border-color var(--transition), background var(--transition);
    margin-bottom: 0;
}
.custom-jewellery-form .wpcf7-checkbox .wpcf7-list-item label:hover {
    border-color: var(--gem-rose);
    background: #fff8f8;
}
.custom-jewellery-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] {
    width: 15px;
    height: 15px;
    accent-color: var(--gem-crimson);
    cursor: pointer;
    margin: 0;
    flex-shrink: 0;
}
/* Checked state pill */
.custom-jewellery-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:checked + span,
.custom-jewellery-form .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:checked ~ * {
    color: var(--gem-crimson);
}

/* ══════════════════════════════════════
   CF7 ACCEPTANCE ROW
══════════════════════════════════════ */
.custom-jewellery-form .wpcf7-acceptance {
    display: flex;
    align-items: center;
}

.custom-jewellery-form .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}

.custom-jewellery-form .wpcf7-acceptance .wpcf7-list-item label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12.5px;
    font-weight: 400;
    letter-spacing: 0.2px;
    text-transform: none;
    color: var(--gem-muted);
    line-height: 1.6;
    cursor: pointer;
    margin-bottom: 0;
}

.custom-jewellery-form .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"] {
    margin: 0;
    accent-color: var(--gem-crimson);
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    cursor: pointer;
}

/* Force text inline */
.custom-jewellery-form .wpcf7-acceptance .wpcf7-list-item span {
    display: inline;
}


/* ══════════════════════════════════════
   DIVIDER
══════════════════════════════════════ */
.custom-jewellery-form .form-divider,
.custom-jewellery-form hr {
    border: none;
    border-top: 1px solid var(--gem-mist);
    margin: 28px 0 24px;
}

/* ══════════════════════════════════════
   CF7 VALIDATION MESSAGES
══════════════════════════════════════ */
.custom-jewellery-form .wpcf7-not-valid-tip {
    font-size: 11px;
    color: var(--gem-crimson);
    margin-top: 5px;
    display: block;
    font-weight: 500;
    letter-spacing: 0.2px;
}
.custom-jewellery-form .wpcf7-response-output {
    border-radius: 10px;
    padding: 14px 18px;
    font-size: 13px;
    margin-top: 20px;
    border: 1.5px solid var(--gem-rose) !important;
    background: #fff8f8;
    color: var(--gem-crimson);
    font-weight: 500;
    font-family: var(--font-body);
}
.custom-jewellery-form .wpcf7-mail-sent-ok {
    border-color: #b1c9b1 !important;
    background: #f8fff8;
    color: #265026;
}

/* ══════════════════════════════════════
   CF7 SPINNER
══════════════════════════════════════ */
.custom-jewellery-form .wpcf7-spinner {
    margin-left: 12px;
    vertical-align: middle;
}

/* ══════════════════════════════════════
   SUBMIT BUTTON
══════════════════════════════════════ */
.custom-jewellery-form input[type="submit"] {
    width: 100%;
    padding: 15px 24px;
    border-radius: var(--radius-btn);
    border: none;
    font-family: var(--font-body);
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    cursor: pointer;
    background: var(--gem-silver);
    color: #000; /* ✅ Text color black */
    transition: background var(--transition), transform var(--transition), box-shadow var(--transition);
    position: relative;
    overflow: hidden;
}
.custom-jewellery-form input[type="submit"]:hover {
    background: var(--gem-silver-dk);
    transform: translateY(-2px);
    box-shadow: var(--shadow-btn);
}
.custom-jewellery-form input[type="submit"]:active {
    transform: translateY(0);
    box-shadow: none;
}
.custom-jewellery-form input[type="submit"]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}


/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media (max-width: 768px) {
    .custom-jewellery-form {
        padding: 36px 22px;
        margin: 30px 14px;
    }
    .custom-jewellery-form .form-row {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 16px;
    }
    .custom-jewellery-form .form-col {
        min-width: unset;
    }
    .custom-jewellery-form .form-heading h2 {
        font-size: 26px;
    }
    .custom-jewellery-form::after {
        font-size: 64px;
        bottom: -10px;
    }
    .custom-jewellery-form .wpcf7-checkbox {
        gap: 8px;
    }
}
@media (max-width: 480px) {
    .custom-jewellery-form {
        padding: 28px 16px;
        margin: 20px 10px;
        border-radius: 14px;
    }
    .custom-jewellery-form .wpcf7-checkbox {
        flex-direction: column;
    }
}/* End custom CSS */