/* Dynadot-style storefront: bright blue on white, navy hero, amber CTA. */

/* ---- Hero ---------------------------------------------------------------- */
.hero, .pn-hero, section.hero {
    background: linear-gradient(135deg, var(--theme-hero-bg-start, #031242) 0%, var(--theme-hero-bg-mid, #0262c7) 55%, var(--theme-hero-bg-end, #0096f7) 100%);
}

.hero h1, .hero .hero__title {
    letter-spacing: -0.02em;
    font-weight: 800;
}

/* ---- Domain search: the first thing on a Dynadot page -------------------- */
.domain-search__bar {
    border-radius: 999px;
    box-shadow: 0 12px 30px rgba(3, 18, 66, 0.18);
    overflow: hidden;
    background: #fff;
}

.domain-search__input {
    font-size: 1rem;
}

.domain-search__btn {
    background: var(--theme-accent, #ff7e14);
    border-radius: 999px;
    font-weight: 700;
    padding-inline: 1.35rem;
}

.domain-search__btn:hover {
    background: var(--theme-accent-dark, #f25907);
}

.domain-search__ext {
    border-radius: 12px;
    border: 1px solid var(--theme-border-color, #d4dcec);
    background: #fff;
}

/* ---- Cards and buttons --------------------------------------------------- */
.pn-card, .card {
    border-radius: 14px;
}

.btn-primary {
    box-shadow: 0 6px 16px rgba(0, 150, 247, 0.25);
}

/* ---- Tables: the light blue header Dynadot uses -------------------------- */
table.data-table thead th {
    background: var(--theme-primary-light, #ebf3ff);
    color: var(--theme-heading-color, #031242);
    font-weight: 700;
}

/* ---- Footer -------------------------------------------------------------- */
footer, .pn-footer {
    background: var(--theme-footer-bg, #031242);
    color: #c8d6f0;
}

footer a, .pn-footer a {
    color: #9fc6ff;
}