ROSAVALLE – TRACK ORDER PAGE
   PAGE ID: 949
   ========================================================== */

/* ----------------------------------------------------------
   PAGE BACKGROUND IMAGE
   ---------------------------------------------------------- */

body.page-id-949 {
    background-color: #fbf7ee !important;
}

body.page-id-949 .site-main {
    position: relative;
    min-height: 900px !important;

    background-color: #fbf7ee !important;
    background-image:
        linear-gradient(
            rgba(255, 251, 242, 0.04),
            rgba(255, 251, 242, 0.04)
        ),
        url("https://rosavalle.com/wp-content/uploads/2026/08/ChatGPT-Image-Aug-21-2026-12_30_10-PM.png") !important;

    background-size: cover !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
}

/* Keep Blocksy / WordPress content layers transparent
   so the background image remains visible */

body.page-id-949 .content-area,
body.page-id-949 article,
body.page-id-949 .entry-content,
body.page-id-949 .ct-container,
body.page-id-949 .ct-container-full {
    background: transparent !important;
}


/* ----------------------------------------------------------
   MAIN PAGE CONTENT
   ---------------------------------------------------------- */

body.page-id-949 .entry-content {
    max-width: 1150px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    padding-top: 65px !important;
    padding-right: 20px !important;
    padding-bottom: 285px !important;
    padding-left: 20px !important;
}


/* ----------------------------------------------------------
   TRACK YOUR ORDER HEADING
   ---------------------------------------------------------- */

body.page-id-949 .entry-content h1,
body.page-id-949 .entry-content h2,
body.page-id-949 .entry-content h3 {
    color: #003d2f !important;
}


/* ----------------------------------------------------------
   PREMIUM TRACKING CARD
   ---------------------------------------------------------- */

body.page-id-949 .rosavalle-track-form {
    position: relative !important;

    width: 100% !important;
    max-width: 680px !important;

    margin: 35px auto 22px !important;
    padding: 42px 42px 38px !important;

    background: rgba(255, 253, 247, 0.94) !important;

    border: 1px solid rgba(211, 166, 43, 0.38) !important;
    border-radius: 16px !important;

    box-shadow:
        0 20px 50px rgba(0, 45, 34, 0.10),
        0 3px 10px rgba(0, 0, 0, 0.025) !important;

    box-sizing: border-box !important;

    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);

    overflow: hidden;
}


/* Soft gold highlight inside the card */

body.page-id-949 .rosavalle-track-form::before {
    content: "";
    position: absolute;

    width: 180px;
    height: 180px;

    top: -95px;
    right: -70px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(211, 166, 43, 0.16) 0%,
            rgba(211, 166, 43, 0) 70%
        );

    pointer-events: none;
}


/* Soft green highlight inside the card */

body.page-id-949 .rosavalle-track-form::after {
    content: "";
    position: absolute;

    width: 160px;
    height: 160px;

    bottom: -100px;
    left: -75px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(0, 61, 47, 0.07) 0%,
            rgba(0, 61, 47, 0) 72%
        );

    pointer-events: none;
}


/* ----------------------------------------------------------
   INNER SHIPWAY FORM
   ---------------------------------------------------------- */

body.page-id-949 .rosavalle-track-form form {
    position: relative;
    z-index: 2;

    width: 100% !important;
    max-width: 535px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* Remove Shipway's old dotted inner box */

body.page-id-949 .rosavalle-track-form > div,
body.page-id-949 .rosavalle-track-form form > div {
    width: 100% !important;
    max-width: 100% !important;

    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   ORDER ID LABEL
   ---------------------------------------------------------- */

body.page-id-949 .rosavalle-track-form label {
    display: block !important;

    width: 100% !important;

    margin: 0 0 10px !important;

    color: #003d2f !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;

    text-align: left !important;

    letter-spacing: 0.15px !important;
}


/* ----------------------------------------------------------
   ORDER ID INPUT
   ---------------------------------------------------------- */

body.page-id-949 .rosavalle-track-form input[type="text"],
body.page-id-949 .rosavalle-track-form input[type="number"],
body.page-id-949 .rosavalle-track-form input[type="search"] {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 56px !important;

    margin: 0 auto !important;
    padding: 0 18px !important;

    background: rgba(255, 255, 255, 0.96) !important;

    border: 1px solid #d8c9ad !important;
    border-radius: 7px !important;

    color: #173f36 !important;

    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 56px !important;

    box-sizing: border-box !important;

    outline: none !important;

    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, 0.015) !important;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease !important;
}


body.page-id-949 .rosavalle-track-form input::placeholder {
    color: #8a8a84 !important;
    opacity: 1 !important;
}


body.page-id-949 .rosavalle-track-form input[type="text"]:focus,
body.page-id-949 .rosavalle-track-form input[type="number"]:focus,
body.page-id-949 .rosavalle-track-form input[type="search"]:focus {
    background: #ffffff !important;

    border-color: #d3a62b !important;

    box-shadow:
        0 0 0 4px rgba(211, 166, 43, 0.10) !important;
}


/* ----------------------------------------------------------
   TRACK BUTTON
   ---------------------------------------------------------- */

body.page-id-949 .rosavalle-track-form input[type="submit"],
body.page-id-949 .rosavalle-track-form button {
    display: block !important;

    width: 165px !important;
    min-width: 165px !important;

    height: 50px !important;

    margin: 24px auto 0 !important;
    padding: 0 28px !important;

    background:
        linear-gradient(
            180deg,
            #ddb648 0%,
            #c99620 100%
        ) !important;

    border: 1px solid #c99620 !important;
    border-radius: 7px !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 48px !important;

    letter-spacing: 1.8px !important;

    text-align: center !important;
    text-transform: uppercase !important;

    cursor: pointer !important;

    box-shadow:
        0 8px 20px rgba(201, 150, 32, 0.24) !important;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
}


body.page-id-949 .rosavalle-track-form input[type="submit"]:hover,
body.page-id-949 .rosavalle-track-form button:hover {
    background:
        linear-gradient(
            180deg,
            #07513f 0%,
            #003d2f 100%
        ) !important;

    border-color: #003d2f !important;

    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 24px rgba(0, 61, 47, 0.20) !important;
}


body.page-id-949 .rosavalle-track-form input[type="submit"]:active,
body.page-id-949 .rosavalle-track-form button:active {
    transform: translateY(0);
}


/* ----------------------------------------------------------
   "STAY UPDATED..." TEXT BELOW FORM
   ---------------------------------------------------------- */

body.page-id-949 .entry-content > p {
    margin-top: 28px !important;
    margin-bottom: 0 !important;

    text-align: center !important;

    color: #244d43 !important;

    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;

    letter-spacing: 0.1px !important;
}


/* ----------------------------------------------------------
   SHIPWAY TRACKING RESULT TABLE
   ---------------------------------------------------------- */

body.page-id-949 .rosavalle-track-form table {
    width: 100% !important;

    margin-top: 28px !important;

    background: rgba(255, 255, 255, 0.96) !important;

    border: 1px solid rgba(211, 166, 43, 0.20) !important;
    border-radius: 10px !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


body.page-id-949 .rosavalle-track-form table th {
    padding: 13px 14px !important;

    background: #f8f3e9 !important;

    color: #003d2f !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    border-bottom: 1px solid #ebe1cf !important;

    text-align: left !important;
}


body.page-id-949 .rosavalle-track-form table td {
    padding: 13px 14px !important;

    color: #344c46 !important;

    font-size: 14px !important;

    border-bottom: 1px solid #eee7dc !important;

    text-align: left !important;
}


/* ----------------------------------------------------------
   SHIPWAY MESSAGES / ERRORS
   ---------------------------------------------------------- */

body.page-id-949 .rosavalle-track-form .error,
body.page-id-949 .rosavalle-track-form .alert,
body.page-id-949 .rosavalle-track-form .message {
    max-width: 535px !important;

    margin: 20px auto 0 !important;
    padding: 12px 15px !important;

    border-radius: 6px !important;

    font-size: 14px !important;

    box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   TABLET / MOBILE
   ---------------------------------------------------------- */

@media (max-width: 768px) {

    body.page-id-949 .site-main {
        min-height: 820px !important;

        background-size: cover !important;
        background-position: 58% bottom !important;
    }

    body.page-id-949 .entry-content {
        padding-top: 45px !important;
        padding-right: 15px !important;
        padding-bottom: 245px !important;
        padding-left: 15px !important;
    }

    body.page-id-949 .rosavalle-track-form {
        width: 100% !important;
        max-width: 100% !important;

        margin-top: 28px !important;

        padding: 30px 22px !important;

        border-radius: 13px !important;
    }

    body.page-id-949 .rosavalle-track-form form {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.page-id-949 .rosavalle-track-form input[type="text"],
    body.page-id-949 .rosavalle-track-form input[type="number"],
    body.page-id-949 .rosavalle-track-form input[type="search"] {
        width: 100% !important;

        height: 54px !important;

        font-size: 16px !important;
    }

    body.page-id-949 .rosavalle-track-form input[type="submit"],
    body.page-id-949 .rosavalle-track-form button {
        width: 100% !important;

        height: 50px !important;

        margin-top: 20px !important;
    }

    body.page-id-949 .entry-content > p {
        margin-top: 22px !important;

        font-size: 15px !important;
    }
}


/* ----------------------------------------------------------
   VERY SMALL MOBILE DEVICES
   ---------------------------------------------------------- */
@media (max-width: 420px) {

    body.page-id-949 .site-main {
        min-height: 650px !important;
        background-size: 100% 100% !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    body.page-id-949 .entry-content {
        padding-top: 35px !important;
        padding-right: 12px !important;
        padding-bottom: 170px !important;
        padding-left: 12px !important;
    }

    body.page-id-949 .rosavalle-track-form {
        max-width: 100% !important;
        padding: 22px 17px !important;
        margin-top: 22px !important;
    }

    body.page-id-949 .rosavalle-track-form input[type="submit"],
    body.page-id-949 .rosavalle-track-form button {
        width: 100% !important;
    }
}
@media (min-width: 769px) and (max-width: 1600px) {

    body.page-id-949 .site-main {
        background-size: 100% auto !important;
        background-position: center bottom !important;
        min-height: 600px !important;
    }

    body.page-id-949 .entry-content {
        padding-top: 45px !important;
        padding-bottom: 150px !important;
    }

    body.page-id-949 .rosavalle-track-form {
        max-width: 600px !important;
        padding: 30px 32px !important;
        margin-top: 25px !important;
    }
}
/* =========================================
   TRACK ORDER - LAPTOP / DESKTOP FINAL
   Keep complete artwork inside section
   ========================================= */

@media (min-width: 769px) {

    body.page-id-949 .site-main {
        position: relative !important;

        height: 680px !important;
        min-height: 680px !important;

        background-color: #fbf7ee !important;

        background-image:
            url("https://rosavalle.com/wp-content/uploads/2026/08/ChatGPT-Image-Aug-21-2026-12_30_10-PM.png") !important;

        /* Fit complete image inside this section */
        background-size: 100% 100% !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        overflow: hidden !important;
    }

    body.page-id-949 .entry-content {
        height: 100% !important;
        max-width: 1150px !important;

        padding-top: 35px !important;
        padding-right: 20px !important;
        padding-bottom: 25px !important;
        padding-left: 20px !important;

        margin: 0 auto !important;

        box-sizing: border-box !important;
    }

    body.page-id-949 .rosavalle-track-form {
        max-width: 600px !important;

        margin-top: 22px !important;
        margin-bottom: 18px !important;

        padding: 28px 32px !important;
    }

    body.page-id-949 .entry-content > p {
        margin-top: 18px !important;
    }
}
/* Track Order subtitle - compact centered box */
body.page-id-949 .entry-content > p {
    display: block !important;

    width: fit-content !important;
    max-width: 620px !important;

    margin: 18px auto 0 !important;
    padding: 10px 30px !important;

    background: rgba(255, 253, 247, 0.92) !important;

    color: #063B2F !important;

    border: 1px solid rgba(211, 166, 43, 0.28) !important;
    border-radius: 30px !important;

    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;

    text-align: center !important;

    box-shadow: 0 6px 18px rgba(0, 45, 34, 0.08) !important;

    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);

    position: relative !important;
    z-index: 5 !important;

    box-sizing: border-box !important;
}

/* ==========================================================
   ROSAVALLE TRACK ORDER - MOBILE FINAL COMPACT VERSION
   ========================================================== */

@media (max-width: 600px) {

    /* Main tracking area */
    body.page-id-949 .site-main {
        min-height: 980px !important;
        background-color: #fbf7ee !important;

        background-image:
            linear-gradient(
                rgba(255, 251, 242, 0.02),
                rgba(255, 251, 242, 0.02)
            ),
            url("https://rosavalle.com/wp-content/uploads/2026/08/ChatGPT-Image-Aug-21-2026-01_04_34-PM-5.png") !important;

        background-size: cover !important;
        background-position: center bottom !important;
        background-repeat: no-repeat !important;
    }

    /* Reduce overall page spacing */
    body.page-id-949 .entry-content {
        padding-top: 38px !important;
        padding-right: 15px !important;
        padding-bottom: 245px !important;
        padding-left: 15px !important;
    }

    /* Track Your Order heading */
    body.page-id-949 .entry-content h1,
    body.page-id-949 .entry-content h2,
    body.page-id-949 .entry-content h3 {
        font-size: 30px !important;
        line-height: 1.2 !important;
        margin-bottom: 18px !important;
    }

    /* Tracking card - shorter and cleaner */
    body.page-id-949 .rosavalle-track-form {
        width: 100% !important;
        max-width: 100% !important;

        margin: 25px auto 0 !important;

        padding: 28px 22px 26px !important;

        border-radius: 14px !important;

        background: rgba(255, 253, 247, 0.94) !important;

        box-shadow:
            0 14px 32px rgba(0, 45, 34, 0.10) !important;
    }

    /* Remove unnecessary inner dotted/boxed appearance */
    body.page-id-949 .rosavalle-track-form form,
    body.page-id-949 .rosavalle-track-form > div,
    body.page-id-949 .rosavalle-track-form form > div {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    /* Label */
    body.page-id-949 .rosavalle-track-form label {
        margin-bottom: 8px !important;
        font-size: 14px !important;
    }

    /* Order ID field */
    body.page-id-949 .rosavalle-track-form input[type="text"],
    body.page-id-949 .rosavalle-track-form input[type="number"],
    body.page-id-949 .rosavalle-track-form input[type="search"] {
        height: 52px !important;
        font-size: 16px !important;
        border-radius: 7px !important;
    }

    /* TRACK button */
    body.page-id-949 .rosavalle-track-form input[type="submit"],
    body.page-id-949 .rosavalle-track-form button {
        width: 100% !important;
        height: 52px !important;

        margin-top: 20px !important;

        border-radius: 7px !important;

        font-size: 13px !important;
        letter-spacing: 1.7px !important;
    }

    /* Subtitle */
    body.page-id-949 .entry-content > p {
        width: fit-content !important;
        max-width: calc(100% - 20px) !important;

        margin: 20px auto 0 !important;
        padding: 8px 15px !important;

        background: rgba(255, 253, 247, 0.86) !important;

        border-radius: 22px !important;

        font-size: 14px !important;
        line-height: 1.4 !important;

        text-align: center !important;

        position: relative !important;
        z-index: 5 !important;
    }
}