.elementor-7587 .elementor-element.elementor-element-89f5c1c:not(.elementor-motion-effects-element-type-background), .elementor-7587 .elementor-element.elementor-element-89f5c1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F2;}.elementor-7587 .elementor-element.elementor-element-89f5c1c > .elementor-container{max-width:1200px;}.elementor-7587 .elementor-element.elementor-element-89f5c1c, .elementor-7587 .elementor-element.elementor-element-89f5c1c > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-7587 .elementor-element.elementor-element-89f5c1c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:64px 02px 64px 20px;}.elementor-7587 .elementor-element.elementor-element-89f5c1c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7587 .elementor-element.elementor-element-359a905 .elementor-icon-wrapper{text-align:center;}.elementor-7587 .elementor-element.elementor-element-359a905.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-87628f8 );}.elementor-7587 .elementor-element.elementor-element-359a905.elementor-view-framed .elementor-icon, .elementor-7587 .elementor-element.elementor-element-359a905.elementor-view-default .elementor-icon{color:var( --e-global-color-87628f8 );border-color:var( --e-global-color-87628f8 );}.elementor-7587 .elementor-element.elementor-element-359a905.elementor-view-framed .elementor-icon, .elementor-7587 .elementor-element.elementor-element-359a905.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-87628f8 );}.elementor-7587 .elementor-element.elementor-element-02ab0f6{text-align:center;}.elementor-7587 .elementor-element.elementor-element-02ab0f6 .elementor-heading-title{font-family:"peyda", Sans-serif;font-size:34px;font-weight:700;font-style:normal;line-height:1.3em;letter-spacing:0px;color:var( --e-global-color-b661da3 );}.elementor-7587 .elementor-element.elementor-element-9e319c2{--divider-border-style:solid;--divider-color:#75263D;--divider-border-width:2px;}.elementor-7587 .elementor-element.elementor-element-9e319c2 .elementor-divider-separator{width:44px;margin:0 auto;margin-center:0;}.elementor-7587 .elementor-element.elementor-element-9e319c2 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-7587 .elementor-element.elementor-element-2f9faf5{text-align:center;font-family:var( --e-global-typography-604f9f4-font-family ), Sans-serif;font-size:var( --e-global-typography-604f9f4-font-size );font-style:var( --e-global-typography-604f9f4-font-style );color:#6B6562;}.elementor-7587 .elementor-element.elementor-element-b3416c7 > .elementor-container{max-width:760px;}.elementor-7587 .elementor-element.elementor-element-b3416c7{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-7587 .elementor-element.elementor-element-02ab0f6 .elementor-heading-title{font-size:34px;}.elementor-7587 .elementor-element.elementor-element-2f9faf5{font-size:var( --e-global-typography-604f9f4-font-size );}}@media(max-width:767px){.elementor-7587 .elementor-element.elementor-element-89f5c1c{padding:40px 16px 40px 16px;}.elementor-7587 .elementor-element.elementor-element-02ab0f6 .elementor-heading-title{font-size:24px;}.elementor-7587 .elementor-element.elementor-element-2f9faf5{font-size:var( --e-global-typography-604f9f4-font-size );}.elementor-7587 .elementor-element.elementor-element-b3416c7{padding:32px 16px 44px 16px;}}/* Start custom CSS for shortcode, class: .elementor-element-8b7b65a *//* ROJAN BEAUTY — ORDER TRACKING */

.rojan-order-tracking {
    direction: rtl;
    max-width: 520px;
    margin: 40px auto;
    padding: 36px;
    background: #FFFFFF;
    border: 1px solid #F0E9E5;
    border-radius: 20px;
    box-shadow: 0 12px 40px rgba(28,26,25,.05);
    font-family: inherit;
}

.rojan-order-tracking form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.rojan-order-tracking label {
    color: #1C1A19;
    font-size: 14px;
    font-weight: 600;
}

.rojan-order-tracking input[type="number"] {
    width: 100%;
    height: 52px;
    padding: 0 16px;
    background: #FAF7F2;
    border: 1px solid #E9E2DF;
    border-radius: 12px;
    color: #1C1A19;
    font-size: 15px;
    text-align: right;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}

.rojan-order-tracking input:focus {
    border-color: #75263D;
    box-shadow: 0 0 0 3px rgba(117,38,61,.10);
}

.rojan-order-tracking button[type="submit"] {
    width: 100%;
    min-height: 52px;
    padding: 12px 20px;
    margin-top: 6px;
    background: #75263D;
    color: #FFFFFF;
    border: none;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s, transform .2s;
}

.rojan-order-tracking button[type="submit"]:hover {
    background: #5D1D30;
    color: #FFFFFF;
    transform: translateY(-1px);
}

.rojan-order-tracking p[role="status"] {
    margin: 20px 0 0;
    padding: 16px;
    background: #FAF7F2;
    color: #75263D;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.9;
    text-align: center;
}

@media (max-width: 767px) {
    .rojan-order-tracking {
        margin: 20px 12px;
        padding: 24px 18px;
        border-radius: 16px;
    }
}



/* Rojan tracking note - aligned icon */

.rojan-order-tracking form::before {
    display: none;
}

.rojan-order-tracking form::after {
    content: "✓  فقط وضعیت کلی سفارش نمایش داده می‌شود.";
    display: block;
    position: static;
    margin-top: 8px;
    padding: 0;
    color: #77706E;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.9;
    text-align: center;
    direction: rtl;
    white-space: normal;
}



/* ROJAN - Secure Order Tracking V3 */

.rojan-order-tracking input[name="rojan_order_key"] {
    width: 100%;
    height: 52px;
    padding: 0 16px;
    background: #FAF7F2;
    border: 1px solid #E9E2DF;
    border-radius: 12px;
    color: #1C1A19;
    font-size: 14px;
    text-align: left;
    direction: ltr;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}

.rojan-order-tracking input[name="rojan_order_key"]:focus {
    border-color: #75263D;
    box-shadow: 0 0 0 3px rgba(117,38,61,.10);
}

.rojan-order-tracking input[name="rojan_order_key"]::placeholder {
    direction: rtl;
    text-align: right;
    color: #A09A96;
}


/* ROJAN BEAUTY - ORDER DETAILS */

.rojan-order-tracking .rojan-order-details {
    margin-top: 28px;
    padding: 24px;
    background: #FAF7F2;
    border: 1px solid #E9E2DF;
    border-radius: 16px;
    direction: rtl;
}

.rojan-order-details h3 {
    color: #1C1A19;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E9E2DF;
}

.rojan-order-details h4 {
    color: #1C1A19;
    font-size: 15px;
    font-weight: 600;
    margin: 22px 0 12px;
}

.rojan-order-details p {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 12px 0;
    margin: 0;
    border-bottom: 1px solid #E9E2DF;
    color: #55504E;
    font-size: 13px;
    line-height: 1.8;
}

.rojan-order-details p strong {
    color: #1C1A19;
    font-weight: 600;
    flex-shrink: 0;
}

.rojan-order-details ul {
    list-style: none;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #E9E2DF;
}

.rojan-order-details li {
    position: relative;
    padding: 8px 18px 8px 0;
    color: #55504E;
    font-size: 13px;
    line-height: 1.8;
}

.rojan-order-details li::before {
    content: "•";
    position: absolute;
    right: 0;
    color: #75263D;
}

.rojan-order-details p:last-child {
    border-bottom: none;
}

@media (max-width: 767px) {
    .rojan-order-tracking .rojan-order-details {
        padding: 18px 14px;
        margin-top: 20px;
    }

    .rojan-order-details p {
        font-size: 12px;
        gap: 10px;
    }

    .rojan-order-details h3 {
        font-size: 17px;
    }
}


/* ROJAN - Order tracking price colors */

.rojan-order-details .woocommerce-Price-amount,
.rojan-order-details .woocommerce-Price-currencySymbol,
.rojan-order-details .amount {
    color: #75263D !important;
    font-weight: 600;
}

/* Other order detail values */
.rojan-order-details p {
    color: #55504E;
}

.rojan-order-details p strong {
    color: #1C1A19;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'peyda';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://rojan-beauty.com/wp-content/uploads/2026/10/Peyda-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'peyda';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://rojan-beauty.com/wp-content/uploads/2026/10/Peyda-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'peyda';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://rojan-beauty.com/wp-content/uploads/2026/10/Peyda-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'peyda';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://rojan-beauty.com/wp-content/uploads/2026/10/Peyda-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */