/* =========================================================
   RIKIVA TRACK ORDER
========================================================= */

.rikiva-track-page {
    background: #faf7f2;
}


/* HERO */

.rikiva-track-hero {
    padding: 58px 0 48px;

    background: #f6eee4;

    text-align: center;
}

.rikiva-track-hero .container {
    max-width: 720px;
}

.rikiva-track-eyebrow,
.rikiva-track-form-eyebrow {
    display: block;

    margin-bottom: 8px;

    color: #b88a44;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 2px;
}

.rikiva-track-hero h1 {
    margin: 0 0 10px;

    color: #14274e;

    font-size: 42px;
    line-height: 1.1;
}

.rikiva-track-hero p {
    margin: 0;

    color: #6f7580;

    font-size: 13px;
    line-height: 1.6;
}


/* CONTENT */

.rikiva-track-content {
    padding: 55px 0 70px;
}

.rikiva-track-grid {
    display: grid;

    grid-template-columns:
        .9fr 1.1fr;

    gap: 55px;

    align-items: start;
}


/* INFO */

.rikiva-track-info h2 {
    margin: 0 0 12px;

    color: #14274e;

    font-size: 30px;
}

.rikiva-track-info > p {
    margin: 0 0 24px;

    color: #707782;

    font-size: 12px;
    line-height: 1.65;
}


.rikiva-track-help-card {
    display: flex;

    align-items: flex-start;

    gap: 13px;

    margin-bottom: 12px;

    padding: 16px;

    border-radius: 14px;

    background: #fff;
}

.rikiva-track-help-icon {
    display: flex;

    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f6eee4;

    color: #b88a44;

    font-size: 16px;
    font-weight: 700;
}

.rikiva-track-help-card strong {
    display: block;

    margin-bottom: 4px;

    color: #14274e;

    font-size: 12px;
}

.rikiva-track-help-card p {
    margin: 0;

    color: #7b818b;

    font-size: 10px;
    line-height: 1.5;
}


.rikiva-track-support-link {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    margin-top: 10px;

    color: #b88a44;

    font-size: 11px;
    font-weight: 700;

    text-decoration: none;
}


/* FORM */

.rikiva-track-form-card {
    padding: 30px;

    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 10px 30px rgba(20,39,78,.05);
}

.rikiva-track-form-card h2 {
    margin: 0 0 7px;

    color: #14274e;

    font-size: 27px;
}

.rikiva-track-form-card > p {
    margin: 0 0 22px;

    color: #777e89;

    font-size: 11px;
}


/* WooCommerce tracking form */

.rikiva-track-form-card
.woocommerce-form-track-order {
    display: grid;

    gap: 15px;
}

.rikiva-track-form-card
.woocommerce-form-track-order p {
    margin: 0;
}

.rikiva-track-form-card label {
    display: block;

    margin-bottom: 6px;

    color: #14274e;

    font-size: 10px;
    font-weight: 600;
}

.rikiva-track-form-card input.input-text {
    width: 100%;
    height: 45px;

    padding: 0 13px;

    border: 1px solid #ddd4c8;
    border-radius: 9px;

    background: #fff;

    color: #14274e;

    font-size: 12px;
}

.rikiva-track-form-card button.button {
    min-height: 44px;

    padding: 0 22px;

    border: 0;
    border-radius: 24px;

    background: #b88a44;

    color: #fff;

    font-size: 12px;
    font-weight: 700;
}