@import url('./icons.css');

:root {
    --evergreen: #103e32;
    --ink: #18352f;
    --cream: #f7f0e5;
    --paper: #fffdf8;
    --rust: #b53b25;
    --gold: #d6a33f;
    --sage: #829b7c;
    --muted: #65726d;
    --line: rgba(24, 53, 47, .18);
    --font-display: Georgia, "Times New Roman", serif;
    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html, body {
    min-height: 100%;
    margin: 0;
}

html { scroll-behavior: smooth; }
body { background: var(--cream); color: var(--ink); font-family: var(--font-sans); }
*, *::before, *::after { box-sizing: border-box; }
button, input, textarea, select { font: inherit; }

.store-section { padding: clamp(4rem, 8vw, 7rem) clamp(1.25rem, 6vw, 6rem); }
.store-section-heading { align-items:end; display:flex; gap:2rem; justify-content:space-between; margin-bottom:2.4rem; }
.store-section-heading h1,.store-section-heading h2 { font-family:var(--font-display); font-size:clamp(2.5rem,5vw,4.8rem); font-weight:500; letter-spacing:-.04em; line-height:1; margin:0; }
.store-section-heading p { color:var(--muted); line-height:1.7; margin:0; max-width:34rem; }
.store-button { align-items:center; border:1px solid var(--evergreen); display:inline-flex; font-size:.72rem; font-weight:800; justify-content:center; letter-spacing:.1em; min-height:3.5rem; padding:.8rem 1.4rem; text-decoration:none; text-transform:uppercase; }
.store-button.primary { background:var(--evergreen); color:#fff; }
.store-button.secondary { background:transparent; color:var(--evergreen); }
.store-button:hover { background:var(--rust); border-color:var(--rust); color:#fff; }
.account-primary { background:var(--evergreen) !important; border-color:var(--evergreen) !important; color:#fff !important; }
.sr-only { height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; clip:rect(0,0,0,0); white-space:nowrap; }

.w-100 {
    width: 100% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.text-danger {
    color: var(--dxds-color-content-danger-default-rest);
}

.alert {
    border: 1px solid var(--dxds-color-border-transparent-rest);
    border-radius: .25rem;
    margin-bottom: 1rem;
    padding: .75rem 1.25rem;
    position: relative;
}

.alert-danger {
    background-color: var(--dxds-color-surface-danger-subdued-rest);
    border-color: var(--dxds-color-border-danger-default-rest);
    color: var(--dxds-color-content-danger-default-rest);
}

.alert-warning {
    background-color: var(--dxds-color-surface-warning-subdued-rest);
    border-color: var(--dxds-color-border-warning-default-rest);
    color: var(--dxds-color-content-warning-default-rest);
}

.alert-success {
    background-color: var(--dxds-color-surface-success-subdued-rest);
    border-color: var(--dxds-color-border-success-default-rest);
    color: var(--dxds-color-content-success-default-rest);
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid var(--dxds-color-border-success-default-rest);
}

.invalid {
    outline: 1px solid var(--dxds-color-border-danger-default-rest);
}

.validation-message {
    color: var(--dxds-color-content-danger-default-rest);
}

.button-link {
    text-decoration: unset;
}

.title {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 0;
}

.title.title-secondary {
    padding: 0.313rem 0 0;
    color: var(--dxds-color-content-secondary-default-rest);
}

.title-header-text {
    font-size: var(--dxds-font-size-headline-lg);
    font-weight: var(--dxds-font-weight-headline-default);
    letter-spacing: var(--dxds-letter-spacing-headline-lg);
    line-height: var(--dxds-line-height-headline-lg);
}

.title-content-text {
    font-size: var(--dxds-font-size-base-lg);
    font-weight: var(--dxds-font-weight-base-default);
    letter-spacing: var(--dxds-letter-spacing-base-lg);
    line-height: var(--dxds-line-height-base-lg);
}

.main-content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.block-content {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    height: auto;
    max-width: 100%;
    width: 31.25rem;
}

.or {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 0.3125rem 0;
}

.or .or-line {
    opacity: 0.2;
    width: 100%;
    border-bottom: 1px solid var(--dxds-color-content-neutral-default-rest);
}

.or .or-text {
    padding: 0 0.625rem 0 0.625rem;
    font-size: var(--dxds-font-size-caption-md);
    line-height: var(--dxds-line-height-caption-md);
    color: var(--dxds-color-content-neutral-subdued-rest);
}

.links-container {
    align-items: center;
    display: flex;
    gap: 0.25rem;
    justify-content: center;
}

.links-container .dot {
    border-radius: 50%;
    height: 0.3125rem;
    margin: 0 0.1875rem;
    opacity: 0.7;
    width: 0.3125rem;
    background-color: var(--dxds-color-surface-neutral-default-rest);
}

.manage-layout {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.info-message {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0.625rem 1rem 0.625rem 1rem;
    position: relative;
    background: var(--dxds-color-surface-info-subdued-rest);
}

.info-message.info-panel {
    margin-bottom: 0.625rem;
}

.manage-content {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.large-input {
    font-size: 1.875rem;
    height: 4.3125rem;
}

.title-content-text-secondary {
    font-size: var(--dxds-font-size-title-md);
    line-height: var(--dxds-line-height-title-md);
}

.button-group {
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
}

.confirm-button {
    margin-top: 0.3125rem;
}

.display-desktop {
    display: block;
}

.display-mobile {
    display: none;
}

@media (max-width: 768px) {
    .display-desktop {
        display: none;
    }

    .display-mobile {
        display: block;
    }
}
/* Owner workspace shared page styling */
.admin-page-heading{margin-bottom:1.35rem}.admin-page-heading span{color:#a15131;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800}.admin-page-heading h1{font:2.25rem Georgia,serif;margin:.15rem 0}.admin-page-heading p{margin:0;color:#6e756e}.admin-note,.empty-admin,.settings-card{background:#fff;border:1px solid #ded6c8;border-radius:9px;padding:1.3rem;margin-top:1rem}.empty-admin{text-align:center;padding:3rem}.settings-card{max-width:720px}.settings-card label{display:grid;grid-template-columns:220px 1fr;gap:1rem;align-items:center;margin-bottom:1rem}.settings-card label span{font-weight:700}.save-status{color:#426858}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.provider-grid article{background:#fff;border:1px solid #ded6c8;border-radius:9px;padding:1.2rem}.provider-grid article>span{display:block;color:#a15131;font-weight:800;margin:.4rem 0}@media(max-width:800px){.provider-grid{grid-template-columns:1fr}.settings-card label{display:block}.settings-card label span{display:block;margin-bottom:.35rem}}