/* /Pages/BuildYourOwnBucket/IndexBuildYourOwnBucket.razor.rz.scp.css */
.bulletpoint[b-qe5zoq8lwl] {
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.6em;
    border-radius: 50%;
    background: var(--wwf-blue-link);
    color: var(--wwf-white);
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    margin: 1em 0.3em;
}
/* /Pages/Cart/GiftCardInputDialog.razor.rz.scp.css */
/* GiftCardInputDialog component styles */
.link-button[b-bm6qf1xcpx] {
    position: relative;
    z-index: 1;
}

.link-button:focus[b-bm6qf1xcpx],
.link-button:focus-visible[b-bm6qf1xcpx] {
    outline: 1px solid var(--wwf-blue);
    outline-offset: 1px;
}

.old-gift-card-link[b-bm6qf1xcpx] {
    color: var(--wwf-blue) !important;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
    background: none;
    border: none;
    padding: 0;
    font: inherit;
}

.donation-prompt-text[b-bm6qf1xcpx] {
    margin-top: 10px;
    color: var(--wwf-blue);
    font-weight: bold;
}
/* /Pages/Index.razor.rz.scp.css */
.slide-text[b-l3rl20sg9k] {
    background: var(--wwf-black-true);
    padding: 20px;
    position: absolute;
    /* min-width: 300px; */
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--wwf-bg-light);
    text-align: center;
}

@media (max-width: 600px) {
    /* Banner button - mobile responsive overlay button */
    .banner-button[b-l3rl20sg9k] {
        position: absolute;
        bottom: 8%;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(0, 0, 0, 0.85);
        color: var(--wwf-white);
        padding: 15px 30px;
        font-size: 16px !important;
        text-decoration: none;
        font-weight: 700;
        letter-spacing: 0.6px;
        border-radius: 5px;
        transition: background 0.3s ease;
        z-index: 10;
    }

    a.banner-button:hover[b-l3rl20sg9k] {
        color: var(--wwf-white);
    }
}

.mud-icon-button[b-l3rl20sg9k] {
    background-color: var(--wwf-bg-azure);    
}

/* /Pages/OneTimeDonation/Index.razor.rz.scp.css */
/* ============================================================================
   OneTimeDonation/Index.razor - Component-scoped styles (CSS isolation)
   ============================================================================
   NOTE: MudBlazor component styles (.otdbutton, .donatebutton, etc.) are in
   site.css because ::deep causes duplicate scope attribute errors in .NET 10.
   ============================================================================ */

h1[b-lgms8x6lcy] {
    font-size: 36px;
    font-weight: bold;
    margin-top: -30px;
    margin-bottom: 20px;
}

/* Donation amounts grid layout - 2 columns for one-time donation */
.donation-amounts[b-lgms8x6lcy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-bottom: 40px;
}

.primeBtn a[b-lgms8x6lcy] {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

/* Donation form layout - two column */
.donation-form-container[b-lgms8x6lcy] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: top;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 50px 0;
}

.donation-form-left[b-lgms8x6lcy] {
    flex-basis: 50%;
    padding-right: 50px;
}

.donation-form-left img[b-lgms8x6lcy] {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.donation-form-left p[b-lgms8x6lcy] {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
}

.donation-form-right[b-lgms8x6lcy] {
    flex-basis: 50%;
    background: var(--wwf-white);
}

.donation-form-right h2[b-lgms8x6lcy] {
    font-size: 24px;
    margin-bottom: 20px;
}

.donation-form-right[b-lgms8x6lcy], .donation-form-left[b-lgms8x6lcy] {
    padding: 30px 30px 0 30px;
}

.row.shaded-mid.gutter-bottom-4.gutter-horiz-in.gutter-vert-in[b-lgms8x6lcy] {
    display: none;
}

/* Mobile responsive styles */
@media (max-width: 767px) {
    .donation-form-container[b-lgms8x6lcy] {
        flex-direction: column;
    }

    .donation-form-left[b-lgms8x6lcy], .donation-form-right[b-lgms8x6lcy] {
        flex-basis: 100%;
    }

    .donation-form-left img[b-lgms8x6lcy] {
        max-width: 100%;
        align: center;
    }

    .donation-amounts label[b-lgms8x6lcy] {
        font-size: 16px;
    }

    .donation-amounts input[type="number"][b-lgms8x6lcy] {
        margin-left: 5px;
        width: 60px;
    }
}
/* /Pages/RadkoOrnaments/IndividualOrnaments.razor.rz.scp.css */
h1[b-mj7qzqr6wp] {
    margin-bottom: 0;
}

/* /Pages/SetOfSocks/IndexSocks.razor.rz.scp.css */
h1[b-3z857tb8l0] {
    margin-bottom: 0;
}
/* /Pages/Shared/Footer.razor.rz.scp.css */
#page-wrap[b-vyb204zx4c] {
    width: 100%;
    margin: 15px auto;
}

#page-wrap > div[b-vyb204zx4c] {
    margin: 0 0 50px 0;
    /*min-width: 500px;*/
    width: 100%;
}

.pfooter[b-vyb204zx4c] {
    font-family: Open Sans, Arial;
    font-size: 15px;
    color: var(--wwf-black-true);
    line-height: 27px;
}

#css-table[b-vyb204zx4c] {
    display: table;
}

    #css-table .col[b-vyb204zx4c] {
        /*display: table-cell;*/
        /*width: 33%;*/
        padding: 15px 15px 0 15px;
        border-radius: 15px;
    }

        #css-table .col:nth-child(even)[b-vyb204zx4c] {
            background: var(--wwf-gray-bg);
        }

        #css-table .col:nth-child(odd)[b-vyb204zx4c] {
            background: var(--wwf-white);
        }

.h2footer[b-vyb204zx4c] {
    color: var(--wwf-black-true);
    line-height: 27px;
    font: bold 18px Open Sans, Arial;
}


a[b-vyb204zx4c] {
    color: var(--wwf-blue);
}

.imgfooter[b-vyb204zx4c] {
    display: inline-block !important;
}

@media only screen and (max-width: 640px) {
    .accordionfooter .accordion-item[b-vyb204zx4c] {
        margin-bottom: 0;
        padding: 20px 0;
    }
}


/* /Pages/Shared/Header.razor.rz.scp.css */
/* Header-specific styles - unique to Header component */

.ogc-logo[b-63shb5qspy] {
    position: absolute;
    left: 100px;
    top: -20px;
    background-color: transparent;
    padding: 10px 20px 0px;
    line-height: 16px;
    max-width: 250px;
}

.ogc-logo[b-63shb5qspy]:after {
    content: "Give to WWF's global conservation efforts and choose an item.";
    color: var(--wwf-white);
    padding: 0px;
}

.ogc-logo img[b-63shb5qspy] {
    padding-bottom: 5px;
}

.mobile-ogc-logo[b-63shb5qspy] {
    position: absolute;
    left: 100px;
    background-color: transparent;
    line-height: 12px;
    max-width: 175px;
}

.mobile-ogc-logo[b-63shb5qspy]:after {
    content: "Give to WWF's global conservation efforts and choose an item.";
    color: var(--wwf-white);
    padding: 0px;
    font-size: 10px;
}

.mobile-ogc-logo img[b-63shb5qspy] {
    padding-bottom: 5px;
}

a#shiplink[b-63shb5qspy] {
    padding: 0px !important;
}

div#mySearchInputautocomplete-list[b-63shb5qspy] {
    font-size: 24px;
    max-height: 300px;
    overflow: hidden;
}

div#mySearchInputMobileautocomplete-list[b-63shb5qspy] {
    font-size: 24px;
    max-height: 170px;
    overflow: hidden;
}

div#KitListContainer[b-63shb5qspy] {
    background-color: var(--wwf-bg-cream);
}

.slider.container.slider-inline[b-63shb5qspy] {
    max-width: 600px;
    max-height: 600px;
}

div#overlay-content[b-63shb5qspy] {
    top: 15px;
}

div.slider > ul.items > li.item > img[b-63shb5qspy] {
    max-height: 600px;
}

#overlay-content .slider-inline .nav[b-63shb5qspy] {
    bottom: 500px;
}

#overlay-content .slider-inline .items img[b-63shb5qspy] {
    border-bottom: 0;
    margin-bottom: 0;
}

div#divApparel li:first-child .name[b-63shb5qspy]::before {
    content: " Most Popular! ";
    color: var(--wwf-red);
    font-weight: bold;
    text-transform: uppercase;
}

.listing-grid .items .name[b-63shb5qspy] {
    display: inline-block;
}

table.table td[b-63shb5qspy] {
    border: 1px solid var(--wwf-gray-light);
}

#header .group-utility .nav a[b-63shb5qspy] {
    color: var(--wwf-gray-medium);
}

#header .form-inline[b-63shb5qspy] {
    width: 290px;
}

input#mySearchInput[b-63shb5qspy] {
    font-size: 24px;
    height: 40px !important;
}

#header .form-inline button .ico[b-63shb5qspy] {
    font-size: 24px;
    padding: 0 10px 5px 0;
}

blockquote.span11.quotation.horiz-separators.gutter-top-in-4.gutter-bottom-in-4.gutter-bottom-5.medium-add-gutter[b-63shb5qspy] {
    display: none;
}

.slide-text[b-63shb5qspy] {
    background: var(--wwf-bg-light);
    padding: 20px 50px;
    position: absolute;
    min-width: 300px;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--wwf-black-true);
}
/* /Pages/SpeciesAdoptions/Detail.razor.rz.scp.css */
/* ============================================================================
   Detail.razor - Component-scoped styles (CSS isolation)
   ============================================================================
   NOTE: Styles moved from inline <style> block for CSS consistency.
   ============================================================================ */

/* Styling for carousel bullets */
[b-6dmjx2xq3r] .mud-carousel-indicator {
    width: 12px;
    height: 12px;
    background-color: var(--wwf-black-true);
    border-radius: 50%;
    margin: 0 6px;
}

.carousel-image-crop[b-6dmjx2xq3r] {
    width: 100%;
    height: 500px;
    object-fit: contain;
    object-position: top;
    padding: 0 0 40px 0;
}

.carousel-image-rectangle[b-6dmjx2xq3r] {
    width: 100%;
    height: 500px;
    object-fit: contain;
    object-position: top;
    padding: 0 0 40px 0;
}

[b-6dmjx2xq3r] .custom-radio .mud-radio-button {
    display: none;
}

h1[b-6dmjx2xq3r] {
    font-size: 3.25rem;
    font-family: 'Open Sans', 'Arial', 'sans-serif';
    font-weight: 300;
    line-height: 1.167;
    letter-spacing: -.01562em;
    text-transform: none;
}

h3[b-6dmjx2xq3r] {
    font-family: 'Open Sans', 'Arial', 'sans-serif';
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.334;
    letter-spacing: 0;
    text-transform: none;
}

[b-6dmjx2xq3r] .selected .rounded-lg {
    outline: 4px solid var(--wwf-black-true);
}

p[b-6dmjx2xq3r] {
    font-family: 'Open Sans', 'Arial', 'sans-serif';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .00938em;
    text-transform: none;
}

.break[b-6dmjx2xq3r] {
    flex-basis: 100%;
    height: 0;
}

.productsDropdown[b-6dmjx2xq3r] {
    margin-bottom: 20px;
    background-color: var(--wwf-white);
    background-clip: padding-box;
    display: block;
    height: 2rem;
    line-height: 1;
    padding: 0.25rem 0.75rem;
    border-width: 1px;
}
/* /Pages/SpeciesAdoptions/DetailAdoption.razor.rz.scp.css */
/* ============================================================================
   DetailAdoption.razor - Component-scoped styles (CSS isolation)
   ============================================================================
   NOTE: MudBlazor component styles (.otdbutton, .donatebutton, etc.) are in
   site.css because ::deep causes duplicate scope attribute errors in .NET 10.
   ============================================================================ */

/* Donation amounts grid layout */
.donation-amounts[b-956dkwvzwr] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    margin-bottom: 40px;
}

.primeBtn a[b-956dkwvzwr] {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

/* Donation form layout - two column */
.donation-form-container[b-956dkwvzwr] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: top;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 0 50px 0;
}

.donation-form-left[b-956dkwvzwr] {
    flex-basis: 50%;
    padding-right: 50px;
}

.donation-form-left img[b-956dkwvzwr] {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.donation-form-left p[b-956dkwvzwr] {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
}

.donation-form-right[b-956dkwvzwr] {
    flex-basis: 50%;
    background: var(--wwf-white);
}

.donation-form-right h2[b-956dkwvzwr] {
    font-size: 24px;
    margin-bottom: 20px;
}

.donation-form-right[b-956dkwvzwr], .donation-form-left[b-956dkwvzwr] {
    padding: 30px 30px 0 30px;
}

.row.shaded-mid.gutter-bottom-4.gutter-horiz-in.gutter-vert-in[b-956dkwvzwr] {
    display: none;
}

/* Mobile responsive styles */
@media (max-width: 767px) {
    .donation-form-container[b-956dkwvzwr] {
        flex-direction: column;
    }

    .donation-form-left[b-956dkwvzwr], .donation-form-right[b-956dkwvzwr] {
        flex-basis: 100%;
    }

    .donation-form-left img[b-956dkwvzwr] {
        max-width: 100%;
        align: center;
    }

    .donation-amounts label[b-956dkwvzwr] {
        font-size: 16px;
    }

    .donation-amounts input[type="number"][b-956dkwvzwr] {
        margin-left: 5px;
        width: 60px;
    }
}

/* Hide copyright */
.adoptcopyright[b-956dkwvzwr] {
    display: none;
}

/* Responsive h1 sizing */
@media only screen and (max-width: 959px) {
    h1[b-956dkwvzwr] {
        font-size: 32px;
        line-height: 36px;
    }
}

/* MudBlazor swipe area fix */
.mud-swipearea[b-956dkwvzwr] {
    touch-action: pan-y;
}

/* Thumbnail selection states */
.selected-thumb[b-956dkwvzwr] {
    border: 2px solid var(--wwf-orange);
}

.unselected-thumb[b-956dkwvzwr] {
    border: 2px solid var(--wwf-gray-light);
}

/* Responsive grid reordering */
@media (max-width: 960px) {
    .mud-grid .mud-item:nth-child(1)[b-956dkwvzwr] {
        order: 2;
    }

    .mud-grid .mud-item:nth-child(2)[b-956dkwvzwr] {
        order: 1;
    }
}

.white-space-pre-line[b-956dkwvzwr] {
    white-space: pre-line;
}

/* ============================================================================
   Accessibility Styles
   ============================================================================ */

/* Visually hidden but accessible to screen readers */
.visually-hidden[b-956dkwvzwr] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Accessible button styles for image controls */
.thumbnail-button[b-956dkwvzwr],
.main-image-button[b-956dkwvzwr] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: inline-block;
}

/* Use focus-visible for keyboard-only focus indicator (not mouse clicks) */
.thumbnail-button:focus-visible[b-956dkwvzwr],
.main-image-button:focus-visible[b-956dkwvzwr] {
    outline: 2px solid var(--wwf-black-true);
    outline-offset: 2px;
}

/* Remove default focus outline for mouse clicks */
.thumbnail-button:focus:not(:focus-visible)[b-956dkwvzwr],
.main-image-button:focus:not(:focus-visible)[b-956dkwvzwr] {
    outline: none;
}

.thumbnail-button.selected-thumb[b-956dkwvzwr] {
    border: 2px solid var(--wwf-orange);
}

.thumbnail-button.unselected-thumb[b-956dkwvzwr] {
    border: 2px solid var(--wwf-gray-light);
}

/* Accessibility fix: Override display:contents for tab panels */
.mud-tab-panel[role="tabpanel"][style*="display:contents"][b-956dkwvzwr] {
    display: block !important;
}

/* Form controls container - provide left padding and bottom spacing */
.break-gutter-horiz[b-956dkwvzwr] {
    padding-left: 24px;
    padding-bottom: 24px;
}

/* ============================================================================
   Utility Classes
   ============================================================================ */

.pt-12[b-956dkwvzwr] {
    padding-top: 12px;
}

.p-12[b-956dkwvzwr] {
    padding: 12px;
}

.text-sm[b-956dkwvzwr] {
    font-size: 15px;
}

.cursor-pointer[b-956dkwvzwr] {
    cursor: pointer;
}

.d-inline-block[b-956dkwvzwr] {
    display: inline-block;
}

.d-block[b-956dkwvzwr] {
    display: block;
}

.position-relative[b-956dkwvzwr] {
    position: relative;
}

.text-right[b-956dkwvzwr] {
    text-align: right;
}

/* ============================================================================
   Accessible Date Picker Styles
   ============================================================================ */

.date-fieldset[b-956dkwvzwr] {
    border: 1px solid var(--mud-palette-lines-default, #e0e0e0);
    border-radius: 4px;
    padding: 12px 16px;
    margin: 8px 0;
}

.date-fieldset legend[b-956dkwvzwr] {
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary, rgba(0,0,0,0.6));
    padding: 0 4px;
}

.date-inputs-container[b-956dkwvzwr] {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    align-items: flex-end;
}

.date-input-group[b-956dkwvzwr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.date-input-group label[b-956dkwvzwr] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary, rgba(0,0,0,0.6));
}

.date-input[b-956dkwvzwr] {
    width: 60px;
    padding: 8px 12px;
    font-size: 1rem;
    border: 1px solid var(--mud-palette-lines-default, #bdbdbd) !important;
    border-radius: 4px;
    text-align: center;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    background-color: var(--mud-palette-surface, #fff);
}

.date-input-year[b-956dkwvzwr] {
    width: 80px;
}

.date-separator[b-956dkwvzwr] {
    display: flex;
    align-items: flex-end;
    padding-bottom: 12px;
    font-size: 1.25rem;
    color: var(--mud-palette-text-secondary, rgba(0,0,0,0.6));
}

.date-input:focus[b-956dkwvzwr] {
    outline: 2px solid var(--mud-palette-primary, #1976d2);
    outline-offset: 1px;
    border-color: var(--mud-palette-primary, #1976d2);
}

.date-picker-button[b-956dkwvzwr] {
    justify-content: flex-end;
    padding-bottom: 2px;
    position: relative;
}

.native-date-button[b-956dkwvzwr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 50%;
    border: none;
    background: transparent;
    transition: background-color 0.2s;
    color: var(--mud-palette-action-default, rgba(0,0,0,0.54));
}

.native-date-button:hover[b-956dkwvzwr] {
    background-color: var(--mud-palette-action-default-hover, rgba(0,0,0,0.04));
}

.native-date-button:focus[b-956dkwvzwr] {
    outline: 2px solid var(--mud-palette-primary, #1976d2);
    outline-offset: 2px;
}

.native-date-input-hidden[b-956dkwvzwr] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.date-hint[b-956dkwvzwr] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary, rgba(0,0,0,0.6));
    margin-top: 8px;
    margin-bottom: 0;
}

.date-fieldset-error[b-956dkwvzwr] {
    border-color: var(--mud-palette-error, #f44336);
}

.date-fieldset-error legend[b-956dkwvzwr] {
    color: var(--mud-palette-error, #f44336);
}

.date-input-error[b-956dkwvzwr] {
    border-color: var(--mud-palette-error, #f44336);
}

.date-input-error:focus[b-956dkwvzwr] {
    outline-color: var(--mud-palette-error, #f44336);
    border-color: var(--mud-palette-error, #f44336);
}

.date-error[b-956dkwvzwr] {
    font-size: 0.75rem;
    color: var(--mud-palette-error, #f44336);
    margin-top: 8px;
    margin-bottom: 0;
}
/* /Pages/SpeciesAdoptions/Index.razor.rz.scp.css */
/* ============================================================================
   Index.razor (SpeciesAdoptions) - Component-scoped styles (CSS isolation)
   ============================================================================ */

/* Page header section */
.page-header[b-7s4md7skbt] {
    width: 95%;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.page-header-description[b-7s4md7skbt] {
    text-align: center;
    font-size: 18px;
    margin: 0 0 30px 0;
}
/* /Pages/SpeciesAdoptions/Mystery.razor.rz.scp.css */
/* ============================================================================
   Mystery.razor - Component-scoped styles (CSS isolation)
   ============================================================================
   NOTE: Styles moved from inline <style> block for CSS consistency.
   ============================================================================ */

/* Styling for carousel bullets */
[b-0xrywiuy4n] .mud-carousel-indicator {
    width: 12px;
    height: 12px;
    background-color: var(--wwf-black-true);
    border-radius: 50%;
    margin: 0 6px;
}

.carousel-image-crop[b-0xrywiuy4n] {
    width: 100%;
    height: 500px;
    object-fit: contain;
    object-position: top;
    padding: 0 0 40px 0;
}

.carousel-image-rectangle[b-0xrywiuy4n] {
    width: 100%;
    height: 500px;
    object-fit: contain;
    object-position: top;
    padding: 0 0 40px 0;
}

[b-0xrywiuy4n] .custom-radio .mud-radio-button {
    display: none;
}

h1[b-0xrywiuy4n] {
    font-size: 3.25rem;
    font-family: 'Open Sans', 'Arial', 'sans-serif';
    font-weight: 300;
    line-height: 1.167;
    letter-spacing: -.01562em;
    text-transform: none;
}

h3[b-0xrywiuy4n] {
    font-family: 'Open Sans', 'Arial', 'sans-serif';
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.334;
    letter-spacing: 0;
    text-transform: none;
}

[b-0xrywiuy4n] .selected .rounded-lg {
    outline: 4px solid var(--wwf-black-true);
}

p[b-0xrywiuy4n] {
    font-family: 'Open Sans', 'Arial', 'sans-serif';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .00938em;
    text-transform: none;
}

.break[b-0xrywiuy4n] {
    flex-basis: 100%;
    height: 0;
}

.productsDropdown[b-0xrywiuy4n] {
    margin-bottom: 20px;
    background-color: var(--wwf-white);
    background-clip: padding-box;
    display: block;
    height: 2rem;
    line-height: 1;
    padding: 0.25rem 0.75rem;
    border-width: 1px;
}
/* /Pages/SpeciesAdoptions/MysteryDetailAdoption.razor.rz.scp.css */
/* ============================================================================
   MysteryDetailAdoption.razor - Component-scoped styles (CSS isolation)
   ============================================================================
   NOTE: Styles moved from inline <style> block for CSS consistency.
   ============================================================================ */

/* Hide copyright */
.adoptcopyright[b-56jbr0oo4q] {
    display: none;
}

/* Responsive h1 sizing */
@media only screen and (max-width: 959px) {
    h1[b-56jbr0oo4q] {
        font-size: 32px;
        line-height: 36px;
    }
}

[b-56jbr0oo4q] .mud-swipearea {
    touch-action: pan-y;
}

/* Thumbnail selection states - use CSS variables */
.selected-thumb[b-56jbr0oo4q] {
    border: 2px solid var(--wwf-orange);
}

.unselected-thumb[b-56jbr0oo4q] {
    border: 2px solid var(--wwf-gray-light);
}

/* Reorder grid items for mobile */
@media (max-width: 960px) {
    [b-56jbr0oo4q] .mud-grid .mud-item:nth-child(1) {
        order: 2;
    }

    [b-56jbr0oo4q] .mud-grid .mud-item:nth-child(2) {
        order: 1;
    }
}
/* /Pages/Tools/DeliveryEstimate.razor.rz.scp.css */
/*#us-map {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/

.state[b-jn25xnqjj5] {
    fill: var(--wwf-gray-light);
}

path:hover[b-jn25xnqjj5], circle:hover[b-jn25xnqjj5] {
    stroke: var(--wwf-blue) !important;
    stroke-width: 2px;
    stroke-linejoin: round;
    fill: var(--wwf-blue) !important;
    cursor: pointer;
}

#frame[b-jn25xnqjj5] {
    fill: none !important;
    stroke: var(--wwf-gray-disabled) !important;
    cursor: default;
}

#info-box[b-jn25xnqjj5] {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-color: var(--wwf-white);
    border: 2px solid var(--wwf-red);
    border-radius: 5px;
    padding: 5px;
    font-family: arial;
}

#userZip[b-jn25xnqjj5] {
    width: 200px;
    padding: 10px;
    font-size: 32px;
    text-align: center;
    border: 1px solid var(--wwf-gray-dark);
}