/* Společný soustředěný režim účtových stránek na telefonu. */

body.mobile-account-mode {
    padding-bottom: 24px;
    background: var(--pb-surface);
}

body.mobile-account-mode #search,
body.mobile-account-mode .mobile-insert-cta,
body.mobile-account-mode .registration-breadcrumb,
body.mobile-account-mode .account-breadcrumb {
    display: none;
}

body.mobile-account-mode #top {
    border-bottom: 1px solid var(--pb-border);
    background: var(--pb-canvas);
    box-shadow: 0 2px 9px var(--pb-shadow);
}

body.mobile-account-mode #pagein {
    padding: 0 5px;
}

body.mobile-account-mode #content.mobile-account-form-page {
    box-sizing: border-box;
    width: 100%;
    margin: 8px 0 20px;
    padding: 18px 12px 14px;
    border: 1px solid var(--pb-border);
    border-radius: 16px;
    background: var(--pb-primary-soft);
    box-shadow: 0 5px 18px var(--pb-shadow);
    float: none;
    overflow: hidden;
}

body.mobile-account-mode #content.mobile-account-form-page .pb-form {
    --pb-form-control-height: 50px;
    --pb-form-control-radius: 10px;
    --pb-form-control-font-size: 16px;
    --pb-form-action-height: 50px;
}

body.mobile-account-mode #content.registration-page .registration-form,
body.mobile-account-mode #content.profile-page.mobile-account-form-page #editace > .pb-form {
    --pb-form-panel-padding: 0;
    --pb-form-panel-border: 0;
    --pb-form-panel-radius: 0;
    --pb-form-panel-background: transparent;
    --pb-form-panel-shadow: none;
}

body.mobile-account-mode #content.mobile-account-page > .mobile-account-page-title {
    width: 100%;
    margin: 0 0 17px;
    text-align: left;
}

/* Seznamové účtové stránky nemají formulářový vnitřní padding. Nadpisová
   karta proto dostává stejné vodorovné odsazení jako ve formulářovém obalu. */
body.mobile-account-mode #content.mobile-account-page:not(.mobile-account-form-page) > .mobile-account-page-title {
    width: calc(100% - 24px);
    margin-right: 12px;
    margin-left: 12px;
}

body.mobile-account-mode #content.registration-page > h1:not(.registration-title-card) {
    margin: 0;
    padding: 0;
    color: var(--pb-text);
    font-size: 23px;
    line-height: 1.25;
    text-align: left;
}

body.mobile-account-mode #content.registration-page > .registration-title-card .mobile-account-card-subtitle {
    display: block;
}

body.mobile-account-mode #content.registration-page .system-message {
    margin: 0 0 14px;
    border-radius: 10px;
}

body.mobile-account-mode #content.registration-page .registration-form {
    width: 100%;
    max-width: none;
    margin: 0;
}

body.mobile-account-mode #content.registration-page .registration-form fieldset {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

body.mobile-account-mode #content.registration-page .registration-form legend {
    display: none;
}

body.mobile-account-mode #content.registration-page .registration-fields {
    grid-column: 1;
    grid-row: 1;
    padding: 0;
}

body.mobile-account-mode #content.registration-page .registration-benefits {
    grid-column: 1;
    grid-row: 2;
    margin-top: 3px;
    padding: 15px 13px;
    border-radius: 11px;
}

body.mobile-account-mode #content.registration-page .registration-benefits h2 {
    font-size: 17px;
}

body.mobile-account-mode #content.registration-page .registration-benefits li {
    margin-bottom: 9px;
    font-size: 13px;
}

body.mobile-account-mode #content.registration-page .registration-fields p {
    margin-bottom: 16px;
}

body.mobile-account-mode #content.registration-page .required-fields-note {
    margin-bottom: 10px;
}

body.mobile-account-mode #content.registration-page .registration-fields label {
    margin-bottom: 6px;
    color: var(--pb-text);
    font-size: 14px;
    line-height: 1.35;
}

body.mobile-account-mode #content.mobile-account-form-page .password-toggle {
    top: 7px;
    width: 36px;
    height: 36px;
    min-height: 36px;
}

body.mobile-account-mode #content.registration-page .phone-feedback {
    font-size: 12px;
}

body.mobile-account-mode #content.registration-page .antispam-challenge {
    margin: 3px 0 17px;
    padding: 13px 12px;
    border-radius: 10px;
}

body.mobile-account-mode #content .pb-form-primary-action,
body.mobile-account-mode #content.registration-page > p > .button {
    width: 100%;
    margin: 2px 0 0;
    font-size: 16px;
    font-weight: 800;
}

body.mobile-account-mode #content.registration-page > p > .button {
    min-height: 50px;
}

body.mobile-account-mode #content.registration-page .registration-video {
    display: none;
}

body.mobile-account-mode #content.profile-page.mobile-account-form-page #editace,
body.mobile-account-mode #content.profile-page.mobile-account-form-page #editace > form {
    width: 100%;
    margin: 0;
}

body.mobile-account-mode #content.profile-page.mobile-account-form-page #editace > .pb-form {
    --pb-form-textarea-min-height: 210px;
}

body.mobile-account-mode #content.profile-page.mobile-account-form-page #editace fieldset {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

body.mobile-account-mode #content.profile-page.mobile-account-form-page #editace fieldset > legend,
body.mobile-account-mode #content.profile-page.mobile-account-form-page #editace fieldset > h3 {
    display: none;
}

body.mobile-account-mode #content.profile-page.mobile-account-form-page #editace .popisobchodu,
body.mobile-account-mode #content.profile-page.mobile-account-form-page #editace .levy,
body.mobile-account-mode #content.profile-page.mobile-account-form-page #editace .pravy {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body.mobile-account-mode #content.account-settings #editace .pravy {
    padding-top: 18px;
    border-top: 1px solid var(--pb-border);
}

body.mobile-account-mode #content.account-settings #editace .levy > p,
body.mobile-account-mode #content.account-settings #editace .pravy > p {
    margin: 0 0 16px;
}

body.mobile-account-mode #content.account-settings #editace .pravy > h3 {
    margin: 0 0 12px;
    font-size: 18px;
}

body.mobile-account-mode #content.account-description #editace > .pb-form {
    --pb-form-textarea-min-height: 150px;
}

body.mobile-account-mode #content.account-ads > .account-lookup-form {
    --pb-form-panel-padding: 13px 11px;
    --pb-form-panel-border: 0;
    --pb-form-panel-radius: 0;
    --pb-form-panel-background: transparent;
    --pb-form-panel-shadow: none;
}

body.mobile-account-mode #content.account-ads > form .levy {
    grid-template-columns: 1fr;
}

body.mobile-account-mode #content.account-ads .account-lookup-refine,
body.mobile-account-mode #content.account-ads .account-lookup-submit {
    grid-column: 1;
    width: 100%;
}

body.mobile-account-mode #content.account-ads > form .levy input,
body.mobile-account-mode #content.account-ads > form .levy select {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

body.mobile-account-mode #content.account-ads .account-ad-actions {
    flex-wrap: nowrap;
    gap: 5px;
}

body.mobile-account-mode #content.account-ads .account-ad-actions a {
    min-width: 0;
    min-height: 36px;
    flex: 1 1 auto;
    padding: 4px 7px;
    font-size: 12px;
    white-space: nowrap;
}